:root{color-scheme:dark;--color-bg: #07080c;--color-bg-soft: #0c1016;--color-surface: #101721;--color-surface-2: #141e29;--color-surface-3: #1b2836;--color-on-surface: #f2eee4;--color-muted: #a9b1b9;--color-primary: #d9a441;--color-primary-variant: #ffd071;--color-secondary: #58d6c9;--color-danger: #c95e5a;--color-warning: #f0c76b;--color-border: rgba(255, 255, 255, .12);--color-border-strong: rgba(217, 164, 65, .34);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 8px;--shadow-1: 0 14px 32px rgba(0, 0, 0, .28);--shadow-2: 0 22px 56px rgba(0, 0, 0, .38);--container: 1180px;--gap: 18px;--font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--tr-fast: .14s ease;--tr-base: .22s ease}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-on-surface);background:linear-gradient(180deg,#07080ceb,#0c1016f5 46%,#07080c),url(/data/images/arts/a0_a0_landmarks.jpg) center top/cover no-repeat;background-attachment:fixed,fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:var(--color-primary-variant);text-decoration:none}a:hover{color:#fff2be}img{display:block;max-width:100%}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1,h2,h3,h4{letter-spacing:0}.u-container{width:min(100%,var(--container) + 2 * var(--gap));margin-inline:auto;padding-inline:var(--gap)}.app{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;background:linear-gradient(180deg,#07080c26,#07080ccc 38%,#07080cf2)}main{background:linear-gradient(180deg,#080a0ec7,#0a0d12fa)}.topbar{position:sticky;top:0;z-index:50;background:#07080cf0;border-bottom:1px solid rgba(255,255,255,.09)}.topbar__inner{display:flex;align-items:center;gap:18px;min-height:68px}.topbar__brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-on-surface);font-weight:800;letter-spacing:0;white-space:nowrap}.topbar__brand:hover{color:#fff}.topbar__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-md);color:#160d05;background:linear-gradient(135deg,var(--color-primary-variant),var(--color-primary));box-shadow:0 0 0 1px #ffffff2e,0 12px 24px #d9a4412e}.topbar__nav{margin-left:auto;display:flex;align-items:center;gap:8px}.nav__link{display:inline-flex;align-items:center;min-height:38px;padding:8px 11px;border-radius:var(--radius-sm);color:#f2eee4d1;transition:color var(--tr-fast),background var(--tr-fast)}.nav__link:hover{color:#fff;background:#ffffff14}.hero{position:relative;min-height:clamp(520px,76vh,700px);overflow:hidden;background:linear-gradient(90deg,#050609eb,#080a0db8 48%,#080a0d5c),linear-gradient(180deg,#07080c47,#07080ceb),url(/data/images/arts/a0_s1_mirror4.jpg) center 32%/cover;background-attachment:fixed,fixed,fixed}.hero:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(7,8,12,.96));pointer-events:none}.hero__wrap{position:relative;z-index:1;min-height:inherit;display:flex;align-items:center;padding-block:clamp(64px,10vw,118px)}.hero__copy{width:min(720px,100%)}.hero__title{margin:16px 0;font-size:clamp(48px,8vw,96px);line-height:.94;font-weight:800}.hero__lead{max-width:680px;margin:0 0 28px;color:#f2eee4c7;font-size:clamp(17px,2.4vw,22px);line-height:1.62}.hero__actions,.play__actions,.wiki-hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;color:#f2eee4b8;font-size:13px;text-transform:uppercase}.hero__stats span{padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);background:#0a0e148a}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary-variant),var(--color-primary));color:#170f06;font-weight:800;box-shadow:0 14px 28px #d9a4412e;transition:transform var(--tr-fast),box-shadow var(--tr-fast),border-color var(--tr-fast)}.button:hover{color:#0e0803;transform:translateY(-1px);box-shadow:0 18px 36px #d9a44142}.button--sm{min-height:38px;padding:8px 14px;font-size:14px}.button--ghost{color:var(--color-on-surface);background:#ffffff0f;box-shadow:none;border-color:#ffffff29}.button--ghost:hover{color:#fff;background:#ffffff1a;border-color:var(--color-border-strong)}.badge{display:inline-flex;align-items:center;width:fit-content;gap:6px;padding:6px 9px;border-radius:var(--radius-sm);border:1px solid rgba(217,164,65,.38);background:#d9a4411f;color:#ffe1a0;font-size:12px;line-height:1}.badge.mono{font-family:var(--font-mono)}.section{scroll-margin-top:88px;padding-block:clamp(56px,7vw,92px);border-bottom:1px solid rgba(255,255,255,.09)}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section__title{margin:0 0 12px;font-size:clamp(30px,4.2vw,48px);line-height:1.05}.section__lead{max-width:820px;margin:0 0 28px;color:var(--color-muted);font-size:18px;line-height:1.65}.manifest{background:linear-gradient(180deg,#111822c2,#090b10d6)}.manifest__text{max-width:880px;padding:24px;border-left:2px solid var(--color-primary);border-radius:var(--radius-md);background:#ffffff0b;box-shadow:var(--shadow-1)}.manifest__text p{margin:0;color:#f2eee4d1;line-height:1.72}.manifest__text p+p{margin-top:16px}.telegram{background:linear-gradient(135deg,rgba(88,214,201,.08),transparent 48%),#0a0d12f0}.features-list,.bullets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;list-style:none;padding:0;margin:24px 0 30px}.features-list li,.bullets li{position:relative;min-height:52px;padding:14px 14px 14px 38px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#ffffff0b;color:#f2eee4d6}.features-list li:before,.bullets li:before{content:"";position:absolute;left:16px;top:20px;width:8px;height:8px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 18px #58d6c98c}.featured{background:linear-gradient(180deg,#090d12f5,#0e1319fa)}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.world-card--wide{grid-column:span 2;grid-row:span 2}.world-card__body{display:flex;flex-direction:column;gap:10px;padding-top:14px}.spotlight{background:linear-gradient(180deg,#07080ce6,#101721eb),url(/data/images/arts/q19.6_codex_m.jpg) center/cover no-repeat;background-attachment:fixed,fixed}.chosen-card{display:grid;gap:14px}.chosen-card__body{display:grid;gap:10px}.chosen-card__body strong{font-size:18px;line-height:1.25}.chosen-card__stats{display:flex;flex-wrap:wrap;gap:6px;color:#f2eee4b8}.chosen-card__stats span{padding:6px 8px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-sm);background:#ffffff0d}.catalog,.tiers{background:#07080cd1}.pets,.movement,.about{background:#0f141be6}.play{text-align:center;background:linear-gradient(180deg,#0a0d12eb,#07080cf5),url(/data/images/arts/betweenworld_warrior.jpg) center/cover;background-attachment:fixed,fixed}.play__actions{justify-content:center}.card{position:relative;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff12,#ffffff08),#101721e6;box-shadow:var(--shadow-1);color:var(--color-on-surface);transition:border-color var(--tr-base),background var(--tr-base)}.card:hover{border-color:#d9a44152}.card-link{display:block;height:100%;color:var(--color-on-surface);text-decoration:none;cursor:pointer}.card-link:hover{color:var(--color-on-surface)}.card-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.card-link__cta{color:var(--color-primary-variant);font-weight:800}.character-card,.catalog-card,.spotlight-card,.pet-card,.map-card,.item-card,.status-card,.ability-card,.rune-card{overflow:hidden}.grid,.grid-cards{display:grid;gap:14px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid--sm-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--md-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--lg-4{grid-template-columns:repeat(4,minmax(0,1fr))}.ratio{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.11);background:#ffffff0d}.ratio--3x2{aspect-ratio:3/2}.ratio--2x3{aspect-ratio:2/3}.ratio--1x1{aspect-ratio:1/1}.media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media--cover{object-fit:cover}.media--contain{object-fit:contain}.thumb-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.thumb-row img,.tiers-thumbs img{width:min(31%,170px);min-width:92px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.13);background:#ffffff0d}.character-card .thumb-row img{width:100%;min-width:0;aspect-ratio:2/3;object-fit:cover}.icon-sm{width:24px;height:24px}.wiki-page{min-height:100vh;background:linear-gradient(180deg,#07080cd1,#07080cf5),url(/data/images/arts/q19.5_archive_m.jpg) center top/cover no-repeat;background-attachment:fixed,fixed}.wiki-container{padding-block:32px 72px}.wiki-hero{position:relative;overflow:hidden;margin-bottom:24px;padding:clamp(28px,5vw,56px);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-lg);background:linear-gradient(90deg,#0a0d12f2,#0c121ac7 64%,#0c121a7a),url(/data/images/arts/q19.6_codex_a.jpg) center/cover;background-attachment:fixed,fixed;box-shadow:var(--shadow-2)}.wiki-hero__eyebrow{width:fit-content;margin-bottom:12px;padding:6px 9px;border-radius:var(--radius-sm);border:1px solid rgba(88,214,201,.42);background:#58d6c91f;color:#a9f2eb;font-size:12px;text-transform:uppercase}.wiki-hero h1{max-width:720px;margin:0;font-size:clamp(36px,6vw,68px);line-height:1}.wiki-hero p{max-width:640px;margin:16px 0 24px;color:#f2eee4c7;font-size:18px;line-height:1.6}.wiki-layout,.wiki__layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.wiki-content,.wiki__content{min-width:0}.wiki-content>section,.wiki-section{padding:0 0 40px}.wiki-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.wiki-header h2,.wiki-section h2{margin:0;font-size:clamp(28px,4vw,42px)}.wiki-section h3,.wiki-content h3{margin:28px 0 12px;color:#ffe1a0}.wiki-menu,.wiki-nav{position:sticky;top:92px;align-self:start;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:#101721f5;box-shadow:var(--shadow-1)}.wiki-menu h3,.wiki-nav__title{margin:4px 8px 10px;color:var(--color-muted);font-size:12px;font-weight:700;text-transform:uppercase}.wiki-menu a,.wiki-nav__link{display:flex;align-items:center;min-height:40px;padding:9px 10px;border-radius:var(--radius-sm);color:#f2eee4d1;transition:color var(--tr-fast),background var(--tr-fast)}.wiki-menu a+a,.wiki-nav__link+.wiki-nav__link{margin-top:3px}.wiki-menu a.active,.wiki-menu a:hover,.wiki-nav__link--active,.wiki-nav__link:hover{color:#fff;background:#d9a44124}.wiki-home__intro{max-width:760px;margin-bottom:18px}.wiki-home__intro p{margin:12px 0 0;color:var(--color-muted);line-height:1.65}.wiki-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.wiki-home-card{min-height:168px;display:flex;flex-direction:column;gap:12px}.wiki-home-card strong{font-size:22px}.wiki-home-card span:last-child{color:var(--color-muted);line-height:1.5}.wiki-search{width:min(100%,380px)}.wiki-list{display:flex;flex-direction:column;gap:8px;padding:0;list-style:none}.wiki-list li{padding:8px 0}.back-link,.hint,.growth-info,.tile__sub{color:var(--color-muted)}.kbd{padding:2px 5px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-xs);background:#ffffff14;font-family:var(--font-mono)}.character-profile,.map-stats{gap:20px;align-items:flex-start}.hero-portrait{position:sticky;top:92px;width:min(320px,100%);aspect-ratio:2/3;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md);background:#ffffff0d;box-shadow:var(--shadow-1)}.lore-card{margin-top:12px;padding:14px;border-left:2px solid var(--color-primary);border-radius:var(--radius-md);background:#ffffff0d}.lore-text{color:#f2eee4d1;line-height:1.62}.stats-card .controls,.stats-card .stats{gap:10px}.stats{display:grid;gap:6px;margin-top:8px}.stats-table,.map-table{width:100%}.attack-block .row{gap:8px}.abilities-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.map-bg{max-width:960px;box-shadow:var(--shadow-1)}.wiki-section>.mt-8 img{border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-1)}.stats-summary div{margin-bottom:8px}.rune-tiers>div{border:1px solid rgba(255,255,255,.1)}.input,.wiki-nav__search{min-height:40px;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-sm);background:#ffffff12;color:var(--color-on-surface);font:inherit;outline:none;transition:border-color var(--tr-fast),background var(--tr-fast),box-shadow var(--tr-fast)}.input:focus,.wiki-nav__search:focus{border-color:var(--color-primary);background:#ffffff17;box-shadow:0 0 0 3px #d9a4411f}.aoe-grid{max-width:100%;overflow:auto;padding:10px;border:1px dashed rgba(255,255,255,.18);border-radius:var(--radius-sm);background:#00000038;color:var(--color-on-surface);font-family:var(--font-mono);font-size:12px;line-height:1.35;white-space:pre}.table{width:100%;table-layout:auto;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:#101721eb}.table thead th{text-align:left;padding:11px 12px;background:#ffffff12;color:#ffe1a0;font-weight:800}.table th,.table td{overflow-wrap:anywhere}.table tbody td{padding:10px 12px;border-top:1px solid rgba(255,255,255,.08);color:#f2eee4d1}.table tbody tr:hover td{background:#ffffff0b}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-sm);background:#ffffff12;color:var(--color-on-surface);font-size:12px}.tile{display:flex;align-items:center;gap:12px}.tile__media{position:relative;width:52px;height:52px;flex:0 0 52px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:#ffffff0d}.tile__title,.char-card__title,.map-card__title,.item-card__title{font-weight:800}.stat{color:#f0c76b;font-weight:800}.sep{height:1px;margin:14px 0;background:#ffffff1a}.footer{padding-block:28px;border-top:1px solid rgba(255,255,255,.1);background:#07080cf5;text-align:center}.footer__wrap{display:grid;gap:12px;justify-content:center}.footer__links{display:flex;justify-content:center;gap:10px 14px;flex-wrap:wrap}.footer__link{color:#f2eee4a8}.footer__link:hover{color:#fff}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-8{margin-top:8px!important}.mt-16{margin-top:16px!important}.mt-24{margin-top:24px!important}.mt-32{margin-top:32px!important}.flex{display:flex;gap:var(--gap);flex-wrap:wrap}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.small{font-size:14px}.mono{font-family:var(--font-mono)}.text-muted{color:var(--color-muted)}@media (max-width: 1040px){.featured-grid,.grid--lg-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.topbar__inner{flex-wrap:wrap;padding-block:10px}.topbar__nav{width:100%;margin-left:0;overflow-x:auto;padding-bottom:4px}.hero{min-height:clamp(520px,72vh,640px);background-position:58% 32%}.section__head,.wiki-header{align-items:flex-start;flex-direction:column}.wiki-layout,.wiki__layout{grid-template-columns:1fr}.wiki-menu,.wiki-nav,.hero-portrait{position:relative;top:0}.wiki-menu{display:flex;width:100%;min-width:0;gap:6px;overflow-x:auto}.wiki-menu h3{display:none}.wiki-menu a{flex:0 0 auto}.grid--md-3{grid-template-columns:repeat(2,minmax(0,1fr))}.character-profile,.map-stats{flex-direction:column}}@media (max-width: 620px){:root{--gap: 14px}.section{scroll-margin-top:18px}.topbar{position:relative}.topbar__nav{gap:6px}.nav__link{min-height:36px;padding-inline:9px}.hero__wrap{padding-block:58px 72px}.hero__stats{font-size:12px}.button{width:100%}.topbar .button{width:auto}.featured-grid,.grid,.grid-cards,.grid--sm-2,.grid--md-3,.grid--lg-4{grid-template-columns:1fr}.world-card--wide{grid-column:auto;grid-row:auto}.features-list,.bullets{grid-template-columns:1fr}.wiki-container{padding-block:18px 52px}.wiki-hero{padding:24px}.wiki-search{width:100%}.table{min-width:0;table-layout:fixed;font-size:12px}.table thead th,.table tbody td{padding:8px}}