:root{--ink: #e7f2f1;--dim: #8aa4a8;--amber: #ffb15a;--blue: #3c7dff;--orange: #ff7a18;--bg: #07080c;color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);overflow:hidden}body{font-family:Share Tech Mono,ui-monospace,monospace;color:var(--ink)}#view{display:block;width:100%;height:100%;cursor:none}#vignette{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.55) 100%);mix-blend-mode:multiply}#fade{pointer-events:none;position:fixed;inset:0;background:#000;opacity:0;transition:opacity .45s ease}#hud{pointer-events:none;position:fixed;inset:0}#chamber,#o2{position:absolute;top:22px;letter-spacing:.18em;font-size:12px;color:var(--dim);text-transform:uppercase}#chamber{left:28px}#o2{right:28px;color:var(--amber)}#crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%)}#crosshair i,#crosshair i:before,#crosshair i:after{content:"";position:absolute;background:#e8fff8;opacity:.85}#crosshair i{left:10px;top:4px;width:2px;height:14px}#crosshair i:before{left:-6px;top:6px;width:14px;height:2px}#crosshair.portal i,#crosshair.portal i:before{background:#b7fff0}#crosshair.bad i,#crosshair.bad i:before{background:#ff5d5d}#crosshair.blue i,#crosshair.blue i:before{background:var(--blue)}#crosshair.orange i,#crosshair.orange i:before{background:var(--orange)}#prompt{position:absolute;left:50%;top:62%;transform:translate(-50%);color:var(--amber);letter-spacing:.14em;font-size:14px;text-shadow:0 2px 8px #000}#subs{position:absolute;left:50%;bottom:7vh;transform:translate(-50%);width:min(760px,86vw);text-align:center;text-shadow:0 2px 10px #000}#subs em{display:block;font-style:normal;color:var(--amber);letter-spacing:.22em;font-size:12px;margin-bottom:6px}#subs p{margin:0;font-size:20px;line-height:1.35}#indicators{position:absolute;right:26px;bottom:24px;display:flex;gap:10px}#indicators i{width:18px;height:28px;border:2px solid #345;border-radius:50%;opacity:.45}#ind-blue.on{border-color:var(--blue);box-shadow:0 0 12px var(--blue);opacity:1;background:#3c7dff59}#ind-orange.on{border-color:var(--orange);box-shadow:0 0 12px var(--orange);opacity:1;background:#ff7a1859}#titlecard{position:absolute;left:28px;top:28vh;text-shadow:0 2px 16px #000,0 0 24px #000;opacity:0;transition:opacity .6s ease}#titlecard.show{opacity:1}#titlecard b{display:block;font-family:Oswald,sans-serif;font-weight:500;font-size:42px;letter-spacing:.16em}#titlecard span{color:var(--dim);letter-spacing:.2em;font-size:13px}#menu,#pause,#credits{cursor:auto;position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px 48px;background:linear-gradient(180deg,#07080c59,#07080cc7)}#menu[hidden],#pause[hidden],#credits[hidden],#hud[hidden]{display:none}.mark{width:92px;height:92px;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 18%,#d7fff6 0 32%,transparent 0 50%,#ffb15a 0 66%,transparent 0 82%,#3c7dff 0 100%);-webkit-mask:radial-gradient(circle,transparent 42%,#000 44% 62%,transparent 64%);mask:radial-gradient(circle,transparent 42%,#000 44% 62%,transparent 64%);animation:spin 18s linear infinite;margin-bottom:18px}@keyframes spin{to{transform:rotate(360deg)}}.kicker{letter-spacing:.28em;color:var(--dim);font-size:12px;margin:0 0 8px}h1,h2{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:clamp(40px,7vw,84px)}.tag{color:var(--amber);letter-spacing:.08em;margin:10px 0 18px}.blurb{max-width:560px;color:#c5d5d6;line-height:1.5;font-size:15px}button{font-family:Oswald,sans-serif;letter-spacing:.18em;text-transform:uppercase;background:transparent;color:var(--ink);border:1px solid var(--amber);padding:12px 28px;font-size:18px;cursor:pointer;margin-top:8px}button:hover{background:#ffb15a26}.keys{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;padding:0;margin:28px 0 0;color:var(--dim);font-size:13px;max-width:640px}.keys b{color:var(--ink);font-weight:500}.fine{margin-top:28px;color:#5e7276;font-size:11px;letter-spacing:.06em;max-width:520px}#pause,#credits{background:#05060ae0}#lyric{min-height:2.4em;font-size:22px;color:var(--ink);margin:18px 0}.roll{list-style:none;padding:0;margin:0 0 12px;color:var(--dim);letter-spacing:.14em;font-size:13px}#pause label,#pause p{margin:10px 0;color:var(--dim)}#pause .row,#credits button{margin-top:18px}#pause .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}input[type=range]{width:180px;vertical-align:middle}.check{display:flex;gap:8px;align-items:center;justify-content:center}@media(max-width:700px){#subs p{font-size:16px}#titlecard b{font-size:28px}#view{cursor:auto}}