@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef0f5;--panel:#fff;--panel-light:#f5f6fa;--line:#c1c7d5;--text:#10121a;--muted:#495268;--brand-accent:#143ae5;--brand-deep:#112cc2;--yellow:#ffe52d;--header:#101118;--mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;--display:Arial, "Helvetica Neue", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:94px}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.6 Segoe UI,system-ui,sans-serif}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.08}h1{letter-spacing:-.068em;font-size:clamp(2.7rem,6vw,5.6rem);font-weight:900}h2{letter-spacing:-.055em;font-size:clamp(1.75rem,4vw,3.2rem);font-weight:850}h3{letter-spacing:-.03em;font-size:1.3rem}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:default;opacity:.48}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}select,input{background:var(--panel);width:100%;min-width:0;color:var(--text);border:1px solid #8d96ab;border-radius:3px;min-height:45px;padding:10px 12px}input::placeholder{color:var(--muted)}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.65rem .65rem .65rem 0}th{color:var(--text)}td{color:var(--muted)}tr:last-child td,tbody tr:last-child th{border-bottom:0}table{border-collapse:collapse;width:100%}ul{color:var(--muted);margin:.55rem 0 0;padding-left:1.3rem}}@layer layout{.shell{width:min(100% - 56px,1440px);margin-inline:auto}.site-header{z-index:2;background:var(--header);color:#fff;border-bottom:3px solid var(--brand-accent);position:sticky;top:0}.site-header :focus-visible{outline-color:var(--yellow)}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:69px;display:grid}.topbar nav{align-items:center;gap:6px;display:flex}.topbar nav a{color:#f4f5fa;padding:8px 13px;font-size:.91rem;font-weight:700}.topbar nav a:hover,.topbar nav a.active{box-shadow:inset 0 -3px 0 var(--yellow)}.brand{justify-self:start;align-items:center;gap:10px;display:inline-flex}.brand>span{font:900 clamp(.9rem, 1.55vw, 1.25rem)/1 var(--display);letter-spacing:-.035em}.brand>span span{margin-left:.2em}.roster-nav{background:var(--yellow);color:var(--text);white-space:nowrap;justify-self:end;align-items:center;gap:7px;padding:8px 12px;font-size:.86rem;font-weight:800;display:flex}.roster-nav:hover{background:#fff178}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:18px 28px;margin-top:62px;padding-block:23px 35px;font-size:.8rem;display:flex}.footer a:hover{color:var(--brand-accent)}.analytics-option{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.analytics-option input{width:16px;height:16px;min-height:0;accent-color:var(--brand-accent)}.skip{z-index:5;background:var(--brand-accent);color:#fff;padding:8px 12px;position:fixed;top:8px;left:12px;transform:translateY(-150%)}.skip:focus{transform:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-head{border-left:7px solid var(--brand-accent);border-bottom:1px solid var(--line);background:linear-gradient(115deg,#fff 60%,#e0e7ff);margin:30px 0;padding:clamp(17px,4vw,46px)}.page-head h1{margin-block:9px 15px;font-size:clamp(2.65rem,6.3vw,5.55rem)}.page-head>p:last-child{max-width:680px;padding-bottom:8px;font-size:1.07rem}.content-section{margin-block:32px}.content-section>h2,.content-section>p{margin-bottom:15px}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px;display:flex}.section-head h2{margin-top:7px}.info-grid,.stack,.squad-grid{gap:14px;display:grid}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.squad-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@layer components{.dim{color:var(--muted)}.eyebrow{color:var(--brand-accent);font:670 .74rem/1.55 var(--mono);letter-spacing:.12em;text-transform:uppercase}.actions,.inline-form{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.actions{margin-top:16px}.button{background:var(--panel);min-height:44px;color:var(--text);text-align:center;border:1px solid #8d96ab;border-radius:3px;justify-content:center;align-items:center;gap:9px;padding:8px 13px;font-size:.9rem;font-weight:750;display:inline-flex}.button:hover:not(:disabled){border-color:var(--brand-accent)}.button.primary{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent)}.button.primary:hover:not(:disabled){background:var(--brand-deep)}.text-link,.plain{color:var(--brand-accent);font-weight:650}.text-link:hover,.plain:hover{text-decoration:underline}.plain{background:0 0;border:0;min-height:28px;padding:4px 0;font-size:.86rem}.hero{background:#e5e9f1;border-bottom:1px solid #c4cbda;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:var(--brand-accent);width:9px;position:absolute;inset:26px auto 26px 0}.hero-text{z-index:1;align-self:center;padding:clamp(22px,4vw,60px) 0 clamp(22px,4vw,60px) clamp(22px,4vw,60px);position:relative}.hero h1{max-width:670px;margin-block:9px 15px;line-height:.98}.hero-text>p:not(.eyebrow){max-width:485px;color:var(--text);font-size:clamp(1.02rem,1.7vw,1.25rem);font-weight:650}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 19px;margin-top:22px;display:flex}.hero-actions .text-link{font-size:.88rem}.hero-cta{isolation:isolate;padding:12px 19px;font-size:clamp(.92rem,1.45vw,1.1rem);position:relative}.hero-cta:after{content:"";z-index:-1;background:var(--yellow);height:5px;position:absolute;inset:auto -6px -6px 6px}.hero-art{background:var(--brand-accent);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);min-height:360px;display:block;position:relative}.hero-art:focus-visible{outline:0}.hero-art:focus-visible>span{outline:3px solid var(--yellow);outline-offset:4px}.hero-art img{object-fit:cover;object-position:58% 44%;width:100%;height:100%;position:absolute}.hero-art>span{background:var(--header);color:#fff;padding:4px 10px;font-size:.79rem;font-weight:750;position:absolute;bottom:16px;right:17px}.library{margin-top:32px}.section-marker{align-items:center;gap:14px;display:flex}.section-marker:before{content:"";background:var(--yellow);flex:0 0 .57em;height:.75em;margin-left:.13em;transform:skew(-25deg)}.library-description{margin-top:6px}.filterbar{grid-template-columns:minmax(220px,1fr) repeat(4,auto);gap:9px;margin-block:19px 13px;display:grid}.filterbar.advanced{grid-template-columns:repeat(3,minmax(0,220px))}.advanced label,.progress-fields label,.account form label,.short-field{color:var(--muted);gap:4px;font-size:.86rem;display:grid}.search{background:var(--panel);border:1px solid #8d96ab;border-radius:3px;align-items:center;display:flex}.search svg{color:var(--text);flex-shrink:0;margin-left:11px}.search input{background:0 0;border:0}.classes{flex-wrap:wrap;gap:6px;display:flex}.classes button{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:3px;min-height:39px;padding:5px 10px;font-size:.85rem;font-weight:700}.classes button[aria-pressed=true]{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.classes button:hover:not([aria-pressed=true]){color:var(--brand-accent)}.results-line{min-height:39px;font:.78rem/1.3 var(--mono);justify-content:space-between;align-items:center;gap:14px;margin-block:9px 5px;display:flex}.results-line span{color:var(--brand-accent)}.operator-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.operator-card{background:color-mix(in srgb, var(--accent) 30%, white);min-width:0}.operator-card a{isolation:isolate;min-height:205px;display:block;position:relative}.operator-card a:hover h3{text-decoration:underline}.card-art{z-index:-1;object-fit:cover;object-position:50% 25%;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);width:57%;height:100%;position:absolute;bottom:0;right:0}.portrait{aspect-ratio:1.24;background:#343e65;border-radius:13px 13px 0 0;position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:center 35%;width:100%;height:100%;display:block}.portrait-class,.portrait-rarity{color:#f4f6ff;background:#11162beb;border-radius:5px;padding:3px 8px;font-size:.73rem;font-weight:700;position:absolute;bottom:9px;left:9px}.portrait-rarity{color:#ffdc9d;left:auto;right:9px}.card-body{flex-direction:column;align-items:flex-start;gap:3px;width:49%;min-height:205px;padding:15px;display:flex;position:relative}.card-body h3{overflow-wrap:anywhere;font-size:clamp(1.2rem,2.45vw,2.1rem);font-weight:900}.card-class{color:var(--text);font-size:.88rem;font-weight:800}.card-class span{white-space:nowrap;margin-left:2px}.card-role{margin-bottom:3px;font-size:.77rem;line-height:1.3}.card-body .index strong{font-size:1.1rem}.card-link{background:var(--yellow);color:var(--text);white-space:nowrap;align-items:center;gap:5px;margin-top:auto;padding:4px 9px;font-size:.8rem;font-weight:850;display:inline-flex}.card-link-facts{white-space:normal;background:#fff}.emblem{background:linear-gradient(140deg, color-mix(in srgb, var(--accent) 80%, white), #e5eaff);color:#1d347a;place-items:center;min-height:230px;display:grid;position:relative}.emblem svg{width:66%;max-width:165px}.emblem-id,.emblem-type{color:#233763;font:750 .73rem var(--mono);position:absolute}.emblem-id{top:12px;right:12px}.emblem-type{bottom:12px;right:12px}.card-art .emblem{height:100%;min-height:0}.index{white-space:nowrap;font-family:var(--mono);color:var(--brand-accent);line-height:1}.index strong{font-size:1.32rem}.index small{color:var(--muted);margin-left:2px;font-size:.65rem}.panel{border:1px solid var(--line);background:var(--panel);border-radius:3px;min-width:0;padding:clamp(13px,2vw,23px)}.panel h3+p,.panel .eyebrow+h3,.panel h2+p{margin-top:8px}.panel p+h3{margin-top:17px}.panel p+p{margin-top:7px}.panel h3+.meter{margin-top:16px}.empty{padding:27px}.empty p+a{margin-top:8px;display:inline-block}.breadcrumbs{color:var(--muted);gap:9px;margin-block:22px 12px;font-size:.9rem;display:flex}.breadcrumbs a{color:var(--brand-accent)}.dossier{border:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(165px,.78fr) 1.4fr minmax(180px,.66fr);display:grid;overflow:hidden}.dossier .portrait{aspect-ratio:auto;border-radius:0;min-height:230px}.dossier .portrait img{position:absolute;inset:0}.dossier-intro,.dossier-score{padding:clamp(15px,3vw,31px)}.dossier-intro h1{margin-block:4px 10px;font-size:clamp(2.75rem,5.6vw,5.3rem)}.dossier-score{border-left:1px solid var(--line);background:#e9eeff}.dossier-score .index{margin-block:12px;display:inline-block}.dossier-score .index strong{font-size:3.5rem}.dossier-score p:not(.eyebrow){font-size:.9rem}.dossier-score a{margin-top:8px;font-size:.85rem;display:inline-block}.training-focus{background:#fff7c1;border:1px solid #c5b954;grid-template-columns:auto 1fr minmax(180px,.46fr);align-items:center;gap:15px 20px;margin-top:15px;padding:clamp(15px,2.4vw,25px);display:grid}.skill-number{aspect-ratio:1;background:var(--yellow);width:68px;color:var(--text);place-items:center;font-size:1.75rem;font-weight:900;display:grid}.training-focus h2{margin-bottom:5px;font-size:clamp(1.4rem,3vw,2.05rem)}.training-target{border-left:1px solid #b7a83f;gap:2px;padding-left:15px;display:grid}.training-target strong{color:var(--text);font-size:1.05rem}.training-target a{font-size:.83rem}.form-links{margin-top:14px}.skill-panel.recommended{background:#fffbea;border-color:#c5b954}.metrics{margin-top:12px}.metrics strong{font-size:1.45rem}.tags,.jump{flex-wrap:wrap;gap:6px 12px;display:flex}.tags{margin-top:11px}.tags span,.badge{border:1px solid var(--line);background:var(--panel-light);color:var(--muted);border-radius:5px;padding:3px 8px;font-size:.78rem}.jump{border-block:1px solid var(--line);margin-block:22px;padding-block:9px}.jump a{color:var(--brand-accent);padding:5px 7px;font-size:.91rem;font-weight:650}.jump a:hover{text-decoration:underline}.meter{grid-template-columns:1fr auto;gap:0 8px;margin-bottom:9px;font-size:.86rem;display:grid}.meter meter{grid-column:1/-1;width:100%;height:13px}meter::-webkit-meter-bar{border:1px solid var(--line);background:#e5e9f3}meter::-webkit-meter-optimum-value{background:var(--brand-accent)}.entry{border-top:1px solid var(--line);margin-top:14px;padding-top:13px}.entry .dim{font-size:.85rem}.scroll-table{overflow-x:auto}.scroll-table+a{margin-top:9px;display:inline-block}.provenance,.readable{max-width:790px}.provenance{font-size:.86rem}.rubric+p{margin-top:17px}.drill{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(18px,4vw,48px);padding:clamp(16px,3vw,35px);display:grid}.drill h2{margin-block:5px 10px}.drill-current{border-left:2px solid var(--brand-accent);margin-top:16px;padding:7px 0 7px 13px}.training-board{border:1px solid var(--line);background:#14192b;border-radius:8px;width:100%;height:auto;display:block}.tile{fill:#232d48;stroke:#485b89}.tile.raised{fill:#37445c;stroke:#7086ad}.tile.path{fill:#3b2724;stroke:#725149}.tile.coverage{fill:#3c4d88;stroke:#a3b7ff}.enemy-route{stroke:#ff9f8d;stroke-dasharray:3 5;fill:none;stroke-opacity:.85}.enemy{fill:#ff9f8d;stroke:#351e19}.unit rect{stroke:#dce7ff;fill:#425786}.unit.ranged rect{fill:#465777;stroke:#b9d3ff}.unit.skill rect{fill:#9db2ff;stroke:#dce7ff}.unit text,.board-caption{fill:#f2f5ff;font:700 10px var(--mono)}.unit.skill text{fill:#131a39}.board-caption{fill:#b7bfd5;font-size:8px}figcaption{color:var(--muted);flex-wrap:wrap;gap:8px 14px;padding-top:10px;font-size:.77rem;display:flex}.legend:before{content:"";background:#ff9f8d;border-radius:2px;width:8px;height:8px;margin-right:5px;display:inline-block}.raised-key:before{background:#9bb8e7}.range-key:before{background:var(--brand-accent)}.account{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:15px 28px;display:flex}.account form{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.notice{border-left:2px solid var(--brand-accent);color:#213157;background:#e6edff;border-radius:3px;margin-top:8px;padding:8px 10px}.roster-row{grid-template-columns:minmax(128px,.7fr) 2fr auto;align-items:end;gap:12px 18px;display:grid}.roster-row .actions{margin:0}.progress-fields{flex-wrap:wrap;gap:7px 11px;display:flex}.progress-fields label{min-width:72px}.roadmap-tabs{margin-bottom:15px}.roadmap-row{grid-template-columns:minmax(135px,.8fr) 2fr 90px;align-items:center;gap:12px;display:grid}.roadmap-row .badge{color:var(--brand-accent);justify-self:end}.cn-panel{border-color:#7485a6}.cn-panel .eyebrow{color:#354f8b}.squad-hints{margin-top:13px}.short-field{max-width:245px}.table-remove{color:var(--muted);display:block}.material-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;padding:0;list-style:none;display:grid}.material-reference{margin-top:6px;font-size:.84rem;display:inline-block}.material-list li{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding-block:3px;display:grid}.material-list img{object-fit:contain;display:block}.material-list strong{font-variant-numeric:tabular-nums}.material-credit{margin-top:9px;font-size:.74rem}}@media (max-width:910px){.operator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{min-height:305px}.roster-row{grid-template-columns:1fr 2fr}.roster-row .actions{grid-column:2}}@media (max-width:700px){html{scroll-padding-top:127px}.shell{width:calc(100% - 30px)}.topbar{grid-template-columns:1fr auto;gap:4px 8px;padding-block:5px}.topbar nav{grid-area:2/1/auto/-1;justify-content:space-between}.topbar nav a{padding:7px 8px}.hero{grid-template-columns:1fr}.hero:before{width:6px;height:100px;inset:16px auto auto 0}.hero-text{padding:25px 20px 24px}.hero h1{max-width:500px}.hero-art{aspect-ratio:1.75;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 15%);min-height:0}.operator-grid,.squad-grid,.info-grid,.filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.filterbar .search{grid-column:1/-1}.filterbar .button{padding-inline:5px;font-size:.79rem}.filterbar.advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.dossier{grid-template-columns:minmax(116px,.6fr) 1fr}.dossier .portrait{min-height:188px}.dossier-score{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.drill,.roster-row{grid-template-columns:1fr}.roster-row .actions{grid-column:auto}.roadmap-row{grid-template-columns:1fr auto}.roadmap-row>p{grid-area:2/1/auto/-1}.section-head{flex-wrap:wrap;align-items:start}.training-focus{grid-template-columns:auto 1fr}.training-target{border-left:0;grid-column:2;padding-left:0}}@media (max-width:450px){.hero-text>p:not(.eyebrow){font-size:.96rem}.operator-grid,.info-grid,.info-grid.two,.material-list{grid-template-columns:1fr}.info-grid.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.metrics .eyebrow{letter-spacing:.045em;font-size:.64rem}.metrics strong{font-size:1.1rem}.portrait-class,.portrait-rarity{padding-inline:5px;font-size:.63rem}.skill-number{width:48px;font-size:1.35rem}.dossier{grid-template-columns:1fr}.dossier .portrait{min-height:220px}.dossier .portrait img{object-position:center 33%}}