:root{--void: #05060B;--bezel: #232C38;--amber-4: #FFA51E;--amber-3: #D07F14;--crt-scanline-opacity: .14;--crt-vignette: .35}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--void);color:var(--amber-4);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;letter-spacing:.14em;overflow:hidden}.cabinet{position:relative;width:100%;height:100%;display:grid;place-items:center;background:var(--void)}.stage{position:relative;display:block;line-height:0}.board{display:block;max-width:100%;max-height:100%}.crt{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px);opacity:var(--crt-scanline-opacity)}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,var(--crt-vignette)) 100%)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.meta{position:absolute;left:calc(var(--lamp) * 4);top:calc(var(--lamp) * .4);font-size:max(6px,calc(var(--lamp) * 1.6));line-height:1;color:var(--amber-2);white-space:nowrap;pointer-events:none}.demo{position:absolute;font:inherit;font-size:max(6px,calc(var(--lamp) * 1.6));line-height:1;letter-spacing:.14em;background:none;border:0;padding:0}.controls{position:absolute;left:calc(var(--lamp) * 4);bottom:calc(var(--lamp) * 13);display:flex;gap:calc(var(--lamp) * 1.6);align-items:center}.btn{font:inherit;font-size:max(6px,calc(var(--lamp) * 1.5));letter-spacing:.14em;display:inline-flex;align-items:center;gap:calc(var(--lamp) * .8);background:#0a0c13;color:var(--amber-3);border:1px solid var(--bezel);padding:calc(var(--lamp) * .5) calc(var(--lamp) * 1.2);cursor:pointer}.btn:hover{color:var(--amber-4);border-color:#3a4757}.btn:focus-visible{outline:2px solid var(--amber-4);outline-offset:2px}.btn .lamp{width:calc(var(--lamp) * 1);height:calc(var(--lamp) * 1);border-radius:50%;background:#12151c;box-shadow:none}.btn[aria-pressed=true]{color:#3dff6e;border-color:#1c7a34}.btn[aria-pressed=true] .lamp{background:#3dff6e;box-shadow:0 0 6px #3dff6e}.demo{right:calc(var(--lamp) * 4);top:calc(var(--lamp) * .4);color:var(--amber-2);pointer-events:none}@media(max-width:620px){.meta,.demo{font-size:6px;letter-spacing:.02em}}.boot{position:absolute;pointer-events:none;animation:handoff .4s ease-out .3s both}@keyframes handoff{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.boot{animation-duration:1ms}}.pitch{position:absolute;left:50%;transform:translate(-50%);top:calc(var(--lamp) * .4);font-size:max(6px,calc(var(--lamp) * 1.6));line-height:1;color:var(--amber-3);white-space:nowrap;pointer-events:none}@media(max-width:1100px){.pitch{display:none}}.help{position:absolute;inset:6% 8%;overflow-y:auto;z-index:20;background:#05060bf2;border:2px solid var(--bezel);padding:clamp(16px,2.4vw,34px);color:var(--amber-3);font-size:clamp(11px,1.05vw,15px);line-height:1.65;letter-spacing:.04em}.help h2{color:var(--amber-4);font-size:clamp(12px,1.15vw,16px);letter-spacing:.14em;margin:18px 0 6px}.help h2:first-of-type{margin-top:0}.help p{margin:0 0 10px;max-width:68ch}.help b{color:var(--amber-4);font-weight:500}.help i{color:var(--amber-4);font-style:normal;text-decoration:underline}.help ul{list-style:none;margin:4px 0 10px;padding:0}.help li{display:grid;grid-template-columns:15em 1fr auto;gap:10px;padding:5px 0;border-bottom:1px solid var(--border-subtle);align-items:baseline}.help li b{color:var(--amber-4)}.help li em{font-style:normal;color:var(--amber-2);white-space:nowrap}.help .fine{color:var(--amber-2);margin-top:14px}.helpClose{float:right;font:inherit;font-size:inherit;letter-spacing:.14em;background:#0a0c13;color:var(--amber-3);border:2px solid var(--bezel);padding:4px 10px;cursor:pointer}.helpClose:hover{color:var(--amber-4)}.helpClose:focus-visible{outline:2px solid var(--amber-4);outline-offset:2px}@media(max-width:760px){.help{inset:3% 4%}.help li{grid-template-columns:1fr;gap:2px}}