:root{--bg:#07080c;--ink:#ebe6dc;--muted:#8b90a0;--amber:#ffb020;--line:#ffb02047}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:IBM Plex Mono,ui-monospace,monospace}body{place-items:center;min-height:100vh;display:grid;overflow:hidden}.bg-ash{pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#ff503c1f,#0000 55%),radial-gradient(50% 40% at 80% 100%,#3de0ff0f,#0000 50%),repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff04 2px 3px);position:fixed;inset:0}.shell{z-index:1;flex-direction:column;align-items:center;gap:14px;padding:20px 16px 24px;display:flex;position:relative}.mast{text-align:center}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin:0 0 4px;font-size:10px}h1{letter-spacing:.18em;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(22px,4vw,34px);font-weight:800}.stage{box-shadow:0 0 0 1px var(--line), 0 20px 60px #0000008c, 0 0 80px #ff2d5514;position:relative}canvas{vertical-align:middle;background:#0b0d12;width:min(960px,94vw);height:auto;display:block}.scanlines{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#00000014 2px 3px);position:absolute;inset:0}.hint{color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;font-size:11px;display:flex}.hint span:before{content:"▸ ";color:var(--amber)}@media (max-width:700px){.mast{display:none}}