:root{--bg:#171826;--surface:#292737;--surface-raised:#363748;--text:#f7f9fa;--muted:#c6daf4;--ink:#08090c;--action:#78fcfc;--event-red:#ec432d;--rank-gold:#d7e9f9;--violet-field:#473557;--line:#f9faf929;--line-strong:#f9faf947;--body:"Inter", system-ui, sans-serif;--display:"Sora", system-ui, sans-serif;--mono:"JetBrains Mono", monospace;color-scheme:dark}:root[data-theme=light]{--bg:#f5fafd;--surface:#e9f6fd;--surface-raised:#fff;--text:#08090c;--muted:#394958;--ink:#f5fafd;--action:#0e1225;--event-red:#ec432d;--rank-gold:#0e1225;--violet-field:#d7e9f9;--line:#17172629;--line-strong:#17172647;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--body);margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--action)}button,summary{font:inherit}button{cursor:pointer}::selection{background:var(--event-red);color:#fff}.site-header{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(18px);position:sticky;top:0}.header-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;width:min(1480px,100% - 40px);min-height:68px;margin:0 auto;display:grid}.brand{white-space:nowrap;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{border:1px solid var(--event-red);color:#fff;background:var(--event-red);width:32px;height:32px;font:800 18px/1 var(--display);place-items:center;display:grid;transform:skew(-12deg)}.brand-copy{letter-spacing:.03em;line-height:1;display:grid}.brand-copy strong{font:700 12px/1 var(--display)}.brand-copy small{color:var(--muted);font:600 8px/1 var(--mono);letter-spacing:.1em;margin-top:3px}.site-header nav{min-width:0}.nav-links{white-space:nowrap;justify-content:center;align-items:center;gap:clamp(12px,1.6vw,28px);display:flex;overflow:hidden}.nav-links a{color:var(--muted);padding:23px 0 20px;font-size:13px;font-weight:700;text-decoration:none;position:relative}.nav-links a[aria-current=page],.nav-links a:hover{color:var(--text)}.nav-links a[aria-current=page]:after{background:var(--action);content:"";height:2px;position:absolute;bottom:0;left:0;right:0}.header-tools{align-items:center;gap:8px;display:flex}.theme-button,.language-status,.menu-button{border:1px solid var(--line);color:var(--text);font:600 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;background:0 0}.theme-button,.language-status{padding:9px 10px}.menu-button{padding:10px 12px;display:none}.lang-switch{display:inline-flex}.lang-switch select{border:1px solid var(--line);max-width:128px;color:var(--text);font:600 11px/1 var(--mono);letter-spacing:.03em;cursor:pointer;appearance:none;background:0 0;padding:8px}.lang-switch select:hover{border-color:var(--line-strong)}.lang-switch select:focus-visible{outline:2px solid var(--action);outline-offset:1px}.lang-switch option{background:var(--surface-raised);color:var(--text)}.battle-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,7fr) minmax(340px,5fr);min-height:min(720px,100dvh - 69px);display:grid}.battle-hero-art{clip-path:polygon(0 0,100% 0,92% 100%,0 100%);background:#0a0b17;min-height:480px;position:relative;overflow:hidden}.battle-hero-art:after{background:linear-gradient(90deg, transparent 42%, var(--bg) 100%), linear-gradient(0deg, #00000057, transparent 55%);content:"";pointer-events:none;position:absolute;inset:0}.battle-hero-art img{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center}.battle-hero-copy{flex-direction:column;justify-content:center;max-width:610px;padding:clamp(56px,8vw,132px) clamp(28px,5vw,88px) clamp(48px,7vw,110px) 0;display:flex;position:relative}.eyebrow,.section-number,.page-date{color:var(--action);font:600 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em;line-height:1.06}h1{max-width:12ch;margin:0;font-size:clamp(40px,5.4vw,82px);font-weight:800}h2{margin:0;font-size:clamp(28px,3.2vw,48px);font-weight:700}h3{font-size:21px}.battle-hero-copy>p:not(.eyebrow){max-width:52ch;color:var(--muted);margin:24px 0 0;font-size:clamp(16px,1.2vw,19px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:11px 17px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.button-primary{background:var(--action);color:var(--ink)}.button-primary:hover{background:var(--text);color:var(--ink)}.button-quiet{border-color:var(--line-strong);color:var(--text)}.hero-facts{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:44px 0 0;padding-top:16px;display:grid}.hero-facts dt{color:var(--muted);font:500 9px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}.hero-facts dd{margin:5px 0 0;font-size:13px;font-weight:700}.atlas-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.atlas-strip a{border-right:1px solid var(--line);min-height:108px;font:700 clamp(14px, 1.3vw, 18px)/1.2 var(--display);align-items:flex-end;gap:12px;padding:20px;text-decoration:none;display:flex}.atlas-strip a:last-child{border-right:0}.atlas-strip span{color:var(--rank-gold);font:600 10px/1 var(--mono)}.section-wrap{width:min(1280px,100% - 40px);margin:0 auto}.home-copy{padding-top:104px;padding-bottom:104px}.home-section{grid-template-columns:110px minmax(0,1fr);gap:24px;max-width:900px;margin:0 auto 100px;display:grid}.home-section>div p:not(.section-number){max-width:66ch;color:var(--muted)}.battle-cut{background:var(--surface);grid-template-columns:minmax(320px,1.05fr) minmax(0,.95fr);align-items:stretch;gap:0;max-width:none;display:grid;position:relative;overflow:hidden}.battle-cut img{object-fit:cover;clip-path:polygon(0 0,100% 0,87% 100%,0 100%);width:100%;height:100%;min-height:430px}.battle-cut>div{padding:clamp(34px,5vw,80px)}.battle-cut>div p:not(.section-number){color:var(--muted)}.art-archive{border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 38%, var(--bg));padding:72px 0 0}.archive-heading{margin-bottom:36px}.archive-heading h2{max-width:13ch}.art-grid{background:var(--line);grid-template-columns:repeat(12,1fr);gap:1px;display:grid}.art-grid figure{background:var(--bg);grid-column:span 4;min-height:clamp(190px,22vw,330px);margin:0;overflow:hidden}.art-grid .art-large{grid-column:span 8}.art-grid img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1)}.art-grid figure:hover img{transform:scale(1.035)}.trailer-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,6vw,100px);padding-top:104px;padding-bottom:104px;display:grid}.trailer-section p:not(.eyebrow){max-width:45ch;color:var(--muted)}.home-faq{padding-bottom:104px}.home-faq details,.faq-list details{border-top:1px solid var(--line);padding:18px 0}.home-faq details:last-child,.faq-list details:last-child{border-bottom:1px solid var(--line)}details summary{color:var(--text);cursor:pointer;font-family:var(--display);font-weight:700}details p{max-width:68ch;color:var(--muted)}.article-shell{grid-template-columns:260px minmax(0,65ch) 190px;gap:clamp(24px,4vw,72px);width:min(1440px,100% - 40px);margin:0 auto;padding-top:62px;padding-bottom:112px;display:grid}.article-body{min-width:0;max-width:65ch}.article-toc{min-width:0}.toc{border-left:1px solid var(--line-strong);width:260px;padding-left:16px;position:sticky;top:100px}.toc summary{color:var(--text);font:600 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.toc nav{gap:4px;width:240px;display:grid}.toc a{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.45;text-decoration:none;display:block;overflow:hidden}.toc a:hover{color:var(--action)}.article-rail{border-top:2px solid var(--event-red);align-self:start;padding-top:14px;position:sticky;top:100px}.article-rail p{color:var(--muted);font:600 9px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.article-rail strong{font:700 15px/1.3 var(--display);margin:7px 0 14px;display:block}.article-rail a{color:var(--muted);margin-top:8px;font-size:12px;display:block}.article-hero{background:var(--surface);margin:0 0 34px;position:relative;overflow:hidden}.article-hero:after{content:"";pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0}.article-hero img{aspect-ratio:16/8;object-fit:cover;width:100%}.article-heading{margin-bottom:34px}.article-heading h1{max-width:15ch;font-size:clamp(38px,4vw,60px)}.article-heading>p:not(.eyebrow):not(.page-date){max-width:60ch;color:var(--muted);margin:20px 0 0;font-size:18px}.page-date{color:var(--rank-gold);margin-top:24px}.article-section{margin-top:56px}.article-section h2{margin-bottom:21px;font-size:clamp(26px,2.8vw,38px)}.article-section p{color:var(--muted)}.article-section p+p{margin-top:20px}.inline-art{border-left:3px solid var(--event-red);margin:34px 0 0;overflow:hidden}.inline-art img{aspect-ratio:16/8;object-fit:cover;width:100%}.faq-list{margin-top:62px}.faq-list h2{margin-bottom:20px}.related-links{border-top:1px solid var(--line-strong);margin-top:58px;padding-top:18px}.related-links>p{color:var(--rank-gold);font:600 10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}.related-links>div{background:var(--line);grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:1px;display:grid}.related-links a{background:var(--surface);min-height:92px;font:700 14px/1.3 var(--display);justify-content:space-between;align-items:flex-end;padding:14px;text-decoration:none;display:flex}.related-links a span{color:var(--action)}.data-board{border-top:2px solid var(--action);background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 92%, var(--violet-field)), var(--surface));margin:42px 0 0;padding:clamp(20px,3.2vw,34px)}.data-board-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.data-board-heading h2{max-width:14ch;font-size:clamp(28px,3.5vw,44px)}.data-board-date{color:var(--rank-gold);font:600 10px/1.35 var(--mono);letter-spacing:.08em;text-align:right;text-transform:uppercase;margin:0 0 5px}.data-board-intro{max-width:64ch;color:var(--muted);margin:24px 0 0}.table-scroll{border:1px solid var(--line-strong);background:var(--bg);scrollbar-color:var(--action) var(--surface);width:100%;margin-top:24px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:620px}.data-table th{border-bottom:1px solid var(--line-strong);color:var(--rank-gold);font:600 10px/1.25 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:12px 15px;position:relative}.data-table td{border-bottom:1px solid var(--line);color:var(--muted);vertical-align:middle;padding:14px 15px;font-size:13px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:color-mix(in srgb, var(--surface-raised) 70%, transparent)}.data-table code{width:fit-content;color:var(--text);font:600 12px/1.4 var(--mono);white-space:nowrap;display:block}.status-dot{color:var(--action);font:600 9px/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-top:5px;display:block}.copy-code{border:1px solid var(--line-strong);min-width:66px;color:var(--text);font:700 10px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;background:0 0;padding:8px 10px}.copy-code:hover,.copy-code:focus-visible{border-color:var(--action);background:var(--action);color:var(--ink)}.expired-wrap{border-top:1px solid var(--line-strong);margin-top:32px;padding-top:24px}.expired-wrap h3{margin:0;font-size:19px}.expired-wrap>p{color:var(--muted);margin:5px 0 0;font-size:13px}.expired-table{min-width:560px}.expired-table td:first-child{width:37%}.code-channels{border-top:1px solid var(--line-strong);margin-top:28px;padding-top:20px}.code-channels>p{color:var(--rank-gold);font:600 10px/1.35 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 11px}.code-channels>div{background:var(--line);flex-wrap:wrap;gap:1px;display:flex}.code-channels a{background:var(--bg);min-height:50px;color:var(--text);font:700 12px/1.25 var(--display);flex:160px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;text-decoration:none;display:flex}.code-channels a span{color:var(--action)}.roster-board{border-top-color:var(--event-red)}.roster-table{min-width:760px}.table-hint{color:var(--rank-gold);font:600 9px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:13px 0 -8px;display:none}.roster-table td:first-child{min-width:210px}.unit-name{color:var(--text);align-items:center;gap:11px;display:flex}.unit-name strong{color:var(--text);font:700 13px/1.35 var(--display)}.unit-avatar{color:#fff;width:33px;height:33px;font:700 10px/1 var(--mono);letter-spacing:.04em;border:1px solid #ffffff4d;flex:0 0 33px;place-items:center;display:grid}.unit-avatar[data-element=dark]{background:#493161}.unit-avatar[data-element=water]{background:#216a9b}.unit-avatar[data-element=light]{background:#ba8b22}.unit-avatar[data-element=ice]{background:#3f9bb8}.unit-avatar[data-element=fire]{background:#be3e2b}.unit-avatar[data-element=rose]{background:#a93e72}.unit-avatar[data-element=wind]{background:#367c67}.rarity-label,.element-label{min-height:23px;font:600 9px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid;align-items:center;padding:4px 7px;display:inline-flex}.rarity-boundless{color:var(--action)}.rarity-secret{color:#d7a9ff}.rarity-unrivaled{color:#ffcc64}.rarity-exclusive{color:#ff8e80}.rarity-mythical{color:#9ed4ff}.element-dark{color:#c8a8e3}.element-water{color:#86d8ff}.element-light{color:#f4d46c}.element-ice{color:#8ee8ff}.element-fire{color:#ff9b75}.element-rose{color:#ff9bc6}.element-wind{color:#90e6be}.roster-footnote{max-width:64ch;color:var(--muted);margin:20px 0 0;font-size:13px}.mode-directory{background:var(--line);border-top:2px solid var(--event-red);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:30px;display:grid}.mode-entry{background:var(--surface);min-height:180px;padding:22px}.mode-entry>span{color:var(--action);font:600 10px/1 var(--mono);letter-spacing:.1em}.mode-entry h3{color:var(--text);margin:28px 0 7px;font-size:23px}.mode-entry p{color:var(--muted);margin:0;font-size:13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.is-legal{grid-template-columns:260px minmax(0,65ch)}.is-legal .article-body{padding-top:16px}.is-legal .article-rail{display:none}.site-footer{border-top:1px solid var(--line);padding:56px 20px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:40px;width:min(1440px,100%);margin:0 auto;display:grid}.footer-grid strong{font-family:var(--display)}.footer-grid p{max-width:36ch;color:var(--muted);font-size:12px}.footer-grid nav{align-content:start;gap:7px;display:grid}.footer-grid a{color:var(--muted);font-size:12px}.page-top-sentinel{width:1px;height:1px;position:absolute;top:0}.back-to-top{z-index:10;border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--text);font:600 10px/1 var(--mono);text-transform:uppercase;opacity:0;pointer-events:none;padding:9px 11px;transition:opacity .18s,transform .18s;position:fixed;bottom:18px;right:18px;transform:translateY(8px);box-shadow:0 10px 25px #0003}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.not-found{text-align:center;place-content:center;min-height:calc(100dvh - 270px);padding:80px 20px;display:grid}.not-found h1{max-width:100%}.not-found p:not(.eyebrow){color:var(--muted)}.not-found .button{margin:16px auto 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1100px){.header-inner{grid-template-columns:auto minmax(0,1fr) auto auto}.site-header nav{grid-area:1/2}.menu-button{grid-area:1/3;justify-self:end;display:none}.site-header.nav-needs-menu .menu-button{display:inline-flex}.header-tools{grid-area:1/4;justify-self:end}.site-header.nav-needs-menu nav{display:none}.site-header.menu-open nav{grid-area:2/1/auto/-1;padding-bottom:14px;display:block}.site-header.menu-open .nav-links{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:0;display:grid;overflow:visible}.site-header.menu-open .nav-links a{padding:10px 0}.article-shell{grid-template-columns:230px minmax(0,65ch);gap:32px}.article-rail{display:none}.toc,.toc nav{width:220px}}@media (width<=780px){.header-inner{grid-template-columns:auto auto minmax(0,1fr);gap:10px;width:min(100% - 32px,1480px)}.brand-copy{display:none}.menu-button{grid-column:2;display:inline-flex}.header-tools{grid-column:3;justify-self:end}.site-header nav{display:none}.site-header.menu-open nav{grid-area:2/1/auto/-1;padding-bottom:14px;display:block}.battle-hero{flex-direction:column;min-height:auto;display:flex}.battle-hero-art{clip-path:none;order:0;min-height:300px}.battle-hero-art:after{background:linear-gradient(0deg, var(--bg), transparent 56%)}.battle-hero-copy{max-width:none;padding:34px 20px 52px}.battle-hero-copy h1{max-width:12ch}.hero-facts{margin-top:30px}.atlas-strip{grid-template-columns:repeat(2,1fr)}.atlas-strip a{border-bottom:1px solid var(--line);min-height:78px;padding:14px}.home-copy{padding-top:64px;padding-bottom:64px}.home-section{margin-bottom:68px;display:block}.battle-cut{display:block}.battle-cut img{clip-path:none;min-height:240px}.battle-cut>div{padding:30px 20px 40px}.art-archive{padding-top:52px}.art-grid{grid-template-columns:repeat(2,1fr)}.art-grid figure,.art-grid .art-large{grid-column:span 1;min-height:170px}.trailer-section{padding-top:64px;padding-bottom:64px;display:block}.trailer-section>div{margin-bottom:28px}.home-faq{padding-bottom:64px}.article-shell,.is-legal{width:min(100% - 32px,65ch);padding-top:36px;padding-bottom:72px;display:block}.article-toc{margin-bottom:28px}.toc{border:1px solid var(--line);width:100%;padding:12px;position:static}.toc summary{margin:0}.toc nav{width:100%;margin-top:12px}.article-hero{margin-bottom:24px}.article-heading h1{font-size:clamp(36px,11vw,50px)}.article-heading>p:not(.eyebrow):not(.page-date){font-size:16px}.article-section{margin-top:42px}.data-board{margin-top:32px;padding:20px 16px}.data-board-heading{display:block}.data-board-date{text-align:left;margin-top:14px}.data-table th,.data-table td{padding:12px}.code-table{table-layout:fixed;min-width:0}.code-table th:first-child{width:44%}.code-table th:nth-child(2){width:38%}.code-table th:last-child{width:18%}.code-table th,.code-table td{padding:9px 7px;font-size:10px}.code-table code{overflow-wrap:anywhere;white-space:normal;font-size:9px}.status-dot{letter-spacing:.04em;font-size:7px}.copy-code{width:100%;min-width:0;padding:8px 2px;font-size:8px}.expired-table{table-layout:fixed;min-width:0}.expired-table th,.expired-table td{padding:9px 7px;font-size:10px}.expired-table code{overflow-wrap:anywhere;white-space:normal;font-size:9px}.table-hint{display:block}.mode-directory{grid-template-columns:1fr}.mode-entry{min-height:144px}.footer-grid{display:block}.footer-grid>*+*{margin-top:28px}.site-header.menu-open .nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}}