:root{color-scheme:dark;font-family:Courier New,ui-monospace,monospace;background:#09051a}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#09051a}button{font:inherit}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 48%,rgba(3,0,14,.62) 100%);z-index:4}#flash{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:5;background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,30,180,.08) 45%,transparent 70%);mix-blend-mode:screen}.hidden{opacity:0!important;pointer-events:none!important}#hud{position:fixed;inset:0;z-index:6;pointer-events:none;transition:opacity .2s}.hud-panel{position:absolute;top:24px;left:28px;display:grid;padding:11px 17px;border-left:4px solid #34f8ff;background:linear-gradient(90deg,#050920db,#05092033);filter:drop-shadow(0 0 14px rgba(52,248,255,.28))}.label{color:#34f8ff;font-size:10px;font-weight:700;letter-spacing:.24em}#score{font:900 34px/1 Impact,Haettenschweiler,sans-serif;letter-spacing:.06em;text-shadow:0 0 15px #34f8ff}.timer-wrap{position:absolute;top:22px;left:50%;width:min(320px,34vw);transform:translate(-50%);text-align:center}#timer{font:900 40px/1 Impact,Haettenschweiler,sans-serif;text-shadow:0 0 18px #ffea00}.timer-track{height:5px;margin-top:8px;background:#ffffff24;transform:skew(-20deg);overflow:hidden}#timer-bar{height:100%;width:100%;background:#ffea00;box-shadow:0 0 13px #ffea00;transform-origin:left}.combo{position:absolute;top:98px;left:50%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%) rotate(-3deg);transition:opacity .14s,transform .14s;color:#ff3eb5;text-shadow:0 0 20px #ff3eb5}.combo strong{font:900 50px/.8 Impact,Haettenschweiler,sans-serif}.combo span{font-size:10px;font-weight:700;letter-spacing:.36em}#crosshair{position:absolute;top:50%;left:50%;width:38px;height:38px;transform:translate(-50%,-50%);transition:transform .08s,filter .08s}#crosshair i{position:absolute;display:block;background:#fff;box-shadow:0 0 8px #34f8ff}#crosshair i:nth-child(1){width:9px;height:2px;top:18px;left:0}#crosshair i:nth-child(2){width:9px;height:2px;top:18px;right:0}#crosshair i:nth-child(3){width:2px;height:9px;top:0;left:18px}#crosshair i:nth-child(4){width:2px;height:9px;bottom:0;left:18px}#crosshair b{position:absolute;width:4px;height:4px;border-radius:50%;left:17px;top:17px;background:#ff3eb5}#crosshair.locked{transform:translate(-50%,-50%) scale(1.35);filter:drop-shadow(0 0 8px #ff3eb5)}#kick-hint{position:absolute;left:50%;top:calc(50% + 44px);transform:translate(-50%);font-size:9px;letter-spacing:.18em;opacity:.5}#mute{position:absolute;right:22px;top:25px;pointer-events:auto;color:#bdfcff;border:1px solid rgba(52,248,255,.35);background:#05092099;padding:8px 10px;cursor:pointer;font-size:10px}.screen{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:radial-gradient(circle at 50% 38%,#2d0e64ad,#050212ed 70%);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.screen.active{opacity:1;visibility:visible}.screen:before{content:"";position:absolute;inset:0;opacity:.17;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#34f8ff 4px)}.screen>*{position:relative}.eyebrow{color:#34f8ff;font-weight:700;font-size:clamp(10px,1.2vw,14px);letter-spacing:.34em;margin-bottom:16px}h1,h2{font-family:Impact,Haettenschweiler,sans-serif;margin:0;line-height:.86;letter-spacing:.015em;text-transform:uppercase}h1{font-size:clamp(56px,9vw,126px);color:#ffea00;text-shadow:5px 5px 0 #ff3eb5,10px 10px 0 #4520d8,0 0 35px rgba(255,62,181,.7);transform:rotate(-2deg)}h1 span{color:#fff;font-size:.55em;letter-spacing:.08em}h2{font-size:clamp(70px,11vw,140px);color:#ffea00;text-shadow:5px 5px #ff3eb5}.screen p{max-width:670px;margin:26px auto;color:#d8d4ed;line-height:1.65;font-size:clamp(12px,1.1vw,16px)}.primary{border:0;padding:17px 30px;color:#0b061b;background:#34f8ff;font-weight:700;letter-spacing:.12em;cursor:pointer;transform:skew(-7deg);box-shadow:7px 7px #ff3eb5,0 0 24px #34f8ff73;transition:transform .12s,box-shadow .12s}.primary:hover{transform:skew(-7deg) translate(-2px,-2px);box-shadow:11px 11px #ff3eb5,0 0 34px #34f8ffb3}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:11px 26px;margin:38px 0 13px;font-size:10px;color:#9a93b8}.mobile-controls{display:none}kbd{color:#fff;border:1px solid #665c8e;border-bottom-width:3px;padding:3px 6px;margin-right:5px;background:#15102a}.screen small{color:#625b80;font-size:10px}.result-grid{display:flex;gap:6px;margin:32px 0 0}.result-grid div{min-width:190px;padding:17px 28px;background:#0a071ebf;border-top:2px solid #34f8ff}.result-grid span{display:block;color:#8e87aa;font-size:9px;letter-spacing:.2em}.result-grid strong{font:900 35px Impact,Haettenschweiler,sans-serif;color:#fff}#toast-layer{position:fixed;left:50%;top:59%;z-index:8;pointer-events:none}.toast{position:absolute;white-space:nowrap;font:900 22px Impact,Haettenschweiler,sans-serif;color:#fff;text-shadow:2px 2px #ff3eb5,0 0 12px #34f8ff;animation:float-score .85s ease-out forwards}@keyframes float-score{0%{opacity:0;transform:translate(-50%,10px) scale(.6) rotate(-4deg)}18%{opacity:1;transform:translate(-50%,-5px) scale(1.15) rotate(2deg)}to{opacity:0;transform:translate(-50%,-70px) scale(.9)}}@media(max-width:700px),(pointer:coarse){.score-panel{left:12px;top:12px}#score{font-size:25px}.timer-wrap{top:14px;left:auto;right:12px;width:120px;transform:none;text-align:right}#timer{font-size:31px}#mute{top:auto;bottom:max(14px,env(safe-area-inset-bottom))}.result-grid div{min-width:140px;padding:14px}.desktop-controls{display:none}.mobile-controls{display:flex}.screen{padding:max(22px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom))}}