:root{--neon:#39ff88;--hot:#ff3c6e;--dim:#1b6b40}html,body{background:#000;height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block}.hud,.hud *{box-sizing:border-box}.hud{pointer-events:none;z-index:1;color:var(--neon);text-shadow:0 0 8px var(--neon);letter-spacing:.08em;font:600 18px/1.3 Trebuchet MS,Segoe UI,system-ui,sans-serif;position:absolute;inset:0}.hud-top{text-transform:uppercase;justify-content:space-between;display:flex;position:absolute;top:14px;left:20px;right:20px}.hud-top>div:nth-child(2){text-align:center}.hud-top>div:last-child{text-align:right}.hud-top small{opacity:.7;font-size:12px;display:block}.hud-top b{font-size:28px}.radar{border:2px solid var(--neon);width:160px;height:160px;box-shadow:0 0 12px var(--dim), inset 0 0 12px var(--dim);background:#0014088c;border-radius:50%;margin-left:-80px;position:absolute;bottom:16px;left:50%}.threats{position:absolute;inset:0}.threat{border-left:14px solid #0000;border-right:14px solid #0000;border-bottom:28px solid var(--hot);width:0;height:0;filter:drop-shadow(0 0 6px var(--hot));margin:-14px 0 0 -14px;position:absolute}.crack{opacity:0;stroke:#cfffe3;fill:none;stroke-width:2px;width:100%;height:100%;filter:drop-shadow(0 0 4px var(--neon));position:absolute;inset:0}.crack.still{opacity:.5}.reticle{width:44px;height:44px;margin:-22px 0 0 -22px;transition:opacity .2s;position:absolute;top:50%;left:50%}.reticle.dead{opacity:.15}.reticle i{border:0 solid var(--neon);width:12px;height:12px;filter:drop-shadow(0 0 3px var(--neon));position:absolute}.reticle .tl{border-width:1px 0 0 1px;top:0;left:0}.reticle .tr{border-width:1px 1px 0 0;top:0;right:0}.reticle .bl{border-width:0 0 1px 1px;bottom:0;left:0}.reticle .br{border-width:0 1px 1px 0;bottom:0;right:0}.crack.show{animation:2.2s ease-out forwards crack-fade}@keyframes crack-fade{0%{opacity:1}70%{opacity:.8}to{opacity:0}}.screen{text-align:center;text-transform:uppercase;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:absolute;inset:0}.screen.show{display:flex}.screen h1{letter-spacing:.2em;margin:0;font-size:clamp(40px,8vw,84px)}.screen h2{letter-spacing:.2em;margin:0;font-size:44px}.screen p{margin:0}.screen .dim{opacity:.7;font-size:15px}.screen .prompt{color:#fff;animation:1.2s steps(2,end) infinite blink}.screen .hot{color:var(--hot);text-shadow:0 0 8px var(--hot)}.screen ol{margin:0;padding:0;font-size:16px;list-style:none}.screen .initials{letter-spacing:.4em;color:#fff;font-size:56px}@keyframes blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.screen .prompt{animation:none}}