:root{--bg: #04060c;--bg2: #070d18;--cyan: #34e2ff;--cyan-soft: #8af3ff;--magenta: #ff48c4;--text: #d8f4ff;--dim: #5e7d92;--line: rgba(52, 226, 255, .22)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0;display:block}canvas{display:block}.vignette{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(120% 90% at 50% 38%,transparent 40%,rgba(0,0,0,.55) 100%)}.scan{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.18;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0 1px,transparent 1px 3px)}.hud{position:fixed;inset:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(16px,3vw,34px)}.top{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.mark{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(20px,3.4vw,30px);letter-spacing:.42em;color:#fff;text-shadow:0 0 18px color-mix(in srgb,var(--cyan) 55%,transparent),0 0 2px var(--cyan)}.status{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.status .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--magenta);margin-right:8px;vertical-align:middle;box-shadow:0 0 10px var(--magenta);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.console{pointer-events:auto;width:min(680px,100%);margin:0 auto;display:flex;flex-direction:column;gap:14px;transition:opacity .25s ease,transform .25s ease}.console.hidden{opacity:0;transform:translateY(14px);pointer-events:none}.reply{min-height:64px;font-size:clamp(14px,1.9vw,17px);line-height:1.55;color:var(--text);letter-spacing:.01em}.reply .who{color:var(--cyan);letter-spacing:.22em;font-size:11px;text-transform:uppercase;display:block;margin-bottom:7px;text-shadow:0 0 12px color-mix(in srgb,var(--cyan) 60%,transparent)}.reply .body{text-shadow:0 0 18px color-mix(in srgb,var(--cyan) 10%,transparent)}.caret{display:inline-block;width:9px;height:1.05em;vertical-align:-2px;background:var(--cyan);margin-left:3px;box-shadow:0 0 10px var(--cyan);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.field{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:linear-gradient(180deg,#081220b8,#040810b8);backdrop-filter:blur(7px);padding:13px 16px;border-radius:2px;box-shadow:0 0 0 1px #0006 inset,0 12px 40px #00000073}.field:focus-within{border-color:color-mix(in srgb,var(--cyan) 60%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--cyan) 18%,transparent)}.field .glyph{color:var(--cyan);font-weight:700;text-shadow:0 0 12px var(--cyan)}.field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:clamp(14px,1.8vw,16px);letter-spacing:.02em}.field input::placeholder{color:var(--dim)}.field button{border:1px solid var(--line);background:transparent;color:var(--cyan-soft);font:inherit;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:8px 14px;border-radius:2px;cursor:pointer;transition:.15s ease}.field button:hover{border-color:var(--cyan);color:#fff;box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 25%,transparent)}.field button:focus-visible,.field input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.field button:disabled{opacity:.4;cursor:default;box-shadow:none}.hint{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-align:center;opacity:.78}.colophon{margin-top:12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:center;opacity:.62;line-height:1.8}.colophon p{margin:0}.colophon a{color:var(--dim);text-decoration:underline;pointer-events:auto}.colophon a:hover,.colophon a:focus-visible{color:var(--cyan-soft)}.nowebgl{position:fixed;inset:0;z-index:5;display:none;place-items:center;padding:24px;text-align:center;background:var(--bg)}.nowebgl p{max-width:30ch;color:var(--dim);line-height:1.6}.prompt{pointer-events:auto;align-self:center;margin-bottom:10px;border:1px solid var(--line);background:linear-gradient(180deg,#081220c7,#040810c7);backdrop-filter:blur(7px);color:var(--cyan-soft);font:inherit;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:10px 18px;border-radius:2px;cursor:pointer;box-shadow:0 0 22px color-mix(in srgb,var(--cyan) 14%,transparent);animation:pulse 2.4s ease-in-out infinite}.prompt:hover{color:#fff;border-color:var(--cyan)}.prompt[hidden]{display:none}.map{position:fixed;top:clamp(58px,9vh,92px);right:clamp(16px,3vw,34px);z-index:3;width:176px;height:176px;border:1px solid var(--line);background:#0408109e;backdrop-filter:blur(4px);border-radius:2px;box-shadow:0 0 22px #00000073;pointer-events:none}.map.hidden{display:none}.tray{pointer-events:none;position:fixed;left:clamp(16px,3vw,34px);bottom:clamp(16px,3vw,34px);z-index:3;display:flex;flex-direction:column;gap:8px;max-width:42vw}.tray-count{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.hp{width:150px;height:7px;border:1px solid var(--line);border-radius:2px;background:#04081099;overflow:hidden}.hp-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--magenta),var(--cyan));box-shadow:0 0 10px var(--cyan);transition:width .2s ease}.gear{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.tray-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--chip, var(--cyan));border:1px solid color-mix(in srgb,var(--chip, var(--cyan)) 45%,transparent);padding:4px 8px;border-radius:2px;text-shadow:0 0 10px color-mix(in srgb,var(--chip, var(--cyan)) 60%,transparent);background:#0408108c}.hud .colophon{position:fixed;right:clamp(16px,3vw,34px);bottom:clamp(10px,2vw,20px);margin:0;max-width:46vw;text-align:right}.overlay{position:fixed;inset:0;z-index:6;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 90% at 50% 38%,#04060cd1 30%,#000000f0);backdrop-filter:blur(4px);transition:opacity .4s ease}.overlay.gone{opacity:0;pointer-events:none}.overlay-card{max-width:560px;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center}.overlay-card h1{margin:0;font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(26px,5vw,42px);letter-spacing:.32em;color:#fff;text-shadow:0 0 26px color-mix(in srgb,var(--cyan) 60%,transparent);text-transform:lowercase}.overlay-sub{margin:0;color:var(--text);line-height:1.7;font-size:clamp(13px,1.8vw,15px);opacity:.9}.overlay-controls{margin:0;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}#enter{border:1px solid var(--cyan);background:transparent;color:var(--cyan-soft);font:inherit;font-size:12px;letter-spacing:.3em;text-transform:uppercase;padding:12px 34px;border-radius:2px;cursor:pointer;box-shadow:0 0 26px color-mix(in srgb,var(--cyan) 22%,transparent);transition:.15s ease}#enter:hover{color:#fff;box-shadow:0 0 40px color-mix(in srgb,var(--cyan) 40%,transparent)}.overlay-fineprint{margin:0;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);opacity:.7;line-height:1.8}.attack{pointer-events:auto;position:fixed;right:clamp(16px,4vw,40px);bottom:clamp(64px,12vh,110px);z-index:4;width:58px;height:58px;border-radius:50%;border:1px solid var(--line);background:#08122099;color:var(--cyan-soft);font-size:22px;cursor:pointer;box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 18%,transparent);transition:.1s ease}.attack:active{transform:scale(.92);color:#fff;border-color:var(--cyan)}.hurt{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(120% 90% at 50% 50%,transparent 45%,rgba(255,56,96,.5) 100%)}.overlay[hidden]{display:none}.stick{display:none;position:fixed;z-index:4;width:96px;height:96px;margin:-48px 0 0 -48px;border:1px solid var(--line);border-radius:50%;background:#08122059;pointer-events:none}.stick-nub{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:color-mix(in srgb,var(--cyan) 45%,transparent);box-shadow:0 0 14px var(--cyan)}@media(prefers-reduced-motion:reduce){.status .dot,.caret,.prompt{animation:none}.console,.overlay{transition:none}}@media(max-width:560px){.mark{letter-spacing:.3em}.top .status{flex-basis:100%}.field{gap:8px;padding:12px}.field button{padding:8px 10px;letter-spacing:.14em}.tray{max-width:60vw}.map{width:128px;height:128px;top:74px}.hud .colophon{position:static;max-width:none;text-align:center;margin-top:8px}}