:root{--ink:#ece7da;--dim:#9fae9f;--red-led:#ff3b2a;--green-led:#6bff7a;--glow:0 0 0;--glow-a:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);margin:0;font:500 15px/1.4 Barlow,system-ui,sans-serif;overflow:hidden}.stage{transform-origin:50%;transition:transform .9s cubic-bezier(.6,0,.2,1);position:absolute;top:50%;left:50%;container-type:inline-size}.room{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.night{opacity:var(--night);pointer-events:none;background:#040712;transition:opacity .5s;position:absolute;inset:-100%}.tvlight{mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.screen{cursor:zoom-in;background:#070b09;border:0;padding:0;position:absolute;overflow:hidden}.stage.is-close .screen{cursor:zoom-out}.tube{opacity:0;transform-origin:50%;position:absolute;inset:0}.stage.tv-on .tube{opacity:1;animation:.7s ease-out crt-on}.stage.tv-going .tube{opacity:1;animation:.45s ease-in forwards crt-off}@keyframes crt-on{0%{filter:brightness(8);transform:scale(.02,.004)}30%{filter:brightness(5);transform:scaleY(.006)}65%{filter:brightness(1.7);transform:scaleY(1.02)}to{filter:none;transform:none}}@keyframes crt-off{0%{filter:none;transform:none}45%{filter:brightness(4);transform:scaleY(.006)}80%{filter:brightness(8);transform:scale(.004,.006)}to{filter:brightness(8);opacity:0;transform:scale(0)}}.tube canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#snow{image-rendering:auto;filter:contrast(1.3)brightness(.9)}.stage.is-playing #snow{display:none}.osd{color:#7dff7a;letter-spacing:.05em;white-space:pre;text-align:right;position:absolute;top:7%;right:8%}.glass{pointer-events:none;border-radius:inherit;background:radial-gradient(60% 38% at 30% 18%,#ffffff12,#0000 70%),radial-gradient(80% 80%,#0000 78%,#00000047 100%);position:absolute;inset:0;box-shadow:inset 0 0 .2cqw #00000073}.led{pointer-events:none;border-radius:50%;width:.4cqw;height:.4cqw;transition:background .2s,box-shadow .2s;position:absolute;transform:translate(-50%,-50%)}.spot{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;position:absolute}.spot:focus-visible,.screen:focus-visible{outline-offset:3px;outline:2px solid #ffd36b}@keyframes hint{50%{box-shadow:0 0 0 .3cqw #ffd36b8c}}.scene-nav{top:max(14px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));z-index:2;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed}.scene-back{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#080c0a99;border:1px solid #ece7da40;border-radius:3px;padding:7px 12px;font:700 .75rem/1 Barlow,sans-serif;text-decoration:none}.scene-back:hover{border-color:var(--ink)}.scene-other{color:var(--dim);font-size:.68rem}.scene-closer{top:max(14px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:2;position:fixed}.scene-closer[hidden]{display:none}.scene-status,.scene-keys{z-index:2;text-align:center;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);margin:0;position:fixed;left:50%;transform:translate(-50%)}.scene-status{top:calc(54px + env(safe-area-inset-top));background:#080c0ac7;border-radius:3px;max-width:min(100vw - 400px,60em);padding:8px 14px;font-size:.9rem}.scene-status:empty{display:none}.scene-status[data-tone=error]{color:#ffb3a6}.scene-keys{top:max(18px, env(safe-area-inset-top));max-width:min(100vw - 340px,62em);color:var(--dim);text-shadow:0 1px 2px #000;font:500 .72rem/1.5 IBM Plex Mono,ui-monospace,monospace;transition:opacity .4s}.scene-keys kbd{font:inherit;color:var(--ink)}body.is-close .scene-keys,body.is-close .scene-nav{opacity:0;pointer-events:none}@media (pointer:coarse),(max-width:900px){.scene-keys{display:none}.scene-status{top:calc(128px + env(safe-area-inset-top));max-width:calc(100vw - 32px)}}@media (prefers-reduced-motion:reduce){.stage{transition:none}.stage.tv-on .tube,.stage.tv-going .tube{animation-duration:10ms}}