:root{--red:#ff2a3d;--cream:#f2ead8;--void:#05030a}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--cream);margin:0}body{background:radial-gradient(ellipse at 50% 30%, #2a0b16 0%, #0a0308 60%, var(--void) 100%);-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:Space Mono,ui-monospace,Menlo,Consolas,monospace}.app{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100%;padding:12px;display:flex}.lockup{flex-direction:column;align-items:center;line-height:1;display:flex}.kicker{letter-spacing:.9em;color:var(--red);text-shadow:0 0 10px var(--red);margin-right:-.9em;font-size:.8rem}.title{letter-spacing:-1px;color:var(--void);-webkit-text-stroke:2px var(--red);text-shadow:0 0 10px var(--red), 0 0 30px var(--red);margin:2px 0;font-family:Abril Fatface,serif;font-size:clamp(2rem,6vw,3.4rem);font-weight:400}.sub{letter-spacing:.5em;opacity:.8;margin-right:-.5em;font-size:.6rem}.stage{aspect-ratio:480/560;border-radius:4px;width:min(100%,480px,85.7143vh - 162.857px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #3a1a24,0 0 40px #ff2a3d4d}.stage canvas{width:100%;height:100%;display:block}.overlay{text-align:center;background:#05030ac7;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.overlay h2{letter-spacing:1px;margin:0;font-family:Abril Fatface,serif;font-size:2.6rem;font-weight:400}.glow{color:var(--void);-webkit-text-stroke:2px var(--red);text-shadow:0 0 12px var(--red), 0 0 36px var(--red)}.overlay p{margin:0}.hi{color:#ffb347;text-shadow:0 0 12px #ffb347}.hint{color:#8a93b8;font-size:.75rem}.points{gap:4px;margin:0;padding:0;list-style:none;display:grid}button{font:inherit;letter-spacing:.3em;color:var(--void);background:var(--cream);cursor:pointer;min-height:48px;box-shadow:0 0 0 2px var(--void), 0 0 0 4px var(--cream), 0 0 26px #ffebd24d;border:0;border-radius:0;padding:14px 30px 14px 34px;font-weight:700}button:hover{background:#fff}button:focus-visible{outline:2px solid var(--red);outline-offset:6px}.blink{animation:1.4s step-end infinite blink}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:.35}}@media (prefers-reduced-motion:reduce){.blink{animation:none}}.controls{gap:10px;width:min(100%,480px);display:none}.pad{letter-spacing:.1em;color:var(--cream);box-shadow:none;touch-action:none;background:#1b0f18;border:1px solid #3a1a24;flex:1;padding:18px 0;font-size:1rem}.pad:active{background:#3a1a24}.pad.fire{background:var(--red);color:var(--void);border-color:var(--red);flex:2}@media (pointer:coarse){.controls{display:flex}}.mute{color:#8a93b8;letter-spacing:0;min-height:0;box-shadow:none;background:0 0;padding:4px 8px;font-size:.7rem}.mute:hover{color:#fff;background:0 0}.foot{align-items:center;gap:16px;display:flex}.home{color:#8a93b8;min-height:0;padding:4px 8px;font-size:.75rem;text-decoration:none}.home:hover{color:#fff}@media (pointer:coarse){.foot{order:-1;justify-content:space-between;gap:8px;width:min(100%,480px)}.controls{margin-top:12px}}