:root{--ink: #07030e;--magenta: #ff2fb0;--cyan: #3fe6ff;--violet: #8b4dff;--paper: #eef4ff;--muted: #a99ecb;--panel: rgba(8, 3, 18, .9);--edge: rgba(143, 122, 214, .42);--sans: "Segoe UI", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(10px,2.2vw,22px);pointer-events:none;font-family:var(--mono)}.hud[data-visible=false]{opacity:0;visibility:hidden}.hud-top{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.chip{display:flex;align-items:baseline;gap:7px;padding:7px 12px 6px;background:var(--panel);border:1px solid var(--edge);border-left:3px solid var(--cyan);border-radius:3px;box-shadow:0 0 18px #3fe6ff1f}.chip--pos{border-left-color:var(--magenta);box-shadow:0 0 18px #ff2fb029}.chip-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.chip-value{font-size:clamp(15px,2.2vw,20px);font-weight:700;letter-spacing:.04em;color:var(--paper)}.hud-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.gauges{display:flex;flex-direction:column;gap:7px;padding:10px 12px;background:var(--panel);border:1px solid var(--edge);border-radius:3px;min-width:min(340px,62vw)}.gauge{display:grid;grid-template-columns:74px 1fr 34px;align-items:center;gap:9px}.gauge-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.gauge-value{font-size:12px;text-align:right;color:var(--paper)}.bar{display:block;height:9px;background:#7869a53d;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 0 1px #b4a0e633}.bar-fill{display:block;height:100%;width:100%;transform-origin:left center}.bar-fill--integrity{background:linear-gradient(90deg,#ff2fb0,#ff7a4d)}.bar-fill--charge{background:linear-gradient(90deg,#3fe6ff,#8b4dff)}.speedo{display:flex;align-items:baseline;gap:6px;padding:8px 14px 6px;background:var(--panel);border:1px solid var(--edge);border-right:3px solid var(--magenta);border-radius:3px}.speedo-value{font-size:clamp(22px,4vw,34px);font-weight:700;line-height:1;color:var(--paper);font-variant-numeric:tabular-nums}.speedo-unit{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hud-tools{position:absolute;top:clamp(10px,2.2vw,22px);right:clamp(10px,2.2vw,22px);display:flex;gap:8px;pointer-events:auto}.tool{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:var(--panel);border:1px solid var(--edge);border-radius:3px;padding:8px 12px;cursor:pointer}.tool:hover{border-color:var(--cyan);color:var(--cyan)}.tool:focus-visible,.primary:focus-visible,.ghost:focus-visible,.touch-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.banner{position:absolute;top:24%;left:0;right:0;margin:0;text-align:center;font-family:var(--mono);font-size:clamp(15px,3.2vw,26px);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 18px rgba(63,230,255,.75);opacity:0;pointer-events:none;transition:opacity .16s linear}.banner[data-tone=hot]{color:var(--magenta);text-shadow:0 0 18px rgba(255,47,176,.8)}.banner[data-visible=true]{opacity:1}.countdown{position:absolute;top:34%;left:0;right:0;margin:0;text-align:center;font-family:var(--mono);font-size:clamp(52px,16vw,168px);font-weight:700;line-height:1;letter-spacing:.04em;color:var(--paper);text-shadow:0 0 40px rgba(255,47,176,.9),0 0 90px rgba(63,230,255,.5);opacity:0;pointer-events:none}.countdown[data-visible=true]{opacity:1}.damage-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 60%,#ff2f3c00 45%,#ff2f5a8c)}.damage-flash[data-visible=true]{opacity:1;transition:opacity .42s ease-out}.scrim{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at 50% 40%,#18062cb8,#04010aed);backdrop-filter:blur(3px);z-index:4}.scrim[hidden]{display:none}.scrim--title{background:radial-gradient(ellipse at 50% 38%,#26083ca8,#04010ae6)}.title-block{width:min(620px,100%);text-align:center}.kicker{margin:0 0 10px;font-family:var(--mono);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--cyan)}h1{margin:0;font-size:clamp(44px,11vw,96px);line-height:.94;letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(100deg,#ff2fb0 8%,#ffb0e8 42%,#3fe6ff 78%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.tagline{margin:14px auto 0;max-width:46ch;font-size:clamp(14px,2.1vw,17px);line-height:1.5;color:#cfc6ea}.briefing{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px auto 24px;max-width:520px}.brief{display:flex;align-items:center;gap:8px;padding:7px 11px;background:#0a0418db;border:1px solid var(--edge);border-radius:3px}.brief--hot{border-color:#ff2fb099}.brief-key{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.brief-copy{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--paper)}.brief--hot .brief-copy{color:var(--magenta)}.primary{font-family:var(--mono);font-size:clamp(14px,2.2vw,17px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#12041f;background:linear-gradient(100deg,#ff2fb0,#ff77cf 45%,#3fe6ff);border:0;border-radius:3px;padding:15px 30px;cursor:pointer;box-shadow:0 0 30px #ff2fb059}.primary:hover{box-shadow:0 0 42px #3fe6ff80}.primary:active{transform:translateY(1px)}.ghost{font-family:var(--mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);background:transparent;border:1px solid var(--edge);border-radius:3px;padding:14px 22px;cursor:pointer}.ghost:hover{border-color:var(--magenta);color:var(--magenta)}.records{margin:18px 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--muted)}.seed{margin:6px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:#a99ecbb8}.panel{width:min(520px,100%);text-align:center;padding:30px 26px;background:#090314eb;border:1px solid var(--edge);border-radius:4px;box-shadow:0 24px 70px #0009,0 0 60px #8b4dff24}.panel h2{margin:0;font-size:clamp(38px,9vw,64px);line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--paper);text-shadow:0 0 30px rgba(63,230,255,.5)}.scrim--result.win .panel h2{color:#ffe27a;text-shadow:0 0 34px rgba(255,226,122,.65)}.panel-copy{margin:12px auto 20px;max-width:40ch;font-size:14px;line-height:1.5;color:#cfc6ea}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 22px;background:var(--edge);border:1px solid var(--edge)}.stat{display:flex;flex-direction:column;gap:4px;padding:11px 12px;background:#070310f2;text-align:left}.stat dt{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.stat dd{margin:0;font-family:var(--mono);font-size:17px;font-weight:700;color:var(--paper)}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.touch{position:absolute;inset:auto 0 0;display:none;justify-content:space-between;align-items:flex-end;padding:14px clamp(10px,3vw,20px) calc(14px + env(safe-area-inset-bottom));z-index:3;pointer-events:none}.touch-pad{display:flex;gap:10px;align-items:flex-end;pointer-events:auto}.touch-btn{font-family:var(--mono);font-size:24px;font-weight:700;line-height:1;color:var(--paper);background:#0a0418d1;border:1px solid var(--edge);border-radius:8px;width:64px;height:64px;touch-action:none;cursor:pointer;user-select:none}.touch-btn--small{width:56px;height:56px;font-size:13px;letter-spacing:.1em}.touch-btn--boost{border-color:#ff2fb0b3;color:var(--magenta)}.touch-btn[data-active=true]{background:#3fe6ff3d;color:var(--paper)}@media(pointer:coarse){.touch[data-visible=true]{display:flex}.hud-bottom{padding-bottom:96px}}@media(max-width:560px){.gauge{grid-template-columns:64px 1fr 30px}.hud{gap:8px}.hud-top{padding-right:104px}.tool{padding:7px 9px;font-size:10px}.chip{padding:6px 9px 5px}.stats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.banner,.damage-flash,.primary{transition:none}.damage-flash[data-visible=true]{opacity:.4;transition:none}}