:root{--bg: #04070d;--ink: #b8d9e8;--ink-dim: #4a6a7c;--accent: #37d3ff;--threat: #ff2d4e;--hud-pad: clamp(20px, 4vw, 48px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:SF Mono,Cascadia Code,JetBrains Mono,ui-monospace,monospace;-webkit-font-smoothing:antialiased}.app{position:fixed;inset:0}.canvas-layer{position:absolute;inset:0}.canvas-layer canvas{cursor:crosshair;touch-action:none}.hud{position:absolute;z-index:2;pointer-events:none;user-select:none}.hud--top{top:var(--hud-pad);left:var(--hud-pad)}.hud-title{margin:0;font-size:clamp(15px,1.6vw,22px);font-weight:500;line-height:1.35;letter-spacing:.32em;text-transform:uppercase;color:var(--ink)}.hud-sub{margin:14px 0 0;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim)}.hud--banner{top:var(--hud-pad);right:var(--hud-pad);max-width:320px;padding:10px 14px;border:1px solid transparent;font-size:10px;letter-spacing:.22em;text-transform:uppercase;text-align:right;color:var(--threat);opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease,border-color .25s ease}.hud--banner.is-visible{opacity:1;transform:translateY(0);border-color:color-mix(in srgb,var(--threat) 45%,transparent);animation:banner-flicker 1.1s steps(2,jump-none) infinite}@keyframes banner-flicker{50%{opacity:.72}}.hud--bottom{left:var(--hud-pad);right:var(--hud-pad);bottom:var(--hud-pad);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.hud--hint{top:var(--hud-pad);left:50%;transform:translate(-50%)}.hud-stats{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,44px);margin:0}.hud-stats dt{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-dim)}.hud-stats dd{margin:6px 0 0;font-size:13px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--ink)}.hud-status{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;transition:color .3s ease}.app--threat .hud-status{color:var(--threat)}.hud-hint{margin:0;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}.perf-panel i>svg{left:50%!important;top:50%!important;margin-left:0!important;transform:translate(-50%,-50%)}@media(max-width:640px){.hud--banner{top:auto;bottom:calc(var(--hud-pad) + 96px);right:var(--hud-pad);left:var(--hud-pad);max-width:none;text-align:left}.hud-hint{display:none}}