:root{--ink:#192c32;--muted:#718086;--paper:#f4f2ec;--line:#dcded7;--gold:#c39c59;--side:#16282f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b9904e;outline-offset:4px}button{border:0}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.masthead{height:100px;background:var(--ink);color:#f7f1e5;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #ffffff18}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;font:700 24px Georgia,serif;letter-spacing:2px}.brand-mark{color:var(--gold);font-size:47px;font-weight:400}.brand small{display:block;font:10px 'Segoe UI',sans-serif;letter-spacing:3.2px;color:#c9c4b5;margin-top:7px}.header-note{font:16px Georgia,serif;line-height:1.5;text-align:right}.header-note span{font:12px 'Segoe UI',sans-serif;color:#a0afb2}.layout{display:grid;grid-template-columns:294px minmax(0,1fr)}aside{background:var(--side);color:#d7e0df;padding:30px 20px;align-self:start;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.side-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#abb9bb;margin:0 7px 20px}.side-heading span:last-child{letter-spacing:0}.search{display:flex;align-items:center;gap:8px;background:#ffffff09;border:1px solid #ffffff24;border-radius:4px;padding:10px 12px}.search>span{font-size:24px;line-height:18px;color:var(--gold)}.search input{min-width:0;width:100%;background:transparent;border:0;color:white;outline:0;font-size:13px}.search input::placeholder{color:#a4b1b4}.search kbd{font-size:11px;opacity:.4;border:1px solid;padding:0 4px}.filter-label{font-size:11px;color:#a4b1b4;margin:18px 2px 7px}select{width:100%;color:#d7e0df;background:#21363e;border:1px solid #ffffff20;border-radius:3px;padding:9px;font-size:12px}nav{overflow:auto;flex:1;margin:20px -8px 10px;scrollbar-width:thin;scrollbar-color:#516169 transparent}.band-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;color:#bdc9cc;text-align:left;border-left:2px solid transparent;border-radius:0 4px 4px 0;transition:background .15s}.band-option:hover{background:#ffffff08}.band-option[aria-current=true]{background:#c39c5917;border-left-color:var(--gold);color:white}.band-option img{width:32px;height:32px;object-fit:contain;flex:none}.band-option span{font-size:12px;line-height:1.4}.group-title{font-size:10px;color:#8e9da1;letter-spacing:1.8px;margin:20px 14px 8px;text-transform:uppercase}.side-footer{font-size:11px;line-height:1.7;color:#abb7b8;padding:16px 8px 0;border-top:1px solid #ffffff13}.side-footer span{color:#7e9198}.side-footer a{display:block;margin-top:12px;font-size:10px;text-decoration:none}.band-header{padding:35px 5% 0;background:#fffdf8;border-bottom:1px solid var(--line)}.breadcrumb{font-size:10px;letter-spacing:2px;color:#7c8580;display:flex;gap:14px}.band-title{display:flex;align-items:center;gap:24px;margin:30px 0}.band-title img{width:72px;height:72px;object-fit:contain}.band-title h1{font:400 clamp(27px,3.1vw,48px)/1.15 Georgia,serif;margin:0 0 10px;letter-spacing:-1.2px}.band-title p{font-size:12px;color:#7b837d;margin:0}.band-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-links{display:flex;gap:30px}.section-links a{text-decoration:none;padding:17px 0;font-size:12px;border-bottom:2px solid transparent}.section-links a:first-child{border-color:var(--gold)}.section-links span{font-size:9px;background:#e9ede7;padding:3px 5px;border-radius:2px;margin-left:6px;color:#647269}.quiet{font-size:11px;background:none;color:#697870;padding:12px 0}.main-content{max-width:1500px;margin:auto;padding:40px 5% 0}section{scroll-margin-top:24px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8b8e80;margin:0 0 9px}.section-title h2{font:400 29px Georgia,serif;margin:0}.section-title h2>span{font:12px 'Segoe UI',sans-serif;color:#929b93;margin-left:8px}.language-note{font-size:11px;color:#6c7d70}.warscroll-grid{display:grid;gap:24px;grid-template-columns:1fr}.warscroll-grid.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.card-shell{min-width:0}.flip{background:transparent;padding:0;display:block;width:100%;perspective:1400px;text-align:left;position:relative;border-radius:13px}.flip-inner{display:block;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.75,.2,1);aspect-ratio:836/593}.flip.is-back .flip-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-face.back{transform:rotateY(180deg)}.card-face img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 5px 6px #172e2920)}.card-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 2px 0;font-size:11px}.card-label{color:#6e7d74}.card-controls button{font-size:11px;background:none;color:#334e48;padding:5px}.card-controls .actions{display:flex;gap:10px}.fighter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 23px}.fighter-grid .flip-inner{aspect-ratio:593/836}.fighter-grid .card-controls{align-items:start;flex-wrap:wrap}.fighter-grid .card-label{display:block;max-width:100%}#fighters-section{margin-top:48px}.outline{font-size:11px;background:transparent;border:1px solid #bfc8bf;border-radius:3px;padding:10px 14px}.outline[aria-pressed=true]{color:#fff;background:var(--ink);border-color:var(--ink)}.hint{font-size:12px;color:#7b847d;margin:-6px 0 24px}.notice{font-size:12px;background:#e9ece4;padding:13px 16px;line-height:1.6;border-left:2px solid var(--gold)}.page-footer{margin-top:48px;padding:22px 0;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:10px;color:#7d877f}.menu-button{display:none}#empty{font-size:13px;padding:28px 8px;line-height:1.7}#reset{display:block;background:none;color:var(--gold);padding:12px 0}dialog{max-width:none;max-height:none;width:100vw;height:100dvh;border:0;padding:22px 28px;background:#101b20f7;color:#f4f2e8}dialog::backdrop{background:#101b20}dialog[open]{display:flex;flex-direction:column}.viewer-bar{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:10px}.viewer-bar button,.viewer-controls button{background:#ffffff12;color:white;padding:12px 16px;border:1px solid #ffffff24;border-radius:4px}.viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 0}.viewer-stage img{max-height:100%;max-width:calc(100% - 120px);object-fit:contain}.viewer-stage button{font:40px Georgia;background:none;color:#c3cfcf;width:40px;flex:none}.viewer-controls{display:flex;justify-content:center;align-items:center;gap:24px;font-size:12px}.viewer-controls span{color:#9eafaf}.viewer-controls a{text-decoration:none;color:#e1c38f}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#203a36;color:white;padding:12px 22px;border-radius:4px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:1500px){.fighter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.warscroll-grid:not(.multiple){max-width:950px}}@media(max-width:1100px){.layout{grid-template-columns:250px minmax(0,1fr)}.fighter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warscroll-grid.multiple{grid-template-columns:1fr}.header-note{font-size:14px}}@media(max-width:760px){.masthead{height:83px;padding:0 18px;gap:12px}.brand{font-size:17px;gap:9px;letter-spacing:1.2px}.brand-mark{font-size:32px}.brand small{font-size:8px;letter-spacing:1.7px}.header-note{display:none}.menu-button{display:flex;gap:12px;align-items:center;color:#ddd9cc;background:#ffffff0c;padding:10px;font-size:11px;border:1px solid #ffffff24;border-radius:3px}.layout{display:block}aside{display:none;position:fixed;top:83px;left:0;width:100%;height:calc(100dvh - 83px);z-index:5}body.menu-open{overflow:hidden}body.menu-open aside{display:flex}nav{display:grid;grid-template-columns:1fr 1fr;align-content:start}.group-title{grid-column:1/-1}.band-header{padding:25px 20px 0}.band-title{gap:15px;margin:24px 0}.band-title img{width:50px;height:50px}.band-title h1{font-size:29px;letter-spacing:-.6px}.band-toolbar{align-items:end}.section-links{gap:18px}.section-links a{font-size:11px}.quiet{font-size:10px;max-width:98px;text-align:right}.main-content{padding:28px 16px 0}.section-title h2{font-size:25px}.section-title{gap:8px}.language-note{font-size:10px}.fighter-grid{gap:24px 12px}.card-controls{font-size:10px}.card-controls button{font-size:10px;padding:5px 0}.card-controls .actions{gap:12px}.card-label{font-size:10px}.hint{font-size:11px;line-height:1.6}.outline{font-size:10px;padding:9px}.page-footer{flex-direction:column}.viewer-controls{gap:12px;flex-wrap:wrap}.viewer-stage{gap:0}.viewer-stage img{max-width:calc(100% - 44px)}.viewer-stage button{width:22px;font-size:30px}dialog{padding:16px 8px}.viewer-bar{font-size:11px}.viewer-bar button{font-size:11px;padding:9px}.viewer-controls{font-size:11px}.viewer-controls button{padding:9px}.viewer-controls span{order:3;width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.card-controls button{min-height:36px}.card-controls .actions{width:100%;justify-content:space-between}}