:root{--bg: #0e1116;--panel: #161b23;--panel-2: #1c222c;--line: #2a323f;--line-soft: #222836;--ink: #e6ebf2;--ink-dim: #97a3b6;--ink-faint: #6b7788;--gold: #e3b341;--good: #4ec98a;--bad: #f0736a;--accent: #6ea8fe;--steel: #8fa3bf;--friendly: #6ea8fe;--enemy: #f0736a;--flank: #d38cf0;--hp: #d9534f;--stamina: #4ec98a;--crm: #6ea8fe;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Segoe UI,system-ui,-apple-system,sans-serif}.num,code,.die{font-family:Cascadia Mono,JetBrains Mono,Consolas,ui-monospace,monospace}.dim{color:var(--ink-faint);font-weight:400}.pos{color:var(--good)}.neg{color:var(--bad)}.big{font-size:17px;font-weight:650}.spacer{flex:1}.arrow{color:var(--ink-faint)}.shell{max-width:1720px;margin:0 auto;padding:20px 24px 64px}.masthead{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--line)}.masthead h1{margin:0;font-size:18px;font-weight:650;letter-spacing:-.01em}.masthead .sub{color:var(--ink-faint);font-size:12.5px}.columns{display:grid;grid-template-columns:320px minmax(0,1fr) 380px;gap:18px;align-items:start}@media(max-width:1480px){.columns{grid-template-columns:320px minmax(0,1fr)}}@media(max-width:980px){.columns{grid-template-columns:minmax(0,1fr)}}.stack{display:flex;flex-direction:column;gap:18px;min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel>h2{margin:0;padding:10px 14px;font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-dim);background:var(--panel-2);border-bottom:1px solid var(--line)}.panel>h2.sub-h{border-top:1px solid var(--line);color:var(--ink);text-transform:none;letter-spacing:0;font-size:13px}.panel-body{padding:14px}.panel-body+.panel-body{border-top:1px solid var(--line-soft)}.note{font-size:12px;color:var(--ink-faint);line-height:1.55;margin:0 0 10px}.note:last-child{margin-bottom:0}.note code{color:var(--ink-dim)}.note em{color:var(--ink-dim);font-style:normal}.warn-text{color:var(--gold)}.scroll-x{overflow-x:auto}.field{margin-bottom:12px}.field:last-child{margin-bottom:0}.field.disabled{opacity:.45}.field>label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;color:var(--ink-dim);margin-bottom:5px}.field .val{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}input[type=range]:disabled{cursor:default}.text{width:100%;padding:6px 9px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}.text:focus{outline:1px solid var(--accent);border-color:var(--accent)}.text:disabled{opacity:.5}.seg{display:flex;gap:4px}.seg button{flex:1;padding:5px 4px;font:inherit;font-size:12px;cursor:pointer;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink-dim)}.seg button:hover:not(:disabled){border-color:var(--ink-faint);color:var(--ink)}.seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#0b1220;font-weight:600}.seg button:disabled{cursor:default}.toggle{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12.5px;color:var(--ink-dim);margin-bottom:12px;cursor:pointer}.toggle input{accent-color:var(--accent)}.toggle.disabled{opacity:.45;cursor:default}.toggle-hint{flex-basis:100%;padding-left:22px;font-size:11.5px;color:var(--ink-faint)}.row{display:flex;flex-wrap:wrap;gap:8px}.controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.controls-row .field{margin-bottom:0;min-width:180px}.controls-row .field>label{display:none}.btn{padding:7px 13px;font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);color:var(--ink)}.btn:hover:not(:disabled){border-color:var(--ink-faint)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0b1220;font-weight:650}.btn.tiny{padding:3px 9px;font-size:12px;border-radius:6px}.bench-owned{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}.side-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}.side-dot.friendly{background:var(--friendly)}.side-dot.enemy{background:var(--enemy)}.style-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;width:17px;height:17px;border-radius:4px;font-size:10.5px;font-weight:700;border:1px solid var(--line);color:var(--ink-dim);background:var(--bg)}.style-badge.melee{color:var(--gold);border-color:#e3b34173}.style-badge.ranged{color:var(--good);border-color:#4ec98a73}.style-badge.support{color:var(--accent);border-color:#6ea8fe73}.badge{font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:650;padding:1px 5px;border-radius:4px;border:1px solid var(--line);color:var(--ink-dim)}.badge.flank{color:var(--flank);border-color:#d38cf080}.badge.reach{color:var(--good);border-color:#4ec98a73}.badge.freeze{color:var(--gold);border-color:#e3b34173}.badge.broken{color:var(--bad);border-color:#f0736a80}.state-chip{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;padding:1px 5px;border-radius:4px;border:1px solid var(--line);color:var(--ink-dim);white-space:nowrap}.state-chip.halted,.state-chip.recovering{color:var(--gold);border-color:var(--gold)}.chip{font-size:11.5px;font-weight:600;letter-spacing:.02em}.react-kind{font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:650;padding:1px 7px;border-radius:5px;background:var(--bg);border:1px solid var(--line);color:var(--ink-dim)}.dmg{color:var(--bad);font-weight:650}.broke{color:var(--gold);font-size:11.5px}.die{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 5px;border:1px solid var(--line);border-radius:5px;background:var(--bg);font-size:12.5px;font-weight:650}.die.nat20{border-color:var(--gold);color:var(--gold)}.die.nat1{border-color:var(--bad);color:var(--bad)}.bar{position:relative;height:6px;border-radius:3px;background:#0a0d12;border:1px solid var(--line-soft);overflow:hidden}.bar-fill{height:100%;transition:width .12s linear}.bar.hp .bar-fill{background:var(--hp)}.bar.stamina .bar-fill{background:var(--stamina)}.bar.crm .bar-fill{background:var(--crm)}.bar.muted .bar-fill{background:var(--ink-faint)}.bar-marker{position:absolute;top:0;bottom:0;width:1px;background:var(--gold);opacity:.85}.presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.side-list{margin-bottom:12px}.side-list-head{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;margin-bottom:5px}.roster-row{display:flex;align-items:stretch;gap:4px;margin-bottom:3px}.roster-pick{flex:1;display:flex;align-items:center;gap:7px;min-width:0;padding:5px 8px;font:inherit;font-size:12.5px;text-align:left;cursor:pointer;border:1px solid var(--line-soft);border-radius:6px;background:var(--bg);color:var(--ink)}.roster-pick:hover{border-color:var(--line)}.roster-row.selected .roster-pick{border-color:var(--accent)}.roster-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-remove{width:26px;font:inherit;cursor:pointer;border-radius:6px;border:1px solid var(--line-soft);background:var(--bg);color:var(--ink-faint)}.roster-remove:hover:not(:disabled){color:var(--bad);border-color:var(--bad)}.roster-remove:disabled{opacity:.35;cursor:default}.battlefield{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.clock{display:flex;flex-wrap:wrap;gap:8px 32px;padding:11px 16px;background:var(--panel-2);border-bottom:1px solid var(--line)}.clock>div{display:flex;align-items:baseline;gap:8px}.clock-label{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)}.clock .dim{font-size:12px}.side-head{display:flex;align-items:center;gap:8px;padding:8px 16px 2px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:650;color:var(--ink-dim)}.side-head.friendly{padding:2px 16px 10px}.formation{padding:0 12px}.frow{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;align-items:center;padding:5px 0;border-bottom:1px dashed var(--line-soft)}.formation .frow:last-child{border-bottom:0}.row-label{display:flex;flex-direction:column;line-height:1.25}.row-name{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.row-depth{font-size:11px;color:var(--accent)}.frow.empty .row-depth,.frow.empty .row-name{color:var(--ink-faint)}.row-tokens{display:flex;flex-wrap:wrap;gap:8px;min-height:30px;align-items:center}.row-none{color:var(--ink-faint);font-size:12px}.front-line{position:relative;margin:6px 12px;height:18px;display:flex;align-items:center;justify-content:center}.front-line:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--line)}.front-line span{position:relative;padding:0 10px;background:var(--panel);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.token{width:168px;padding:7px 8px 6px;text-align:left;cursor:pointer;font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:8px;background:var(--bg);transition:border-color .12s,box-shadow .12s,opacity .16s}.token.friendly{border-left:3px solid var(--friendly)}.token.enemy{border-left:3px solid var(--enemy)}.token:hover{border-color:var(--ink-faint)}.token.selected{box-shadow:0 0 0 1px var(--accent)}.token.acting{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.token.targeted{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad) inset}.token.recovering{opacity:.8}.token.down{opacity:.38}.token-head{display:flex;align-items:center;gap:5px;margin-bottom:5px}.token-name{flex:1;min-width:0;font-size:12.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-bars{display:flex;flex-direction:column;gap:3px}.token-bar{display:grid;grid-template-columns:18px minmax(0,1fr) 26px;align-items:center;gap:5px;font-size:9.5px;color:var(--ink-faint)}.token-bar .num{text-align:right;font-size:10px;color:var(--ink-dim)}.token-foot{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:5px;font-size:10.5px;color:var(--ink-faint)}.outcome{padding:10px 16px;font-size:13.5px;font-weight:650;border-top:1px solid var(--line)}.outcome.friendly{background:#6ea8fe1f;color:var(--friendly)}.outcome.enemy{background:#f0736a1f;color:var(--enemy)}.outcome.draw{background:#e3b3411f;color:var(--gold)}.banner{padding:12px 16px;border-top:1px solid var(--line);background:var(--panel-2);font-size:12.5px}.banner.empty{color:var(--ink-faint)}.banner-line{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:4px;font-size:13px}.banner-sub{font-size:12px;color:var(--ink-faint)}.banner-flank{display:flex;align-items:center;gap:7px;margin-top:4px;color:var(--flank);font-size:12px}.banner-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:5px}.banner-note{margin-top:6px;font-size:12px;color:var(--gold)}.grid{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:12px}.grid:last-child{margin-bottom:0}.grid th{text-align:left;font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);padding:4px 8px 6px;border-bottom:1px solid var(--line);white-space:nowrap}.grid td{padding:5px 8px;border-bottom:1px solid var(--line-soft);white-space:nowrap}.grid tr:last-child td{border-bottom:0}.grid .r{text-align:right}.grid tr.warn td{background:#e3b34112}.grid .num{font-variant-numeric:tabular-nums}.grid .style-badge{vertical-align:-3px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:0 0 12px}.kv>div{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}.kv dt{color:var(--ink-faint)}.kv dd{margin:0}.progress{position:relative;margin-top:10px;height:18px;border-radius:5px;background:#0a0d12;border:1px solid var(--line-soft);overflow:hidden}.progress-fill{height:100%;background:#6ea8fe59;transition:width 80ms linear}.progress .num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink-dim)}.log{max-height:480px;overflow-y:auto}.log-row{padding:7px 0;border-bottom:1px solid var(--line-soft)}.log-row:last-child{border-bottom:0}.log-head{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12.5px}.log-body{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:4px;font-size:12px}.log-flag{margin-top:3px;font-size:11px;color:var(--gold)}.outcome-bars{display:flex;flex-direction:column;gap:4px}.outcome-row{display:grid;grid-template-columns:170px minmax(0,1fr) 48px;align-items:center;gap:8px}.outcome-track{height:7px;border-radius:4px;background:#0a0d12;border:1px solid var(--line-soft);overflow:hidden}.outcome-fill{height:100%;background:var(--accent)}.outcome-row .num{text-align:right;font-size:11.5px}@media(prefers-reduced-motion:reduce){.bar-fill,.token,.progress-fill{transition:none}}