*{box-sizing:border-box}:root{--glitch:3px 0 #7a1a10, -3px 0 #1a3a7a;--glitch-sm:2px 0 #7a1a10, -2px 0 #1a3a7a}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(./vt323-CNzYqQBi.ttf)format("truetype")}html,body{color:#f2dd78;-webkit-user-select:none;user-select:none;touch-action:none;background:#000;height:100%;margin:0;font-family:VT323,monospace;overflow:hidden}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.hidden{display:none!important}@keyframes jitter{0%,92%,to{transform:translate(0)}93%{transform:translate(3px,-1px)skew(4deg)}95%{transform:translate(-4px,1px)}97%{transform:translate(1px,2px)skew(-6deg)}}#hud{letter-spacing:4px;text-shadow:var(--glitch-sm), 0 0 8px #000000e6;pointer-events:none;font-size:40px;line-height:1;position:fixed;top:18px;left:22px}#hud #frag{color:#ff6a52}.gem{background:currentColor;width:.42em;height:.42em;margin:0 .35em .08em .1em;display:inline-block;transform:rotate(45deg);box-shadow:2px 0 #7a1a10,-2px 0 #1a3a7a}#white{opacity:0;pointer-events:none;background:#fff;transition:opacity 3s ease-in;position:fixed;inset:0}#white.on{opacity:1}#cross{pointer-events:none;background:#fff5c8b3;width:4px;height:4px;margin:-2px 0 0 -2px;position:fixed;top:50%;left:50%}#msg{text-align:center;letter-spacing:12px;color:#f2dd78;text-shadow:var(--glitch), 0 0 18px #000000e6;opacity:0;pointer-events:none;font-size:56px;transition:opacity .6s;animation:2.1s step-end infinite jitter;position:fixed;bottom:16%;left:0;right:0}#msg.show{opacity:1}.overlay{z-index:6;background:repeating-linear-gradient(0deg,#00000040 0 2px,#0000 2px 4px),radial-gradient(#14100459,#000000eb);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay.red{background:repeating-linear-gradient(0deg,#0000004d 0 2px,#0000 2px 4px),radial-gradient(#5a00008c,#000000f5)}.panel{text-align:center;max-width:640px;padding:28px 40px}.panel.small{max-width:460px}h1,h2{color:#f2dd78;text-shadow:var(--glitch), 0 0 24px #f2dd7859;margin:0 0 36px;font-weight:400;line-height:1;animation:3.2s step-end infinite jitter}h1{letter-spacing:6px;font-size:96px}h1 span{color:#c9b35a}h2{letter-spacing:10px;margin-bottom:20px;font-size:88px}@media (width<=700px){.panel{padding:24px 18px}h1{letter-spacing:3px;white-space:nowrap;font-size:80px;line-height:.9}h1 span{letter-spacing:8px;white-space:nowrap;margin-top:8px;display:block}h2{letter-spacing:6px;font-size:64px}}.red h2{color:#ff4a3a;text-shadow:3px 0 #300,-3px 0 #1a3a7a,0 0 30px #a00}.sub{letter-spacing:6px;text-shadow:var(--glitch-sm);margin:0 0 24px;font-size:34px}.sens{letter-spacing:4px;opacity:.7;text-shadow:var(--glitch-sm);margin-bottom:24px;font-size:26px;display:block}.sens input{vertical-align:middle;accent-color:#c9a93a;touch-action:pan-x}#touch{z-index:4;pointer-events:none;position:fixed;inset:0}#move,#look{pointer-events:auto;touch-action:none;position:absolute}#look{z-index:0;inset:0}#move{z-index:1;width:auto;height:42%;inset:auto 0 0}#stick{pointer-events:none;left:max(24px, env(safe-area-inset-left));bottom:max(28px, env(safe-area-inset-bottom));opacity:0;background:#00000038;border:2px solid #e2c95e73;border-radius:50%;width:128px;height:128px;position:absolute}#stick.live{opacity:0}#knob{background:#e2c95ee6;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}@media (orientation:landscape){#move{width:46%;height:auto;top:0;right:auto}#look{left:38%}#stick{width:150px;height:150px}}#tpause{pointer-events:auto;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:2;border-radius:10px;min-width:0;min-height:44px;padding:4px 14px;font-size:26px;position:absolute}button.tbtn{pointer-events:auto;letter-spacing:1px;touch-action:none;color:#e2c95e;background:#1410048c;border-radius:18px;min-width:84px;min-height:72px;padding:8px 12px;font-size:26px;animation:none;box-shadow:2px 0 0 1px #7a1a10,-2px 0 0 1px #1a3a7a}button.tbtn.on,button.tbtn:active{color:#1a1404;background:#e2c95e}button{letter-spacing:8px;color:#1a1404;cursor:pointer;text-shadow:1px 0 #a0301c,-1px 0 #2a4a9a;background:#e2c95e;border:none;padding:6px 44px;font-family:VT323,monospace;font-size:36px;animation:2s infinite pulse;box-shadow:3px 0 0 2px #7a1a10,-3px 0 0 2px #1a3a7a,0 0 0 4px #e2c95e}button:hover{background:#fff0a0}@keyframes pulse{50%{opacity:.65}}