:root{--bg: #06040c;--fg: #fff1c8;--bulb: #ffd166;--accent: #ff9955;--ink: #000;--display: "Press Start 2P", "Courier New", monospace;--body: "VT323", "Courier New", monospace;--px: 4px}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--body);overflow:hidden}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}kbd{margin-left:.4em;padding:.1em .35em;font:inherit;font-size:.75em;border:2px solid currentColor;opacity:.7}#rating button,#heckle-toggle,#controls button,#debug button,#enter,#encore,#done{font-family:var(--display);font-size:.7rem;line-height:1;text-transform:uppercase;padding:.75em 1.1em;border:var(--px) solid var(--fg);border-radius:0;background:var(--bg);color:var(--fg);box-shadow:var(--px) var(--px) 0 var(--ink);cursor:pointer;image-rendering:pixelated}#rating button:hover,#heckle-toggle:hover,#controls button:hover,#debug button:hover,#enter:hover,#encore:hover,#done:hover{background:var(--fg);color:var(--bg)}#rating button:active,#heckle-toggle:active,#controls button:active,#debug button:active,#enter:active,#encore:active,#done:active{transform:translate(var(--px),var(--px));box-shadow:none}button:focus-visible{outline:var(--px) dashed var(--bulb);outline-offset:var(--px)}#hud{position:fixed;left:0;right:0;bottom:0;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;pointer-events:none}#caption{width:min(46rem,calc(100vw - 3rem));box-sizing:border-box;padding:.9rem 1.2rem;font-size:2rem;line-height:1.15;text-align:center;background:var(--bg);border:var(--px) solid var(--fg);outline:var(--px) solid var(--bg);outline-offset:var(--px);box-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 var(--ink)}#cue{display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;font-size:1.4rem;background:var(--bg);border:var(--px) solid var(--fg);box-shadow:var(--px) var(--px) 0 var(--ink);pointer-events:auto}#cue q{color:var(--bulb);quotes:'"' '"'}#cue button{font-family:var(--display);font-size:.55rem;text-transform:uppercase;padding:.6em .9em;border:var(--px) solid var(--fg);border-radius:0;background:var(--bg);color:var(--fg);cursor:pointer}#cue button:hover{background:var(--fg);color:var(--bg)}#reaction{font-size:1.5rem;color:var(--bulb);text-shadow:2px 2px 0 var(--ink)}#reactions{display:flex;align-items:center;gap:1.25rem;pointer-events:auto}#rating{display:flex;gap:.75rem}#rating:focus-visible{outline:var(--px) dashed var(--bulb);outline-offset:calc(var(--px) * 2)}#reactions .divider{width:var(--px);height:2.2rem;background:var(--fg);opacity:.5}#heckle-toggle{background:var(--accent);color:var(--bg);border-color:var(--accent);padding-left:1.4em;padding-right:1.4em}#heckle-toggle:hover{background:var(--bg);color:var(--accent)}#heckle-toggle[aria-pressed=true]{background:var(--bulb);border-color:var(--bulb);color:var(--bg)}#rating button{font-size:.85rem}#rating button[data-score="1"]{border-color:#e63946;color:#e63946}#rating button[data-score="2"]{border-color:#f4a261;color:#f4a261}#rating button[data-score="3"]{border-color:#e9c46a;color:#e9c46a}#rating button[data-score="4"]{border-color:#2a9d8f;color:#2a9d8f}#rating button[data-score="5"]{border-color:var(--bulb);color:var(--bulb)}#rating button[data-score="1"]:hover{background:#e63946;color:var(--bg)}#rating button[data-score="2"]:hover{background:#f4a261;color:var(--bg)}#rating button[data-score="3"]:hover{background:#e9c46a;color:var(--bg)}#rating button[data-score="4"]:hover{background:#2a9d8f;color:var(--bg)}#rating button[data-score="5"]:hover{background:var(--bulb);color:var(--bg)}#heckle{pointer-events:auto;width:min(30rem,calc(100vw - 3rem))}#heckle input{width:100%;box-sizing:border-box;font-family:var(--body);font-size:1.5rem;padding:.4rem .8rem;border:var(--px) solid var(--accent);border-radius:0;background:var(--bg);color:var(--fg);box-shadow:var(--px) var(--px) 0 var(--ink)}#heckle input::placeholder{color:var(--fg);opacity:.45}#heckle input:focus-visible{outline:var(--px) dashed var(--bulb);outline-offset:var(--px)}#heckle .hint{margin-top:.4rem;font-size:1.1rem;color:var(--accent);text-shadow:2px 2px 0 var(--ink)}#curtain-call{display:flex;gap:.75rem;pointer-events:auto}#done{font-size:1rem;padding:1em 1.6em}#encore{pointer-events:auto;font-size:1rem;padding:1em 1.6em;border-color:var(--bulb);color:var(--bulb);animation:blink 1.2s steps(1) infinite}#controls{position:fixed;top:.75rem;right:.75rem;display:flex;gap:.5rem}#controls button{font-size:.55rem}#controls button:before{content:"♪ " / "";font-size:1.5em;line-height:0;vertical-align:-.1em}#controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#controls button[aria-pressed=true]:before{content:"× " / ""}#fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--ink);opacity:0;pointer-events:none;transition:opacity .7s ease}#fade.on{opacity:1;pointer-events:auto}#scoreboard{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#06040cb3}#scoreboard .panel{display:flex;flex-direction:column;align-items:center;gap:1.1rem;min-width:min(22rem,80vw);padding:1.6rem 2.2rem;background:var(--bg);border:var(--px) solid var(--fg);outline:var(--px) solid var(--bg);outline-offset:var(--px);box-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 var(--ink)}#scoreboard h2{margin:0;font-family:var(--display);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}#scoreboard .big-score{font-family:var(--display);font-size:2rem;color:var(--bulb);text-shadow:3px 3px 0 var(--ink)}#scoreboard .sets{list-style:none;margin:0;padding:0;font-size:1.4rem;text-align:center}#scoreboard .sets li{opacity:.85}#scoreboard-close{font-family:var(--display);font-size:.7rem;text-transform:uppercase;padding:.75em 1.1em;border:var(--px) solid var(--fg);border-radius:0;background:var(--bg);color:var(--fg);box-shadow:var(--px) var(--px) 0 var(--ink);cursor:pointer}#scoreboard-close:hover{background:var(--fg);color:var(--bg)}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1rem;padding-bottom:14vh;pointer-events:none}#load-bar{width:min(28rem,80vw);height:1.5rem;box-sizing:border-box;padding:var(--px);border:var(--px) solid var(--fg);background:var(--bg);box-shadow:var(--px) var(--px) 0 var(--ink)}#load-bar .fill{width:0;height:100%;background:repeating-linear-gradient(90deg,var(--bulb) 0 .75rem,transparent .75rem 1rem);transition:width .25s steps(4)}#load-note{font-family:var(--display);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;text-shadow:2px 2px 0 var(--ink)}#enter{pointer-events:auto;font-size:1rem;padding:1em 1.6em;border-color:var(--bulb);color:var(--bulb);animation:blink 1.2s steps(1) infinite}#enter:hover,#encore:hover{background:var(--bulb);color:var(--bg);animation:none}#meter{position:fixed;left:.75rem;bottom:.75rem;font-family:var(--display);font-size:.5rem;line-height:1.6;color:var(--fg);text-shadow:2px 2px 0 var(--ink);opacity:.8;pointer-events:none}#debug{position:fixed;top:.75rem;left:.75rem;display:flex;gap:.5rem;align-items:center;font-size:1rem}#debug button{font-size:.5rem}@keyframes blink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){#enter,#encore{animation:none}#load-bar .fill,#fade{transition:none}}@media(max-width:600px){#caption{font-size:1.4rem}#rating{gap:.4rem}#rating button{font-size:.55rem;padding:.7em}}[hidden]{display:none!important}