*{margin:0;padding:0;box-sizing:border-box}:root{--phosphor: #cfe8ff;--phosphor-dim: #7fa8c9;--accent: #7fd4ff;--bg: #05080a}html,body{height:100%}body{background:var(--bg);color:var(--phosphor);font-family:SF Mono,Menlo,Monaco,Courier New,monospace;overflow:hidden}#app{height:100vh;display:flex;flex-direction:column}#topbar,#bottombar{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1rem;font-size:.8rem;letter-spacing:.15em;text-shadow:0 0 6px rgba(127,212,255,.6)}#topbar{border-bottom:1px solid rgba(127,212,255,.25)}#bottombar{border-top:1px solid rgba(127,212,255,.25)}.wordmark{color:var(--accent);font-weight:700;letter-spacing:.4em}.mode{color:var(--accent)}.readout{margin-left:auto;color:var(--phosphor-dim)}.mic{color:var(--phosphor-dim)}.mute{background:none;border:1px solid rgba(127,212,255,.4);color:var(--phosphor-dim);font:inherit;padding:.1rem .5rem;cursor:pointer;letter-spacing:inherit}#stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:.75rem}#viewport{position:relative;width:min(100%,calc((100vh - 8rem) * 4 / 3));aspect-ratio:4 / 3;box-shadow:0 0 60px #7fd4ff1f,inset 0 0 120px #0009;border:1px solid rgba(127,212,255,.2)}#screen{width:100%;height:100%;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scanlines{background:repeating-linear-gradient(to bottom,rgba(0,0,0,.28) 0px,rgba(0,0,0,.28) 1px,transparent 1px,transparent 3px)}.vignette{background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%)}.flicker{background:#b4dcff08;animation:flicker 4s infinite steps(1)}@keyframes flicker{0%,to{opacity:.4}7%{opacity:.9}8%{opacity:.2}9%{opacity:.7}38%{opacity:.5}39%{opacity:1}40%{opacity:.3}71%{opacity:.6}}.flash{background:#eaf6ff;opacity:0;transition:opacity .15s}.flash.on{opacity:.85}.echo{color:var(--accent);font-size:.8rem}.cmdline{margin-left:auto;width:24rem;background:#00141ecc;color:var(--phosphor);border:1px solid rgba(127,212,255,.4);font:inherit;padding:.15rem .5rem;outline:none}.banner{position:fixed;top:3rem;left:50%;transform:translate(-50%);background:#280a0ae6;color:#ffb0a0;border:1px solid rgba(255,120,100,.5);padding:.5rem 1.25rem;font-size:.8rem;letter-spacing:.1em}