:root { color-scheme: dark; --ink: #e8e4d7; --muted: #acc3c3; --gold: #e6c279; --cyan: #78e0e7; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #04141d; font: 15px/1.55 Arial, sans-serif; }
button, input, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
[hidden] { display: none !important; }
.wiki-topbar { position: relative; z-index: 5; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 78px; padding: 5px max(28px, calc((100vw - 1400px)/2)); border-bottom: 1px solid #b88f4d; background: #071d27; box-shadow: 0 8px 28px #0007; }
.wiki-logo img { display: block; width: 205px; max-width: 100%; }
.wiki-topbar nav { display: flex; align-items: center; gap: 26px; font: bold 12px Georgia, serif; letter-spacing: 1.7px; text-transform: uppercase; }
.wiki-topbar nav a, .wiki-topbar nav span { padding: 8px 0; text-decoration: none; }
.wiki-topbar nav a { color: #d2b471; }
.wiki-topbar nav span { color: var(--cyan); border-bottom: 2px solid var(--cyan); }
.wiki-enter { justify-self: end; padding: 8px 15px; border: 1px solid #b79957; color: #ffe6a9; background: #11303a; font: bold 12px Georgia, serif; text-decoration: none; }
.wiki-topbar a:hover { color: var(--cyan); }
.wiki-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr); gap: 40px; align-items: center; min-height: 430px; padding: 70px max(30px, calc((100vw - 1180px)/2)); overflow: hidden; background: radial-gradient(circle at 75% 45%, #216273 0, #0b3544 26%, transparent 51%), linear-gradient(145deg, #082c3a, #041720 70%); border-bottom: 1px solid #8b784b; }
.wiki-hero::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .3; background: repeating-linear-gradient(115deg, transparent 0 48px, #9fd3d30a 49px 50px); }
.wiki-hero-copy { position: relative; z-index: 1; }
.wiki-overline { color: var(--cyan); font: bold 11px Georgia, serif; letter-spacing: 3px; text-transform: uppercase; }
.wiki-hero h1 { max-width: 720px; margin: 13px 0 12px; color: #f4dfae; font: bold clamp(38px, 5vw, 64px)/1.08 Georgia, serif; letter-spacing: -.7px; }
.wiki-hero h1 em { color: #83e8ed; font-style: normal; }
.wiki-hero p { max-width: 580px; margin: 0 0 25px; color: #c6d6d4; font-size: 16px; }
#wiki-search-form label { display: block; margin-bottom: 8px; color: #edce87; font: bold 12px Georgia, serif; letter-spacing: 1px; text-transform: uppercase; }
.wiki-search-box { display: flex; align-items: center; max-width: 650px; height: 54px; border: 1px solid #c3a466; background: #041820; box-shadow: inset 0 0 0 2px #21444b, 0 10px 25px #0005; }
.wiki-search-box > span { padding: 0 12px 0 18px; color: var(--cyan); font: 32px Georgia, serif; }
.wiki-search-box input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; color: #f2e8d0; background: transparent; font-size: 15px; }
.wiki-search-box input::placeholder { color: #8ca6a9; }
.wiki-search-box button { align-self: stretch; margin: 5px; padding: 0 24px; border: 1px solid #e2bb70; color: #071d25; background: linear-gradient(#f3d28d, #bd8e46); font: bold 13px Georgia, serif; }
.wiki-hero-stats { display: flex; gap: 26px; margin-top: 20px; color: #a9c5c7; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.wiki-hero-stats strong { color: #ffdc95; font-size: 16px; }
.wiki-shortcuts { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 25px; }
.wiki-shortcuts button { padding: 8px 13px; border: 1px solid #53818a; color: #d5f7f6; background: #103846; font: bold 12px Georgia, serif; }
.wiki-shortcuts button:hover { border-color: var(--gold); color: #ffe2a6; }
.wiki-hero-art { display: grid; place-items: center; min-height: 280px; }
.wiki-book { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 250px; height: 260px; border: 3px double #e4c27d; color: #91eff2; background: linear-gradient(120deg, #0a2430 0 49%, #123a47 50% 100%); box-shadow: -15px 16px 0 #04131b, 0 24px 70px #2db7c050, inset 0 0 0 10px #123c49; transform: rotate(-7deg); font: 85px Georgia, serif; text-shadow: 0 0 30px #5ce1e9; }
.wiki-book span { margin-top: -18px; color: #f4d28f; font: bold 28px Georgia, serif; letter-spacing: 7px; }
.wiki-main { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 58px 0 90px; }
.wiki-questions { margin: 0 0 54px; padding: 26px; border: 1px solid #5e7169; background: linear-gradient(130deg, #0b2a36, #0e3440); box-shadow: 0 12px 32px #0005; }
.wiki-questions h2 { margin: 5px 0 18px; color: #f4d9a3; font: bold 28px Georgia, serif; }
.wiki-question-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.wiki-question-grid button { display: grid; align-content: start; gap: 8px; min-height: 96px; padding: 14px; border: 1px solid #4d7176; color: inherit; background: #0a2530; text-align: left; }
.wiki-question-grid button:hover { border-color: #d7b373; background: #153a45; }
.wiki-question-grid strong { color: #f1d08e; font: bold 17px Georgia, serif; }
.wiki-question-grid span { color: #b5d0cd; font-size: 12px; }
.wiki-section-head { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 25px; }
.wiki-section-head h2 { margin: 7px 0 0; color: #f6dca7; font: bold clamp(27px, 3vw, 36px) Georgia, serif; }
.wiki-section-head p { max-width: 350px; margin: 0 0 3px; color: #9fb8b9; font-size: 12px; text-align: right; }
.wiki-categories { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 29px; }
.wiki-category { display: inline-flex; gap: 10px; align-items: center; padding: 9px 14px; border: 1px solid #3e6268; color: #bdd2d0; background: #09232d; font: bold 12px Georgia, serif; }
.wiki-category small { color: #789ca0; font: 11px Arial, sans-serif; }
.wiki-category:hover, .wiki-category[aria-pressed='true'] { border-color: #d6b16e; color: #ffe2a6; background: #1d3b42; }
.wiki-category[aria-pressed='true'] small { color: #c2d7cf; }
.wiki-intro { margin: 0 0 18px; padding: 14px 18px; border-left: 3px solid #d0ad68; color: #c8dad5; background: #0b2a35; font-size: 13px; }
.wiki-filter-bar { display: grid; gap: 14px; margin-bottom: 18px; padding: 16px; border: 1px solid #365a61; background: #08232d; }
.wiki-filter-query { display: grid; gap: 5px; max-width: 460px; color: #9abfc0; font: bold 11px Georgia, serif; text-transform: uppercase; letter-spacing: .7px; }
.wiki-filter-query input { width: 100%; min-height: 39px; padding: 7px 11px; border: 1px solid #5b8184; color: #f5e1b6; background: #041b24; font: 14px Arial, sans-serif; text-transform: none; letter-spacing: 0; }
.wiki-filter-query input::placeholder { color: #789d9f; }
.wiki-group-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.wiki-filter-chip { padding: 8px 13px; border: 1px solid #416b72; color: #b9d4d3; background: #10313b; font: bold 12px Georgia, serif; }
.wiki-filter-chip:hover, .wiki-filter-chip[aria-pressed='true'] { border-color: #d9b773; color: #ffe0a0; background: #24414a; }
.wiki-filter-selects { display: flex; flex-wrap: wrap; gap: 12px; }
.wiki-filter-selects label { display: grid; gap: 5px; min-width: 175px; color: #9abfc0; font: bold 11px Georgia, serif; text-transform: uppercase; letter-spacing: .7px; }
.wiki-filter-selects select { width: 100%; min-height: 36px; padding: 6px 9px; border: 1px solid #4e7174; color: #f4ddb2; background: #061c26; font: 13px Arial, sans-serif; text-transform: none; letter-spacing: 0; }
.wiki-results-head { display: flex; justify-content: space-between; align-items: center; min-height: 44px; gap: 12px; margin-bottom: 15px; border-bottom: 1px solid #31515a; }
.wiki-results-head p { margin: 0; color: #a9c6c7; font-size: 13px; }
.wiki-results-head select { min-width: 180px; padding: 6px; border: 1px solid #6c7b64; color: #f0dbab; background: #0a2833; }
.wiki-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.wiki-cards.wiki-list { grid-template-columns: 1fr; gap: 7px; }
.wiki-list .wiki-card { grid-template-columns: 58px minmax(0, 1fr) auto; min-height: 76px; padding: 8px 13px; align-items: center; }
.wiki-list[data-category='Monstros'] .wiki-card { grid-template-columns: 58px minmax(0, 1fr) minmax(200px, auto); }
.wiki-list .wiki-card-art { width: 58px; height: 58px; font-size: 30px; }
.wiki-list .wiki-card-body strong { margin: 2px 0; font-size: 16px; }
.wiki-list .wiki-card-body > span { -webkit-line-clamp: 1; }
.wiki-list .wiki-card-body b { display: none; }
.wiki-item-index { padding: 16px 18px; border: 1px solid #45696a; background: #0d303a; }
.wiki-item-index > strong { display: block; margin-bottom: 11px; color: #f1d79b; font: bold 12px Georgia, serif; letter-spacing: 1px; }
.wiki-item-index-links { display: flex; flex-wrap: wrap; gap: 7px; }
.wiki-item-index-links button { padding: 7px 10px; border: 1px solid #527b7c; color: #b8e3df; background: #09232d; font: 12px Arial, sans-serif; }
.wiki-item-index-links button:hover { border-color: #ddbd7c; color: #ffe4aa; }
.wiki-item-index-links button[aria-pressed='true'] { border-color: #d7b774; color: #ffe3a6; background: #25444b; }
.wiki-item-family { display: grid; gap: 18px; margin-top: 20px; }
.wiki-item-family-title { margin: 4px 0 0; padding-bottom: 9px; border-bottom: 1px solid #9b895b; color: #f2d79c; font: bold 27px Georgia, serif; }
.wiki-item-section { padding: 18px; border: 1px solid #3c6268; background: #092630; scroll-margin-top: 22px; }
.wiki-item-section-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 12px; }
.wiki-item-section-head h4 { margin: 0; color: #eecb88; font: bold 21px Georgia, serif; }
.wiki-item-section-head span { color: #a9c9c6; font-size: 12px; white-space: nowrap; }
.wiki-item-section-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.wiki-item-pager { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 16px; color: #e5d29f; font: bold 12px Georgia, serif; }
.wiki-item-pager button { padding: 9px 13px; border: 1px solid #71805e; color: #f1d594; background: #123640; font: bold 12px Georgia, serif; }
.wiki-item-pager button:hover:not(:disabled) { border-color: #d8b773; background: #1d4650; }
.wiki-item-pager button:disabled { opacity: .45; cursor: default; }
.wiki-row-level { min-width: 64px; padding: 5px 8px; border: 1px solid #6b7859; color: #f1d699; text-align: center; font: bold 12px Georgia, serif; }
.wiki-row-facts { display: grid; grid-template-columns: 55px 65px minmax(78px, 1fr); gap: 8px; color: #e6d5aa; font: bold 11px Arial, sans-serif; text-align: right; }
.wiki-guide-card { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 18px; min-height: 176px; padding: 20px; border: 1px solid #4c6b6c; color: inherit; background: linear-gradient(145deg, #123846, #082530); text-align: left; }
.wiki-guide-card:hover { border-color: #dbb86f; background: #183e47; }
.wiki-guide-icon { display: grid; place-items: center; width: 76px; height: 76px; border: 2px double #bb9f67; color: #8be9e8; background: #08222c; font: 45px Georgia, serif; }
.wiki-guide-card-body { display: flex; flex-direction: column; gap: 6px; }
.wiki-guide-card-body small { color: #91e0e4; font: bold 11px Georgia, serif; text-transform: uppercase; }
.wiki-guide-card-body strong { color: #f4d99e; font: bold 24px Georgia, serif; }
.wiki-guide-card-body span { color: #c5d9d4; font-size: 13px; }
.wiki-guide-card-body b { margin-top: auto; color: #e5c783; font-size: 12px; }
.wiki-cards:not(.wiki-list):has(.wiki-guide-card) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wiki-guide-group-heading { grid-column: 1 / -1; margin: 12px 0 0; padding-bottom: 8px; border-bottom: 1px solid #416266; color: #f0d39a; font: bold 22px Georgia, serif; }
.wiki-cards.wiki-map-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wiki-map-grid .wiki-card { grid-template-columns: 145px minmax(0, 1fr); min-height: 132px; }
.wiki-map-grid .wiki-card-art { width: 145px; height: 108px; }
.wiki-map-grid .wiki-card-body > span { -webkit-line-clamp: 2; }
.wiki-map-grid .wiki-card-body .wiki-map-match { color: #efd596; font-weight: bold; }
.wiki-map-overview { display: grid; grid-template-columns: minmax(230px, 1.1fr) minmax(220px, .9fr); gap: 22px; align-items: center; margin-bottom: 26px; padding-bottom: 25px; border-bottom: 1px solid #45666a; }
.wiki-map-cover { width: 100%; max-width: none !important; max-height: 340px; margin: 0 !important; object-fit: contain; border: 1px solid #4d7579; background: #061c26; }
.wiki-map-overview-copy .wiki-detail-lead { margin: 8px 0; }
.wiki-location-note { color: #93b7bb; font-size: 12px; }
.wiki-route-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.wiki-route-plain { display: inline-block; padding: 8px 11px; border: 1px solid #385b61; color: #a7c1be; background: #092b35; font-size: 12px; }
.wiki-monster-roster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 12px 0; }
.wiki-roster-card { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 12px; align-items: center; min-height: 75px; padding: 8px; border: 1px solid #355e65; color: inherit; background: #0b2b36; text-align: left; }
button.wiki-roster-card:hover { border-color: #dab774; background: #153b45; }
.wiki-roster-card img, .wiki-roster-symbol { width: 58px; height: 58px; object-fit: contain; border: 1px solid #41686e; background: #061d27; }
.wiki-roster-symbol { display: grid; place-items: center; color: #80dce0; font: 28px Georgia, serif; }
.wiki-roster-card > span:last-child { display: grid; gap: 2px; min-width: 0; }
.wiki-roster-card strong { color: #f2d597; font: bold 15px Georgia, serif; }
.wiki-roster-card small { color: #7fd5db; font-size: 11px; }
.wiki-roster-card em { color: #bed2cc; font-size: 11px; font-style: normal; }
.wiki-map-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 12px 0 20px; }
.wiki-map-tile { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 12px; align-items: center; min-height: 92px; padding: 8px; border: 1px solid #436b70; color: inherit; background: #0e313b; text-align: left; }
.wiki-map-tile:hover { border-color: #d9b573; background: #17404a; }
.wiki-map-tile img { width: 90px; height: 74px; margin: 0; object-fit: contain; background: #071d25; }
.wiki-map-tile span { display: grid; gap: 5px; }
.wiki-map-tile strong { color: #f3d693; font: bold 15px Georgia, serif; }
.wiki-map-tile small { color: #a8c8c7; font-size: 11px; }
.wiki-card { display: grid; grid-template-columns: 102px minmax(0, 1fr); gap: 14px; min-height: 160px; padding: 12px; border: 1px solid #355d65; color: inherit; background: linear-gradient(145deg, #0d303c, #071f2a); text-align: left; transition: transform .2s, border-color .2s, box-shadow .2s; }
.wiki-card:hover { transform: translateY(-3px); border-color: #d9b46e; box-shadow: 0 12px 24px #0007; }
.wiki-card-art { display: grid; place-items: center; width: 102px; height: 134px; overflow: hidden; border: 1px solid #3a6870; color: #77dce6; background: radial-gradient(circle, #1b5261, #071a24); font: 50px Georgia, serif; }
.wiki-card-art img { display: block; width: 100%; height: 100%; object-fit: contain; image-rendering: auto; }
.wiki-card-body { display: flex; flex-direction: column; min-width: 0; }
.wiki-card-body small { color: #74dce5; font: bold 10px Georgia, serif; letter-spacing: 1.2px; text-transform: uppercase; }
.wiki-card-body strong { margin: 5px 0; color: #f7d99e; font: bold 18px/1.2 Georgia, serif; }
.wiki-card-body > span { display: -webkit-box; overflow: hidden; color: #a9c2c1; font-size: 12px; line-height: 1.5; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.wiki-card-body b { margin-top: auto; padding-top: 10px; color: #74dce5; font: bold 11px Georgia, serif; text-transform: uppercase; letter-spacing: .6px; }
.wiki-more { display: block; min-width: 190px; margin: 28px auto 0; padding: 11px 18px; border: 1px solid #caa863; color: #f5d894; background: #12303a; font: bold 13px Georgia, serif; }
.wiki-empty { grid-column: 1 / -1; padding: 40px; border: 1px solid #31515a; color: #b0c6c3; text-align: center; }
.wiki-detail { max-width: 990px; margin: 0 auto; }
.wiki-back { margin-bottom: 25px; padding: 8px 0; border: 0; color: #8ee1e7; background: transparent; font: bold 13px Georgia, serif; }
.wiki-detail-head { margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid #6e785a; }
.wiki-detail-head h2 { margin: 6px 0; color: #f5daa0; font: bold clamp(32px, 4vw, 48px) Georgia, serif; }
.wiki-detail-head p { margin: 0; color: #9dbabf; }
.wiki-detail-body { min-height: 240px; padding: 25px 30px; border: 1px solid #516e68; color: #d5dfd8; background: #0a2530; box-shadow: inset 0 0 0 2px #133d49, 0 15px 35px #0006; overflow-wrap: anywhere; }
.wiki-detail-body::after { content: ''; display: block; clear: both; }
.wiki-detail-body h2, .wiki-detail-body h3, .wiki-detail-body h4, .wiki-detail-body strong { color: #f4d89e; }
.wiki-detail-body h2, .wiki-detail-body h3 { font-family: Georgia, serif; }
.wiki-detail-body p { line-height: 1.7; }
.wiki-detail-body img { max-width: min(100%, 680px); height: auto; margin: 8px 18px 16px 0; }
.wiki-detail-cover { display: block; max-width: 180px !important; max-height: 240px; object-fit: contain; }
.wiki-detail-body table { width: 100%; border-collapse: collapse; margin: 16px 0; background: #09212a; }
.wiki-detail-body th, .wiki-detail-body td { padding: 8px 10px; border: 1px solid #355d61; text-align: left; vertical-align: top; }
.wiki-detail-body th { color: #f5d99f; background: #16404a; }
.wiki-detail-body ul, .wiki-detail-body ol { padding-left: 26px; }
.wiki-detail-body li { margin: 5px 0; }
.wiki-detail-lead { color: #d5e9e4; font-size: 16px; }
.wiki-guide-basics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px 0; }
.wiki-guide-basics > div { padding: 14px; border: 1px solid #3a666b; background: #0d303b; }
.wiki-guide-basics small { color: #88dce3; font: bold 11px Georgia, serif; text-transform: uppercase; }
.wiki-guide-basics p { margin: 5px 0 0; color: #e2d9be; font-size: 13px; }
.wiki-steps { display: grid; gap: 9px; counter-reset: step; padding: 0 !important; list-style: none; }
.wiki-steps li { position: relative; min-height: 47px; margin: 0 !important; padding: 11px 14px 11px 50px; border: 1px solid #335962; background: #0e303a; }
.wiki-steps li::before { counter-increment: step; content: counter(step); position: absolute; left: 12px; top: 10px; display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid #d2b271; border-radius: 50%; color: #f5d892; font: bold 12px Georgia, serif; }
.wiki-guide-extra { padding: 15px; border-left: 2px solid #c6a666; background: #123441; }
.wiki-original { margin-top: 30px; padding: 14px 18px; border: 1px solid #3e666c; background: #09212b; }
.wiki-original summary { color: #e8c982; cursor: pointer; font: bold 13px Georgia, serif; }
.wiki-original-content { padding-top: 18px; }
.wiki-related { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 22px; }
.wiki-related-link { padding: 8px 11px; border: 1px solid #497a7d; color: #bce9e6; background: #103640; font: 12px Arial, sans-serif; }
.wiki-related-link:hover { border-color: #d7b472; color: #ffe1a4; }
.wiki-item-detail-head { display: flex; gap: 23px; align-items: center; margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid #46686b; }
.wiki-item-detail-image { width: 105px; height: 135px; margin: 0 !important; object-fit: contain; border: 1px solid #416a6d; background: #071e28; }
.wiki-item-detail-head h3 { margin: 5px 0; font-size: 25px; }
.wiki-item-detail-head p { margin: 0; }
.wiki-stat-grid { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(90px, 1fr); max-width: 620px; margin: 8px 0 27px; border-top: 1px solid #42646a; border-left: 1px solid #42646a; }
.wiki-stat-grid dt, .wiki-stat-grid dd { margin: 0; padding: 7px 12px; border-right: 1px solid #42646a; border-bottom: 1px solid #42646a; }
.wiki-stat-grid dt { color: #a9d1d2; background: #0c2b37; }
.wiki-stat-grid dd { color: #f5d99c; background: #09232e; }
.wiki-monster-detail-image { float: right; max-width: 165px !important; max-height: 180px; object-fit: contain; }
.wiki-monster-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; max-width: 660px; margin: 0 0 20px; }
.wiki-monster-stats > div { display: grid; gap: 4px; padding: 11px; border: 1px solid #45666d; background: #0e333e; }
.wiki-monster-stats small { color: #91d5d7; text-transform: uppercase; font-size: 10px; }
.wiki-monster-stats strong { font: bold 17px Georgia, serif; }
.wiki-footer { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 22px max(24px, calc((100vw - 1180px)/2)); border-top: 1px solid #8b784b; background: #061c27; color: #8facaf; font-size: 12px; }
.wiki-footer img { width: 135px; }
.wiki-footer a { color: #e4c27e; text-decoration: none; }
@media (max-width: 960px) { .wiki-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wiki-hero { grid-template-columns: 1fr 200px; gap: 15px; } .wiki-book { width: 160px; height: 190px; font-size: 65px; } .wiki-book span { font-size: 21px; } }
@media (max-width: 960px) { .wiki-question-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 850px) { .wiki-item-section-cards { grid-template-columns: 1fr; } }
@media (max-width: 650px) { .wiki-topbar { grid-template-columns: 1fr auto; min-height: 72px; padding: 8px 18px; } .wiki-logo img { width: 165px; } .wiki-topbar nav { grid-column: 1 / -1; grid-row: 2; justify-content: center; } .wiki-enter { grid-column: 2; grid-row: 1; font-size: 10px; padding: 7px; } .wiki-hero { display: block; min-height: 0; padding: 50px 22px 45px; } .wiki-hero h1 { font-size: 40px; } .wiki-hero-art { display: none; } .wiki-search-box button { padding: 0 11px; } .wiki-main { width: calc(100% - 28px); padding-top: 40px; } .wiki-section-head { display: block; } .wiki-section-head p { margin-top: 12px; text-align: left; } .wiki-categories { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 7px; } .wiki-category { flex: none; } .wiki-cards { grid-template-columns: 1fr; } .wiki-card { grid-template-columns: 92px 1fr; min-height: 142px; } .wiki-card-art { width: 92px; height: 116px; } .wiki-detail-body { padding: 17px; } .wiki-detail-body table { display: block; overflow-x: auto; } .wiki-footer span { display: none; } }
@media (max-width: 650px) { .wiki-cards:not(.wiki-list):has(.wiki-guide-card) { grid-template-columns: 1fr; } .wiki-filter-selects label { flex: 1 1 130px; min-width: 130px; } .wiki-list .wiki-card, .wiki-list[data-category='Monstros'] .wiki-card { grid-template-columns: 49px minmax(0, 1fr); min-height: 94px; gap: 9px; } .wiki-list .wiki-card-art { width: 49px; height: 49px; } .wiki-row-level, .wiki-row-facts { grid-column: 2; justify-self: start; } .wiki-row-facts { display: flex; gap: 12px; text-align: left; } .wiki-guide-card { grid-template-columns: 58px minmax(0, 1fr); padding: 15px; gap: 12px; } .wiki-guide-icon { width: 58px; height: 58px; font-size: 33px; } .wiki-guide-basics { grid-template-columns: 1fr; } .wiki-monster-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .wiki-questions { padding: 18px; margin-bottom: 34px; } .wiki-question-grid { grid-template-columns: 1fr; } .wiki-question-grid button { min-height: 68px; } }
@media (max-width: 650px) { .wiki-cards.wiki-map-grid, .wiki-monster-roster, .wiki-map-tiles { grid-template-columns: 1fr; } .wiki-map-grid .wiki-card { grid-template-columns: 96px minmax(0, 1fr); } .wiki-map-grid .wiki-card-art { width: 96px; height: 90px; } .wiki-map-overview { grid-template-columns: 1fr; } .wiki-map-cover { max-height: 260px; } .wiki-roster-card { grid-template-columns: 52px minmax(0, 1fr); } .wiki-roster-card img, .wiki-roster-symbol { width: 52px; height: 52px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .wiki-card { transition: none; } }