:root{--bg:#09111c;--panel:#101b2a;--ink:#dfe8f3;--muted:#8aa0bb;--line:#8fc4ff29;--accent:#70f0d0;--accent-strong:#f4c25b;--shadow:0 24px 80px #01081273;--sans:"Segoe UI Variable", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", "Cascadia Code", monospace;color:var(--ink);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#70f0d01a,#0000 30%),linear-gradient(#0a121f 0%,#09111c 100%)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,canvas{font:inherit}canvas{touch-action:none}button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#0a121fcc;border-radius:999px;padding:.85rem 1rem;transition:transform .15s,border-color .15s,background .15s}button:hover{background:#142030f2;border-color:#70f0d073;transform:translateY(-1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{min-height:100vh;padding:24px}.app-shell{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;width:min(1480px,100%);margin:0 auto;display:grid}.battle-stage,.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);background:#101b2ae6}.battle-stage{isolation:isolate;border-radius:28px;width:100%;max-width:100%;position:relative}.battle-stage__header{border-bottom:1px solid var(--line);border-radius:28px 28px 0 0;justify-content:space-between;align-items:end;gap:16px;padding:18px 22px;display:flex}.battle-stage__viewport{border-radius:0 0 28px 28px;position:relative;overflow:hidden}.battle-stage__copy,.status-copy,.lede{color:var(--muted);margin:0}.battle-stage__canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.battle-ui-layer,.battle-hud-layer,.battle-screen-layer{position:absolute;inset:0}.battle-ui-layer{pointer-events:none;z-index:2}.battle-hud-layer,.battle-screen-layer{pointer-events:none}.battle-hud-layer{overscroll-behavior:contain;align-content:start;justify-items:end;gap:12px;padding:16px;display:grid;overflow-y:auto}.battle-screen-layer{background:#060a128c;place-items:center;padding:24px;display:grid;overflow-y:auto}.battle-screen-layer[hidden]{display:none}.phase-screen-panel{pointer-events:auto;align-content:start;gap:12px;width:min(420px,100%);max-height:100%;display:grid;overflow-y:auto}.phase-screen-panel[hidden]{display:none}.battle-ui-layer [data-battle-interactive=true]{pointer-events:auto}.battle-ui-layer [data-battle-interactive=true]:disabled{pointer-events:none}.battle-hud-layer>.panel,.battle-hud-layer .legacy-debrief-surface>.panel{inline-size:min(320px,100% - 16px);max-inline-size:100%}.combat-hud{pointer-events:none;grid-template:"elapsed elapsed""status edge""status pause"/minmax(0,1fr) auto;justify-self:stretch;gap:8px;display:grid}.combat-hud[hidden]{display:none}.combat-hud__elapsed{font:500 .78rem/1.2 var(--mono,monospace);color:var(--muted);background:#0a121f8c;border-radius:999px;grid-area:elapsed;place-self:start center;margin:0;padding:4px 10px}.combat-hud__status{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a121fb8;border-radius:14px;grid-area:status;place-self:end start;gap:6px;inline-size:min(200px,100%);max-inline-size:100%;padding:10px 12px;display:grid;box-shadow:0 8px 24px #01081259}.combat-hud__edge{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a121fb8;border-radius:14px;grid-area:edge;place-self:end;justify-items:end;gap:6px;inline-size:min(180px,100%);max-inline-size:100%;padding:10px 12px;display:grid;box-shadow:0 8px 24px #01081259}.combat-hud__pause{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a121fb8;border-radius:10px;grid-area:pause;place-self:end;min-width:24px;min-height:24px;margin-top:8px;padding:6px 12px;box-shadow:0 8px 24px #01081259}.combat-hud__status .stat-grid{gap:6px}.combat-hud__status .stat-grid div{border-radius:12px;padding:6px 8px}.combat-hud__status .stat-grid dt{margin-bottom:2px}.combat-hud__status .stat-grid dd{font-size:1.05rem}.combat-hud__critical{font:700 .78rem/1.2 var(--mono,monospace);color:#ffb4b4;align-items:center;gap:4px;margin:0;display:flex}.combat-hud__critical[hidden]{display:none}.combat-hud__weapon{margin:0;font-size:.85rem}.combat-hud__assist-status{text-align:end;margin:0;font-size:.78rem}@media (height<=620px){.battle-hud-layer{gap:8px;padding:10px}.combat-hud{gap:6px}.combat-hud__status,.combat-hud__edge{gap:4px;padding:8px 10px}.combat-hud__status .eyebrow{margin-bottom:4px}.combat-hud__pause{margin-top:36px}}@media (width>=421px) and (width<=1050px){.combat-hud__status{inline-size:min(130px,100%);padding:8px 10px}.combat-hud__status .stat-grid{grid-template-columns:minmax(0,1fr);gap:4px}.combat-hud__edge{inline-size:min(130px,100%);padding:8px 10px}}@media (width<=420px){.combat-hud{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"elapsed elapsed""status pause";align-items:end;gap:4px}.combat-hud__status{place-self:end start;gap:2px;inline-size:48px;max-inline-size:48px;padding:3px 4px}.combat-hud__status .eyebrow,.combat-hud__edge{display:none}.combat-hud__elapsed{padding:1px 6px;font-size:.6rem;line-height:1.05}.combat-hud__pause{inline-size:48px;max-inline-size:48px;place-self:end;min-width:24px;min-height:24px;margin-top:0;padding:4px 5px;font-size:.68rem}.combat-hud__status .stat-grid{grid-template-columns:minmax(0,1fr);gap:2px}.combat-hud__status .stat-grid div{padding:2px 3px}.combat-hud__status .stat-grid dt{margin-bottom:0;font-size:.55rem}.combat-hud__status .stat-grid dd{overflow-wrap:anywhere;word-break:break-word;font-size:.62rem}.combat-hud__critical{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:1px;margin-top:2px;font-size:.5rem;line-height:1.15}}.legacy-debrief-surface{justify-items:end;gap:8px;display:grid}.legacy-debrief-surface[hidden]{display:none}.panel{border-radius:22px;padding:20px}.legacy-debrief-surface>.panel{padding:14px}.legacy-debrief-surface .stat-grid{gap:8px}.legacy-debrief-surface .stat-grid div{padding:6px 10px}.legacy-debrief-surface .stat-grid dt{margin-bottom:4px}.legacy-debrief-surface .stat-grid dd{font-size:1.05rem}.legacy-debrief-surface .eyebrow{margin:0 0 4px}.legacy-debrief-surface .status-copy--muted{margin-top:4px}.panel--accent{background:linear-gradient(135deg,#70f0d01f,#0000 55%),#101b2aeb}.panel--actions{gap:12px;display:grid}.legacy-debrief-surface .panel--actions{gap:8px}.legacy-debrief-surface .panel--actions button{padding:.55rem 1rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font:600 .76rem/1 var(--mono);color:var(--accent);margin:0 0 8px}h1{margin:0 0 10px;font-size:clamp(2rem,2.4vw,2.8rem);line-height:1}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;display:grid}.stat-grid div{background:#ffffff05;border:1px solid #8fc4ff1a;border-radius:16px;min-width:0;max-width:100%;padding:12px 14px}.stat-grid dt{font:600 .74rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.stat-grid dd{color:var(--ink);overflow-wrap:anywhere;word-break:normal;margin:0;font-size:1.35rem;font-weight:600;line-height:1.15}.status-copy--muted{font-family:var(--mono);margin-top:8px;font-size:.9rem}@media (width<=980px){#app{padding:16px}.app-shell{grid-template-columns:1fr}.battle-stage__header{flex-direction:column;align-items:start}}