@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#030308;width:100%;height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#root{width:100%;height:100%}canvas{touch-action:none;display:block}button:focus-visible{outline-offset:3px;outline:2px solid #0ff}#game-container{touch-action:none;width:100vw;height:100vh;position:relative;overflow:hidden}#menu-screen{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 50% 40%,#1e0a3ccc,#030308f2);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.menu-glow{pointer-events:none;background:radial-gradient(circle,#00ffff14,#0000 70%);border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite pulse-glow;position:absolute}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.menu-title{letter-spacing:6px;text-align:center;-webkit-text-fill-color:transparent;z-index:1;background:linear-gradient(135deg,#0ff 0%,#70f 40%,#f40 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1;position:relative}.title-icon{-webkit-text-fill-color:#0ff;filter:drop-shadow(0 0 12px #0ff9);margin-bottom:.5rem;font-size:2.5rem;display:block}.menu-subtitle{color:#ffffff73;letter-spacing:1px;text-align:center;max-width:380px;margin-bottom:2rem;font-size:clamp(.9rem,2vw,1.15rem)}.menu-btn{letter-spacing:6px;color:#0ff;cursor:pointer;background:#00ffff0d;border:2px solid #0ff9;padding:1rem 3.5rem;font-family:Inter,system-ui,sans-serif;font-size:1.2rem;font-weight:700;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.menu-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#0ff3,#0000);transition:opacity .35s;position:absolute;inset:0}.menu-btn:hover{background:#00ffff26;border-color:#0ff;transform:translateY(-2px);box-shadow:0 0 30px #00ffff4d,inset 0 0 20px #00ffff14}.menu-btn:hover:before{opacity:1}.menu-btn:active{transform:translateY(0)}.menu-controls{align-items:flex-start;gap:3rem;margin-top:2.5rem;display:flex}.control-group{color:#ffffff40;letter-spacing:1px;flex-direction:column;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.key-row{gap:4px;display:flex}kbd{color:#fff6;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-family:Inter,monospace;font-size:.75rem;font-weight:600;display:inline-flex}.key-wide{min-width:80px}#hud{z-index:50;pointer-events:none;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:absolute;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;display:flex}.hud-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.15rem;padding:.8rem 1.4rem;transition:all .3s;display:flex}.hud-label{letter-spacing:3px;color:#ffffff59;text-transform:uppercase;font-size:.65rem}.hud-value{color:#fff;font-size:1.6rem;font-weight:700}.hud-timer{border-color:#ffffff26;align-items:center}.hud-time-value{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 10px #fff3;font-size:1.8rem}.hud-polarity.attract{border-color:#00ffff40}.hud-polarity.attract .hud-value{color:#0ff;text-shadow:0 0 12px #0ff6}.hud-polarity.repel{border-color:#ff440040}.hud-polarity.repel .hud-value{color:#f40;text-shadow:0 0 12px #f406}.hud-bottom{justify-content:center;align-items:center;gap:.5rem;padding:.8rem;display:flex}.hud-bottom kbd{color:#ffffff40;background:#ffffff0a;border-color:#ffffff1a;min-width:26px;height:26px;padding:0 6px;font-size:.65rem}.hud-hint{color:#fff3;letter-spacing:1px;margin-left:.15rem;font-size:.7rem}.hud-divider{color:#ffffff1a;margin:0 .5rem}@media (width<=767px){.hud-desktop-only{display:none!important}}#leaderboard{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000008c;border:1px solid #ffffff14;border-radius:14px;min-width:180px;padding:.8rem 1rem;position:absolute;top:5.5rem;right:1.5rem}.lb-title{letter-spacing:3px;color:#ffffff4d;text-align:center;margin-bottom:.5rem;font-size:.6rem}.lb-row{color:#ffffff80;border-radius:6px;justify-content:space-between;align-items:center;gap:.6rem;padding:.25rem .4rem;font-size:.8rem;display:flex}.lb-row.lb-local{color:#0ff;text-shadow:0 0 8px #00ffff4d;background:#00ffff14;font-weight:700}.lb-rank{text-align:center;min-width:24px}.lb-name{text-overflow:ellipsis;flex:1;overflow:hidden}.lb-score{font-variant-numeric:tabular-nums;font-weight:600}@keyframes flash-fade{0%{opacity:1}to{opacity:0}}#gameover-screen{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(at 50% 40%,#1e0a3cd9,#030308f7);flex-direction:column;justify-content:center;align-items:center;gap:.8rem;animation:.6s fade-in;display:flex;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.gameover-glow{pointer-events:none;background:radial-gradient(circle,#ffd7001a,#0000 70%);border-radius:50%;width:500px;height:500px;animation:3s ease-in-out infinite pulse-glow;position:absolute}.gameover-crown{filter:drop-shadow(0 0 20px #ffd70099);font-size:4rem;animation:1.5s ease-in-out infinite crown-bounce}@keyframes crown-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.gameover-title{letter-spacing:6px;-webkit-text-fill-color:transparent;text-align:center;background:linear-gradient(135deg,gold 0%,#f40 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800}.gameover-winner{flex-direction:column;align-items:center;margin:.5rem 0 1rem;display:flex}.gameover-name{color:#ffffff80;letter-spacing:2px;font-size:1.2rem}.gameover-score{color:gold;text-shadow:0 0 20px #ffd70066;font-size:3rem;font-weight:800}.gameover-standings{background:#0006;border-radius:14px;min-width:250px;margin-bottom:1.5rem;padding:.8rem 1.5rem}.gameover-row{color:#ffffff73;border-bottom:1px solid #ffffff0a;justify-content:space-between;gap:1.5rem;padding:.35rem 0;font-size:.9rem;display:flex}.gameover-row:last-child{border-bottom:none}.gameover-row.gameover-local{color:#0ff;font-weight:700}.gameover-btn{margin-top:.5rem}#virtual-joystick{z-index:80;pointer-events:auto;touch-action:none;background:#ffffff0a;border:2px solid #0ff3;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:fixed;bottom:40px;left:40px}.joystick-knob{background:radial-gradient(circle at 40% 35%,#00ffff80,#00ffff26);border:2px solid #0ff6;border-radius:50%;width:50px;height:50px;transition:transform 50ms linear;box-shadow:0 0 15px #0ff3}#mobile-polarity-btn{color:#0ff;z-index:80;pointer-events:auto;touch-action:none;cursor:pointer;background:radial-gradient(circle at 40% 35%,#0ff3,#00ffff0d);border:3px solid #00ffff59;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:2rem;transition:all .15s;display:flex;position:fixed;bottom:50px;right:40px;box-shadow:0 0 20px #00ffff26,inset 0 0 15px #00ffff0d}#mobile-polarity-btn:active{transform:scale(.9);box-shadow:0 0 35px #0ff6,inset 0 0 25px #00ffff26}#countdown-screen{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#03030899;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown-number{letter-spacing:8px;color:#0ff;text-shadow:0 0 40px #0ff9,0 0 80px #00ffff4d,0 0 120px #00ffff26;font-size:clamp(6rem,20vw,14rem);font-weight:900;animation:1s ease-in-out infinite countdown-pulse}@keyframes countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}#loader{z-index:90;color:#ffffff40;letter-spacing:1px;align-items:center;gap:.8rem;font-size:.8rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.loader-ring{border:2px solid #0ff3;border-top-color:#0ff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=767px){#hud{padding:.8rem}.hud-card{border-radius:10px;padding:.5rem .8rem}.hud-value{font-size:1.2rem}.hud-label{letter-spacing:2px;font-size:.55rem}#leaderboard{min-width:140px;padding:.5rem .7rem;top:4rem;right:.8rem}.lb-row{font-size:.7rem}.menu-controls{display:none}}.hit-marker{pointer-events:none;z-index:300;background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"25\" y1=\"25\" x2=\"40\" y2=\"40\" stroke=\"white\" stroke-width=\"8\" stroke-linecap=\"round\"/><line x1=\"75\" y1=\"25\" x2=\"60\" y2=\"40\" stroke=\"white\" stroke-width=\"8\" stroke-linecap=\"round\"/><line x1=\"25\" y1=\"75\" x2=\"40\" y2=\"60\" stroke=\"white\" stroke-width=\"8\" stroke-linecap=\"round\"/><line x1=\"75\" y1=\"75\" x2=\"60\" y2=\"60\" stroke=\"white\" stroke-width=\"8\" stroke-linecap=\"round\"/></svg>") 50% no-repeat;width:40px;height:40px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards hit-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hit-pop{0%{opacity:1;filter:drop-shadow(0 0 4px red);transform:translate(-50%,-50%)scale(.5)}50%{opacity:1;filter:drop-shadow(0 0 4px #fff);transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}.hit-text-container{pointer-events:none;z-index:300;position:absolute;inset:0}.hit-text{text-transform:uppercase;text-shadow:0 0 10px,0 0 20px,2px 2px #000;pointer-events:none;font-size:1.5rem;font-style:italic;font-weight:900;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards hit-text-float;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}@keyframes hit-text-float{0%{opacity:1;margin-top:0;transform:translate(-50%,-50%)scale(.5)}20%{transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;margin-top:-50px;transform:translate(-50%,-50%)scale(1)}}#damage-flash{z-index:200;pointer-events:none;background:radial-gradient(#0000 30%,#f056 70%,#f00c 100%);animation:.4s cubic-bezier(.1,.9,.2,1) forwards flash-fade;position:fixed;inset:0}.emp-flash{filter:invert()hue-rotate(180deg)saturate(2);transition:filter 50ms ease-out}.combo-meter{pointer-events:none;z-index:250;transform-origin:100%;flex-direction:column;align-items:flex-end;animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards combo-pump;display:flex;position:absolute;top:25%;right:3%}@keyframes combo-pump{0%{opacity:0;transform:scale(.8)translate(20px)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)translate(0)}}.combo-count{-webkit-text-stroke:1px #fff6;font-size:3.5rem;font-style:italic;font-weight:900;line-height:1}.combo-title{letter-spacing:3px;text-transform:uppercase;font-size:1.2rem;font-weight:800}.text-dodge{font-weight:800;color:#0ff!important;text-shadow:0 0 10px #0ffc,0 0 20px #0ff!important;font-style:normal!important}.dodge-container .hit-text{animation:.8s ease-out forwards dodge-float}@keyframes dodge-float{0%{opacity:1;margin-left:30px;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;margin-left:80px;transform:translate(-50%,-50%)scale(1.2)}}.text-gold{color:gold!important;text-shadow:0 0 15px #f40,0 0 30px #f40!important;font-size:2rem!important}