:root{--void: #08080b;--cyan: #23d7eb;--amber: #ebb217;--green: #0bd92d;--magenta: #db30a8;--ink: rgba(8, 8, 14, .72);--mono: "Courier New", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--void);color:#e8e8ef;font-family:var(--mono);-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}.hud{position:fixed;inset:0;pointer-events:none;z-index:10;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.hud__room{position:absolute;top:18px;left:22px;font-size:15px;color:var(--cyan);text-shadow:0 0 12px rgba(35,215,235,.55)}.hud__manifest{position:absolute;top:46px;left:22px;font-size:12px;line-height:1.75;color:#b9bcc9;background:var(--ink);border-left:2px solid var(--amber);padding:8px 14px 8px 10px;min-width:208px}.hud__manifest h2{margin:0 0 4px;font-size:11px;color:var(--amber);letter-spacing:.16em;font-weight:700}.hud__manifest li{list-style:none}.hud__manifest ul{margin:0;padding:0}.hud__manifest .done{color:var(--green);text-decoration:line-through;opacity:.75}.hud__prompt{position:absolute;left:50%;bottom:15%;transform:translate(-50%);font-size:14px;padding:9px 20px;background:var(--ink);border:1px solid rgba(35,215,235,.5);color:#fff;opacity:0;transition:opacity .14s ease;white-space:nowrap}.hud__prompt.on{opacity:1}.hud__flash{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font-size:30px;font-weight:700;color:var(--amber);text-shadow:0 0 26px rgba(235,178,23,.6);opacity:0;white-space:nowrap}.hud__flash.on{animation:flash 1.9s ease forwards}@keyframes flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}14%{opacity:1;transform:translate(-50%,-50%) scale(1)}74%{opacity:1}to{opacity:0}}.hud__tv{position:absolute;right:20px;bottom:20px;width:232px;padding:9px 9px 26px;background:#16161d;border:2px solid #33333f;border-radius:7px;box-shadow:0 0 0 3px #0b0b10,0 12px 34px #0009;pointer-events:auto}.hud__tv iframe,.hud__tv>div,.hud__tv canvas{display:block;width:214px;height:120px;border:0;background:#000}.hud__tv:after{content:"";position:absolute;left:16px;bottom:9px;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.hud__tv .label{position:absolute;right:12px;bottom:7px;font-size:9px;color:#6d7080;letter-spacing:.14em}.hud__keys{position:absolute;left:22px;bottom:20px;font-size:11px;color:#767a8a;line-height:1.7}.hud__keys b{color:var(--cyan);font-weight:400}.splash{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,#16233a,#08080b 68%);text-align:center;font-family:var(--mono);cursor:pointer}.splash__inner{max-width:620px;padding:30px}.splash h1{margin:0;font-size:clamp(34px,8vw,74px);letter-spacing:.06em;color:var(--cyan);text-shadow:0 0 34px rgba(35,215,235,.55),4px 4px 0 var(--magenta);line-height:.98}.splash h2{margin:14px 0 26px;font-size:13px;font-weight:400;letter-spacing:.26em;color:var(--amber);text-transform:uppercase}.splash p{color:#9ba0b0;font-size:13px;line-height:1.85;margin:0 0 26px}.splash p b{color:var(--cyan);font-weight:400}.splash__start{display:inline-block;padding:15px 42px;border:2px solid var(--amber);color:var(--amber);font-size:17px;letter-spacing:.22em;background:transparent;font-family:var(--mono);cursor:pointer;animation:pulse 1.7s ease-in-out infinite}.splash__start:hover{background:var(--amber);color:#08080b}@keyframes pulse{50%{box-shadow:0 0 30px #ebb21773}}.splash__note{margin-top:24px;font-size:10px;color:#5f6373;letter-spacing:.1em}.splash.hidden{display:none}.pause{position:fixed;inset:0;z-index:40;display:none;place-items:center;background:#06060adb;text-align:center}.pause.on{display:grid}.pause h2{color:var(--cyan);letter-spacing:.3em;font-size:22px;margin:0 0 12px}.pause p{color:#9095a5;font-size:12px;line-height:2}.debug{position:absolute;top:18px;right:20px;font-size:11px;color:#7e8394;background:var(--ink);padding:8px 12px;border-right:2px solid var(--magenta);display:none;pointer-events:auto;text-align:right}.debug.on{display:block}.debug button{display:block;width:100%;margin:3px 0 0;background:transparent;border:1px solid #3a3f52;color:#b9bcc9;font-family:var(--mono);font-size:10px;padding:3px 8px;cursor:pointer;text-transform:uppercase}.debug button:hover{border-color:var(--cyan);color:var(--cyan)}.touch{display:none}@media(pointer:coarse){.touch{display:block;position:fixed;inset:0;z-index:20;pointer-events:none}.touch__stick{position:absolute;left:26px;bottom:34px;width:128px;height:128px;border:2px solid rgba(35,215,235,.35);border-radius:50%;pointer-events:auto}.touch__nub{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#23d7eb47}.touch__btn{position:absolute;right:30px;bottom:44px;width:78px;height:78px;border-radius:50%;border:2px solid rgba(235,178,23,.5);color:var(--amber);background:#08080e80;font-family:var(--mono);font-size:13px;pointer-events:auto}.touch__btn.jump{right:122px;bottom:116px}.hud__tv{width:150px;padding:6px 6px 18px}.hud__tv iframe,.hud__tv>div,.hud__tv canvas{width:136px;height:78px}.hud__keys{display:none}}.nowebgl{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 40%,#141a26 0%,var(--void) 70%);overflow-y:auto}.nowebgl__set{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:34px;align-items:start;max-width:780px;width:100%}.nowebgl__screen{position:relative;aspect-ratio:4 / 3;background:#05060a;border:3px solid #33333f;border-radius:10px;box-shadow:0 0 0 4px #0b0b10,0 16px 40px #0009;overflow:hidden}.nowebgl__bars{position:absolute;inset:8%;background:linear-gradient(90deg,#c7c7c7 0 14.28%,#c7c721 14.28% 28.56%,#21c7c7 28.56% 42.84%,#21c721 42.84% 57.12%,#c721c7 57.12% 71.4%,#c72121 71.4% 85.68%,#2121c7 85.68% 100%);opacity:.5}.nowebgl__label{position:absolute;left:0;right:0;bottom:12%;text-align:center;font-family:var(--mono);font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:#e8e8ef;text-shadow:0 2px 6px #000}.nowebgl__body{font-family:var(--mono);color:#b9bcc9;min-width:0}.nowebgl__body h1{margin:0 0 12px;font-size:clamp(20px,3.4vw,27px);line-height:1.2;color:var(--cyan);text-wrap:balance;letter-spacing:.01em}.nowebgl__body p{margin:0 0 14px;font-size:13px;line-height:1.75;max-width:62ch}.nowebgl__body ul{margin:0 0 18px;padding:0 0 0 18px;font-size:13px;line-height:1.85;max-width:62ch}.nowebgl__body li{margin-bottom:4px}.nowebgl__body li::marker{color:var(--amber)}.nowebgl__reload{font-family:var(--mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;padding:11px 26px;color:var(--amber);background:transparent;border:2px solid var(--amber);cursor:pointer}.nowebgl__reload:hover{background:var(--amber);color:var(--void)}.nowebgl__reload:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.nowebgl__meta{margin:16px 0 0;font-size:11px;color:#676b7c;word-break:break-word}@media(max-width:640px){.nowebgl__set{grid-template-columns:1fr;gap:22px}.nowebgl__screen{max-width:220px}}