:root{color-scheme:dark;--bg:#08121b;--panel:#101f2a;--ink:#e5f2f4;--muted:#a4bac7;--neon:#76f9e2;--line:#304651;font-family:system-ui,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 18%,#14353988,transparent 42%),var(--bg)}
button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--neon)}
a:focus-visible,button:focus-visible,canvas:focus-visible{outline:3px solid #ffe3a6;outline-offset:4px}canvas:focus-visible{outline-offset:-4px}
button:disabled{opacity:.65;cursor:wait}[hidden]{display:none!important}.shell{max-width:1440px;margin:auto;padding:0 42px}
.skip{position:absolute;top:-100px;left:20px;z-index:30;background:#76f9e2;color:#08121b;padding:14px}.skip:focus{top:10px}
.topbar{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}
.brand{display:flex;gap:13px;align-items:center;color:var(--neon);font-size:32px}.brand span{font-size:22px;font-weight:800;letter-spacing:-.5px;color:var(--ink)}.brand small{display:block;font:9px ui-monospace,monospace;letter-spacing:3px;margin-top:5px;color:var(--muted)}
nav{display:flex;gap:28px;align-items:center;font-size:13px}nav a{min-height:32px;display:inline-flex;align-items:center}[data-account]{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.game-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:49px 0 36px}.eyebrow{font:11px ui-monospace,monospace;font-weight:700;letter-spacing:2px;color:var(--neon);line-height:1.7}h1{font-size:clamp(42px,5.1vw,77px);letter-spacing:-4px;line-height:1;margin:15px 0;font-weight:850}h1 span{color:var(--neon);font-weight:300}.intro{font-size:16px;color:var(--muted);line-height:1.6;margin:18px 0 0}.mission-mark{border:1px solid #47706b;padding:21px 25px;font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.mission-mark strong{display:block;color:var(--ink);font-size:14px;letter-spacing:2px;margin-top:12px}.signal{display:inline-block;width:6px;height:6px;background:var(--neon);border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--neon)}
.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.cabinet{padding:18px;border:1px solid #4c757c;background:linear-gradient(135deg,#142c36,#0d1a25);border-radius:12px;box-shadow:0 24px 80px #0005,inset 0 0 0 5px #10232b}
.hud{display:flex;justify-content:space-between;gap:14px;padding:7px 10px 20px;font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.hud strong{display:block;font-size:24px;letter-spacing:1px;color:var(--neon);margin-top:8px}.hud>div:last-child strong{color:#ffdaa1}
.screen{position:relative;aspect-ratio:1080/768;border:1px solid #4d747c;background:#07131d;border-radius:3px;overflow:hidden}.screen canvas{width:100%;height:100%;display:block;touch-action:none}
.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:linear-gradient(120deg,#08131bf5,#0a212ce8);overflow:auto}.overlay-content{max-width:520px;max-height:100%}.overlay h2{font-size:clamp(25px,3.5vw,44px);line-height:1.1;letter-spacing:-1.5px;margin:19px 0}.overlay p:not(.eyebrow){font-size:14px;color:#c3d5df;line-height:1.8}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:13px 19px;border:1px solid #5c8386;border-radius:4px;font-weight:750;font-size:12px;background:#17323c;color:var(--ink)}.primary{background:var(--neon);border-color:var(--neon);color:#081a20}
.capture-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font:10px ui-monospace,monospace;color:var(--muted);margin:20px 0 11px}.capture-head strong{color:var(--neon);font-size:16px;margin-left:9px}progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:2px;background:#283e49;color:var(--neon)}progress::-webkit-progress-bar{background:#283e49}progress::-webkit-progress-value{background:var(--neon)}progress::-moz-progress-bar{background:var(--neon)}
.controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:19px 0}.controls button{color:var(--ink);background:#182e3a;border:1px solid #536e7b;border-radius:5px;min-height:36px;min-width:36px;font-size:13px}.direction-pad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(3,32px);gap:4px}.direction-pad button{font-size:21px;min-height:0;padding:0}.direction-pad #up{grid-column:2}.direction-pad #left{grid-column:1;grid-row:2}.direction-pad #stop{grid-column:2;grid-row:2;font-size:13px}.direction-pad #right{grid-column:3;grid-row:2}.direction-pad #down{grid-column:2;grid-row:3}.controls .cut-button{min-height:68px;min-width:155px;padding:15px;background:#173f43;border-color:var(--neon);color:var(--neon);text-transform:uppercase;font-weight:800;letter-spacing:1px}.cut-button[aria-pressed=true]{background:var(--neon);color:#081a20;box-shadow:0 0 22px #76f9e226}.utility-pad{display:flex;flex-wrap:wrap;justify-content:end;gap:7px;max-width:165px}.utility-pad button{padding:8px 12px;min-height:40px}.status{min-height:22px;font-size:13px;color:var(--neon);line-height:1.7;margin:12px 0}.status.error{color:#ffb9c9}.access-note{font-size:12px;line-height:1.8;color:var(--muted);margin:13px 0 0}
.panel{border:1px solid #344a55;background:linear-gradient(140deg,#132731,#10202b);padding:23px;border-radius:8px;margin-bottom:16px}.panel h2{font-size:16px;line-height:1.4;margin:0 0 15px}.panel p{color:var(--muted);font-size:12px;line-height:1.9}.briefing h2{font-size:25px;font-weight:500;letter-spacing:-.6px}.briefing #sector-mode{font:10px ui-monospace,monospace;color:var(--neon);letter-spacing:1px}.signal-bars{display:flex;gap:6px;height:30px;align-items:end;margin:23px 0}.signal-bars i{display:block;width:23px;background:#387578;height:10px}.signal-bars i:nth-child(2){height:15px}.signal-bars i:nth-child(3){height:20px}.signal-bars i:nth-child(4){height:28px;background:var(--neon)}.signal-bars i:nth-child(5){height:23px}.signal-bars i:nth-child(6){height:17px}.signal-bars i:nth-child(7){height:10px}.keys{font-size:12px;margin:0}.keys dt{font:11px ui-monospace,monospace;color:#eff7ed;margin-top:18px}.keys dd{color:var(--muted);margin:6px 0 0;line-height:1.7}.warnings{border-left:2px solid #e6b987}.shield-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin:19px 0 10px}.shield-label strong{color:#ffdaa1}.personal>strong{font:30px ui-monospace,monospace;color:var(--neon)}
.leaderboard{margin:55px 0 65px}.ranking-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.ranking-heading h2{font-size:32px;letter-spacing:-1px;font-weight:550;margin:0 0 25px}.ranking-heading h2 span{color:var(--neon)}.ranking-heading>p{font:10px ui-monospace,monospace;color:var(--muted);margin:0 0 30px}table{width:100%;border-collapse:collapse;font:13px ui-monospace,monospace}caption{text-align:left;color:var(--muted);font-size:11px;padding-bottom:15px}th,td{padding:16px;text-align:left;border-bottom:1px solid #30444e}th{font-size:10px;letter-spacing:1px;color:var(--muted)}td:nth-child(2){color:var(--neon);letter-spacing:5px}td:last-child,th:last-child{text-align:right}#empty{color:var(--muted);font-size:13px;padding:20px;text-align:center}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:28px 0;font:10px ui-monospace,monospace;color:var(--muted)}footer a{display:inline-flex;align-items:center;min-height:30px}
@media(max-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr) 250px}.panel{padding:19px}.cabinet{padding:12px}.controls .cut-button{min-width:130px}.utility-pad{max-width:120px}.utility-pad button{font-size:11px;padding:8px}}
@media(max-width:900px){.game-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{margin:0}.shell{padding:0 24px}.mission-mark{padding:17px;font-size:9px}.ranking-heading{align-items:start;flex-direction:column;gap:0}}
@media(max-width:580px){.shell{padding:0 14px}.topbar{padding:18px 0;flex-wrap:wrap;gap:15px;min-height:100px}.topbar nav{gap:20px;flex-wrap:wrap;font-size:12px}[data-account]{max-width:130px}.game-heading{padding:30px 0;display:block}h1{font-size:43px;letter-spacing:-2.5px}.intro{font-size:14px}.mission-mark{margin-top:24px;padding:15px;display:inline-block}.mission-mark strong{font-size:12px}.cabinet{padding:8px}.hud{font-size:8px;padding:8px 4px 15px;letter-spacing:0;gap:8px}.hud strong{font-size:17px}.controls{gap:8px;flex-wrap:wrap}.direction-pad{grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,28px);gap:3px}.controls .cut-button{min-width:115px;min-height:60px;font-size:10px;padding:10px;letter-spacing:.5px}.utility-pad{max-width:62px;gap:4px}.utility-pad button{min-width:60px;min-height:29px;padding:5px;font-size:10px}.overlay{padding:12px}.overlay h2{font-size:25px;margin:10px 0}.overlay .eyebrow{font-size:8px;letter-spacing:1px;margin:0}.overlay p:not(.eyebrow){font-size:11px;line-height:1.55}.actions{gap:7px;margin-top:14px}.primary,.secondary{font-size:10px;padding:10px;min-height:36px}.capture-head{font-size:9px}.capture-head strong{font-size:13px}.status{font-size:12px}.access-note{font-size:11px}.sidebar{grid-template-columns:1fr}.panel{padding:22px}.ranking-heading h2{font-size:27px}.ranking-heading>p{font-size:9px}th,td{padding:14px 10px}footer{flex-wrap:wrap;line-height:1.8}.leaderboard{margin-top:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Readable threat telemetry; no animated flashing or color-only instructions. */
.hazard-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  padding: 10px 12px;
  margin-bottom: 12px;
  border: 1px solid #3b5363;
  border-radius: 4px;
  background: #081823;
  font: 10px ui-monospace, monospace;
  color: #bed2de;
  letter-spacing: .5px;
}
.hazard-strip span { display: inline-flex; align-items: center; gap: 7px; }
.hazard-strip b { color: #e9f8f8; font-weight: 600; }
.legend-fixed, .legend-phase { width: 10px; height: 10px; display: inline-block; }
.legend-fixed { border: 1px solid #a5e5df; background: #3d6973; }
.legend-phase { border: 1px dashed #e0b7ff; transform: rotate(45deg); }
.hazard-strip .weapon-status { margin-left: auto; color: #ffd5a6; }
.block-guide strong { color: #e0eef2; }
@media (max-width: 580px) {
  .hazard-strip { padding: 8px; font-size: 8px; gap: 8px 12px; }
  .hazard-strip .weapon-status { margin-left: 0; }
}