@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2) format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff) format("woff")}:root{--crt: #0a0c0a;--bezel: #2a2c28;--bezel-2: #15171400;--phos: #39ff14;--phos-dim: rgba(57, 255, 20, .55);--phos-glow: rgba(57, 255, 20, .35);--mark-ink: var(--phos);--mono: VT323, "Courier New", monospace}.amber{--phos: #ffb000;--phos-dim: rgba(255, 176, 0, .55);--phos-glow: rgba(255, 176, 0, .35)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(120% 90% at 50% 10%,#151815,var(--crt) 60%) fixed;color:var(--phos);font:22px/1.2 var(--mono);display:flex;flex-direction:column;align-items:center}.mark-dot{color:var(--phos);font:18px/1 var(--mono);animation:blink 1.1s steps(1) infinite}.hero{padding:84px 20px 0;text-align:center}.badge{display:inline-block;font:18px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#9da39a;background:linear-gradient(180deg,#3a3d38,#24262300);padding:8px 16px;border-radius:4px;border:1px solid #3f423d}.crt{width:100%;max-width:1000px;padding:18px 20px 0;display:flex;flex-direction:column;align-items:center}.bezel{width:100%;padding:22px 22px 16px;border-radius:26px;background:linear-gradient(180deg,#3a3d38,#202320 60%,#171916);box-shadow:0 40px 80px -40px #000000f2,inset 0 1px #ffffff1f,inset 0 -3px #0009}.screen{position:relative;aspect-ratio:16 / 9;border-radius:18px/22px;background:radial-gradient(110% 110% at 50% 50%,#0b120a,#050705 80%);box-shadow:inset 0 0 60px #000000e6,inset 0 0 6px #39ff1426;overflow:hidden;display:grid;place-items:center}.out{margin:0;font:var(--fs, 26px)/1.25 var(--mono);letter-spacing:0;white-space:pre;color:var(--phos);text-shadow:0 0 6px var(--phos-glow),0 0 1px var(--phos);padding:18px 22px;max-width:100%;max-height:100%;overflow:hidden}.out.live{font-size:var(--fs);line-height:1;padding:0}.cursor{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,#0000 0 2px,#00000047 2px 4px);mix-blend-mode:multiply}.glare{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 40% at 30% 18%,rgba(255,255,255,.08),transparent 70%)}.controls{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-top:14px}.key{font:20px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#0a0c0a;background:var(--phos);border:0;border-radius:6px;padding:10px 16px 8px;cursor:pointer;box-shadow:0 0 14px var(--phos-glow)}.key.ghost{background:transparent;color:var(--phos);border:1px solid var(--phos-dim);box-shadow:none}.key.ghost[aria-pressed=true]{background:var(--phos-glow)}.key:disabled{opacity:.4;cursor:default}.ctl{display:inline-flex;align-items:center;gap:8px;color:var(--phos-dim);font-size:18px;text-transform:uppercase;letter-spacing:.08em}.ctl input[type=range]{width:120px;accent-color:var(--phos)}.ctl select{font:18px/1 var(--mono);color:var(--phos);background:#0a0c0a;border:1px solid var(--phos-dim);border-radius:6px;padding:6px 8px}.status{margin:14px 0 100px;color:var(--phos-dim);font-size:18px;text-align:center;max-width:640px}.status.err{color:#ff6a4a}.poster .hero{padding-top:14px}.poster .crt{padding-top:10px;max-width:720px}.poster .bezel{padding:14px 14px 12px;border-radius:18px}.poster .screen{aspect-ratio:auto;height:300px}.poster .out{font-size:11px;padding:0;line-height:1}@media(max-width:700px){.hero{padding-top:70px}.bezel{padding:12px 12px 10px;border-radius:16px}.key{font-size:18px;padding:9px 12px 7px}}@media(prefers-reduced-motion:reduce){.cursor,.mark-dot{animation:none}}
