: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}.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}.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}@media(prefers-reduced-motion:reduce){.status .dot,.caret{animation: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}}