*{box-sizing:border-box}:root{--glitch:3px 0 #7a1a10, -3px 0 #1a3a7a;--glitch-sm:2px 0 #7a1a10, -2px 0 #1a3a7a}html,body{color:#f2dd78;-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;font-family:VT323,monospace;overflow:hidden}#app canvas{width:100vw;height:100vh;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{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}.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}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}}