:root{--sky:#2e0f8c;--k:#000;--w:#fff;--dim:#ffffff80;--hair:1px solid #fff;--mono:"JetBrains Mono", ui-monospace, monospace;--pixel:"Micro 5", var(--mono);--pixel-scale:1.6;--top:max(12px, env(safe-area-inset-top));--bottom:max(12px, env(safe-area-inset-bottom));--bar-h:28px}*{box-sizing:border-box}html,body{background:var(--sky);height:100%;color:var(--w);font-family:var(--mono);cursor:var(--cursor-arrow,default);letter-spacing:.02em;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;font-size:10px;overflow:hidden}::selection{background:var(--w);color:var(--k)}button{font:inherit;color:inherit}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#scene.hover{cursor:var(--cursor-hand,pointer)}.cursor-heat #scene:not(.hover):not(:active){cursor:none}#scene:active{cursor:var(--cursor-grab,grabbing)}.bar{height:var(--bar-h);border:var(--hair);background:var(--k);align-items:stretch;display:flex}.bar>*+*{border-left:var(--hair)}.cell{text-transform:uppercase;white-space:nowrap;align-items:center;padding:0 10px;display:flex}.bar.inverse{--k:#fff;--w:#000;--hair:1px solid #000;color:var(--w)}.bar.inverse .btn:focus-visible,.bar.inverse .brand-mark:focus-visible{outline-color:#fff}.px,.btn.px{font-family:var(--pixel);font-size:calc(12px * var(--pixel-scale));letter-spacing:.04em}.brand{top:var(--top);z-index:4;position:fixed;left:12px}.brand-mark{color:inherit;cursor:var(--cursor-hand,pointer);outline:none}.brand-mark:hover{background:var(--w);color:var(--k)}.brand-mark:focus-visible{outline:var(--hair);outline-offset:2px}.brand .logo{width:35px;height:14px;display:block}#audio .btn-icon{width:14px;height:14px}.legal{left:12px;bottom:var(--bottom);z-index:4;position:fixed}.legal .btn{text-decoration:none}@media (pointer:coarse){.brand .btn:before,.legal .btn:before,.page-head .btn:before{content:"";position:absolute;inset:-8px 0}}.page{z-index:20;overscroll-behavior:contain;padding:calc(var(--top) + var(--bar-h) + 40px) 24px calc(var(--bottom) + 56px);background:var(--k);scrollbar-width:thin;scrollbar-color:var(--w) var(--k);outline:none;animation:.3s steps(8,end) page-in;position:fixed;inset:0;overflow-y:auto}.page[hidden]{display:none}@keyframes page-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.page-body{max-width:34rem;font-family:var(--pixel);font-size:calc(16px * var(--pixel-scale));letter-spacing:.02em;-webkit-user-select:text;user-select:text;margin:0 auto;line-height:1.5}.page-body h1{text-transform:uppercase;margin:0 0 1em;font-size:1.75em;font-weight:500;line-height:1.1}.page-body h2{text-transform:uppercase;color:var(--dim);margin:2em 0 .4em;font-size:1em;font-weight:500}.page-body p{margin:0 0 1em}.page-body a{color:inherit;text-underline-offset:3px;cursor:var(--cursor-hand,pointer)}.page-body a:hover,.page-body a:focus-visible{background:var(--w);color:var(--k);outline:none}.page-head{padding:var(--top) 12px 12px;background:var(--k);justify-content:flex-end;display:flex;position:fixed;top:0;left:0;right:12px}@media (prefers-reduced-motion:reduce){.page{animation:none}}.brand .meta b{opacity:.5;margin-left:6px;font-weight:400}.actions{top:var(--top);position:fixed;right:12px}.btn{isolation:isolate;min-width:var(--bar-h);background:var(--k);color:var(--w);font:400 10px/1 var(--mono);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;cursor:var(--cursor-hand,pointer);-webkit-user-select:none;user-select:none;border:0;border-radius:0;outline:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:relative}.bar>*+.btn{border-left:var(--hair)}.btn-label,.btn-icon{transform:translate(var(--mag,0px, 0px))}.btn-icon{fill:currentColor;flex:none;width:12px;height:12px}.btn-hi{mix-blend-mode:difference;clip-path:circle(0);pointer-events:none;background:#fff;position:absolute;inset:0}.btn-glitch{pointer-events:none;opacity:0;z-index:1;width:calc(100% + 40px);height:calc(100% + 40px);position:absolute;top:-20px;left:-20px}.btn-glitch.active{opacity:1}.btn:disabled{cursor:var(--cursor-arrow,default);color:#ffffff4d}.btn:focus-visible{outline:var(--hair);outline-offset:2px;z-index:2}.btn[aria-pressed=false] .btn-label{opacity:.5;text-decoration:line-through}.chrome-hidden .brand,.chrome-hidden .actions,.chrome-hidden .tweaks{opacity:0;pointer-events:none}.brand,.actions{transition:opacity .3s steps(3,end)}.intro{z-index:3;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:0 24px;display:flex;position:fixed;inset:0}.intro[hidden]{display:none}.intro.visible{opacity:1;pointer-events:auto}.intro.leaving{pointer-events:none}.intro-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.intro-actions .btn{flex:1}.intro-debug{opacity:.6;border-style:dashed;align-self:center;margin-top:24px}.intro-copy{max-width:30rem;font-family:var(--pixel);font-size:calc(18px * var(--pixel-scale));text-align:center;line-height:1.45}.intro-copy p{perspective:500px;margin:0}.intro-copy p+p{margin-top:1em}@media (width<=600px){.intro-copy{font-size:calc(16px * var(--pixel-scale))}}.tweaks{top:calc(var(--top) + var(--bar-h) + 8px);z-index:4;width:244px;max-height:calc(100dvh - var(--top) - var(--bar-h) - 24px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--w) var(--k);color:#fffc;-webkit-user-select:none;user-select:none;transform-origin:100% 0;background:#060606f0;border:1px solid #ffffff29;font-size:9px;position:fixed;right:12px;overflow:hidden auto}.tweaks[hidden]{display:none}.tweaks.opening{animation:.34s cubic-bezier(.16,1,.3,1) reveal-crt}@keyframes reveal-crt{0%{opacity:0;filter:brightness(3.2)contrast(1.6);transform:scaleY(.02)scaleX(1.15)}35%{opacity:1;filter:brightness(2.2)contrast(1.3);transform:scaleY(.06)scaleX(1.08)}65%{filter:brightness(1.3);transform:scaleY(1.05)scaleX(.98)}to{filter:none;transform:none}}.tweaks-head{letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #ffffff1f;justify-content:space-between;padding:8px 10px;font-size:8px;display:flex}.tweaks-body{padding:12px}.tweak-section+.tweak-section{border-top:1px solid #ffffff14;margin-top:10px;padding-top:10px}.tweak-heading{color:#ffffff4d;letter-spacing:.12em;text-transform:uppercase;width:100%;cursor:var(--cursor-hand,pointer);background:0 0;border:0;justify-content:space-between;margin:0 0 8px;padding:0;font-size:8px;display:flex}.tweak-section.collapsed .tweak-heading{margin-bottom:0}.tweak-section.collapsed .tweak-row{display:none}.tweak-row{grid-template-columns:1fr 78px 34px;align-items:center;column-gap:6px;margin-bottom:5px;display:grid}.tweak-row.choice{grid-template-columns:64px 1fr}.tweak-select{background:var(--k);width:100%;color:var(--w);font:400 9px/1.2 var(--mono);text-transform:uppercase;cursor:var(--cursor-hand,pointer);border:1px solid #ffffff29;border-radius:0;padding:3px 4px}.tweak-label{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;overflow:hidden}.tweak-row input[type=range]{appearance:none;width:100%;height:2px;cursor:var(--cursor-hand,pointer);background:#ffffff2e;outline:none;margin:7px 0}.tweak-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--w);border-radius:0;width:8px;height:8px}.tweak-row input[type=range]::-moz-range-thumb{background:var(--w);border:0;border-radius:0;width:8px;height:8px}.tweak-row input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--w);outline-offset:2px}.tweak-row output{color:#fff6;text-align:right;font-size:8px}.seg{border:1px solid #ffffff29;flex-wrap:wrap;display:flex}.seg button{white-space:nowrap;color:#ffffff4d;letter-spacing:.04em;text-transform:uppercase;cursor:var(--cursor-hand,pointer);background:0 0;border:0;flex:1 0 auto;padding:3px 4px;font-size:8px}.seg button[aria-pressed=true]{color:var(--w);background:#ffffff24}.tweak-actions{flex-wrap:wrap;height:auto;margin:0 12px 12px;display:flex}.tweak-actions .btn{flex:auto;height:24px}@media (width<=600px){.brand .meta{display:none}.tweaks{top:auto;bottom:var(--bottom);transform-origin:bottom;width:auto;max-height:42dvh;left:12px;right:12px}}.door-list button{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.door-list button:focus-visible{top:calc(var(--top) + var(--bar-h) + 8px);width:auto;height:var(--bar-h);clip-path:none;border:var(--hair);background:var(--k);text-transform:uppercase;z-index:5;padding:0 10px;left:50%;transform:translate(-50%)}.overlay{z-index:10;clip-path:circle(var(--r,0px) at 50% var(--cy,50%));background:#000;display:none;position:fixed;inset:0;overflow:hidden}.overlay.visible{display:block}.overlay.animating{transition:clip-path var(--dur,.52s) cubic-bezier(.65, 0, .35, 1)}.overlay iframe{opacity:0;border:0;width:100%;height:100dvh;transition:opacity .6s;position:absolute;inset:0}.overlay iframe.ready{opacity:1}.overlay .loading{left:50%;bottom:calc(var(--bottom) + 24px);opacity:0;position:absolute;transform:translate(-50%)}.overlay.loading-visible .loading{opacity:1}.close-bar{top:var(--top);z-index:2;opacity:0;pointer-events:none;position:absolute;right:12px}.overlay.closable .close-bar{opacity:1;pointer-events:auto}
