:root{--primary:#0fc;--secondary:#ff007f;--bg-dark:#07090e;--bg-card:#0d111ca6;--border:#00ffcc26;--text-main:#f3f4f6;--text-muted:#9ca3af;--shadow-glow:0 0 15px #00ffcc59}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Outfit,sans-serif;overflow:hidden}#canvas-container{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text-main);border-radius:16px;box-shadow:0 8px 32px #0000005e}.ui-overlay{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.interactive{pointer-events:auto}.hud-container{justify-content:space-between;align-items:flex-start;width:calc(100% - 40px);padding:20px;display:flex}.hud-group{flex-direction:column;gap:4px;display:flex}.score-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-size:.85rem;font-weight:600}.score-val{color:#fff;text-shadow:0 0 10px #fff3;font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:900}.multiplier-badge{background:linear-gradient(135deg, var(--secondary), #b5076b);color:#fff;border-radius:8px;margin-left:10px;padding:4px 10px;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:900;animation:1.5s infinite alternate pulse-glow;display:inline-block;box-shadow:0 0 10px #ff007f66}.speedometer{align-items:flex-end}.speed-val{color:var(--primary);text-shadow:var(--shadow-glow);font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:600}.combo-display{flex-direction:column;align-self:center;align-items:center;gap:5px;min-height:80px;margin-top:10px;display:flex}.trick-text{color:var(--primary);text-shadow:var(--shadow-glow);text-transform:uppercase;letter-spacing:.05em;font-size:1.5rem;font-weight:800;animation:.2s ease-out trick-pop}.combo-status{color:var(--text-muted);font-size:.95rem}.balance-bar-container{border:2px solid var(--primary);width:240px;height:24px;box-shadow:var(--shadow-glow);background:#0f172acc;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:120px;left:50%;overflow:visible;transform:translate(-50%)}.balance-marker{background:var(--secondary);width:12px;height:32px;box-shadow:0 0 8px var(--secondary);border-radius:4px;transition:left 50ms linear;position:absolute}.balance-center-zone{background:#00ffcc40;border-left:1px dashed #00ffcc80;border-right:1px dashed #00ffcc80;width:40px;height:100%}.menu-container{z-index:10;pointer-events:auto;background:radial-gradient(circle,#0d111c99 0%,#07090ee6 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.logo-container{text-align:center;margin-bottom:25px}.game-title{text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(to right, #fff, var(--primary));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #ffffff1a);-webkit-background-clip:text;margin:0;font-family:Orbitron,sans-serif;font-size:4.5rem;font-weight:900;line-height:1.1;transition:all .3s}.game-title span.mode-highlight{text-transform:uppercase;filter:drop-shadow(0 0 10px var(--mode-glow,var(--primary)));background:var(--mode-gradient,linear-gradient(to right, var(--primary), var(--secondary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:10px;font-weight:900}.game-subtitle{color:var(--text-muted);letter-spacing:.4em;text-transform:uppercase;margin-top:5px;font-size:.95rem}.menu-card{text-align:center;flex-direction:column;gap:20px;width:540px;max-width:90%;padding:30px;display:flex}.mode-selector{justify-content:center;gap:12px;margin:5px 0 10px;display:flex}.mode-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:15px 10px;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex}.mode-card:hover{background:#ffffff0d;border-color:#ffffff40;transform:translateY(-4px)}.mode-card.active{border-color:var(--active-color);background:var(--active-bg);box-shadow:0 0 15px var(--active-glow)}.mode-card-title{text-transform:uppercase;color:var(--text-muted);font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:800;transition:color .2s}.mode-card.active .mode-card-title{color:#fff}.mode-card-icon{transition:transform .2s}.mode-card.active .mode-card-icon{transform:scale(1.15)}.btn-primary{background:linear-gradient(135deg, var(--primary), #0c9);color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:10px;padding:14px 28px;font-size:1.15rem;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #00ffcc4d}.btn-primary:hover{background:linear-gradient(135deg, #3fd, var(--primary));transform:translateY(-2px);box-shadow:0 6px 20px #00ffcc80}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#ffffff0d;border-color:#fff6}.control-tips{color:var(--text-muted);font-size:.85rem;line-height:1.5}.leaderboard-overlay{z-index:10;pointer-events:auto;background:#07090ed9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.leaderboard-card{flex-direction:column;gap:20px;width:440px;padding:30px;display:flex}.leaderboard-title{color:var(--primary);text-align:center;text-shadow:var(--shadow-glow);margin:0;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.leaderboard-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:1rem;display:flex}.leaderboard-row.gold{background:#ffd70014;border-color:gold}.leaderboard-row.silver{background:#c0c0c014;border-color:silver}.leaderboard-row.bronze{background:#cd7f3214;border-color:#cd7f32}.rank{color:var(--primary);width:25px;font-weight:800}.player-name{flex-grow:1;margin-left:10px;font-weight:600}.player-score{font-family:Orbitron,sans-serif;font-weight:900}.gameover-score-submit{gap:10px;margin-top:10px;display:flex}.score-input{border:1px solid var(--border);color:#fff;background:#00000080;border-radius:8px;outline:none;flex-grow:1;padding:10px;font-family:inherit;font-size:1rem}.score-input:focus{border-color:var(--primary);box-shadow:0 0 8px #00ffcc40}.mobile-controls{box-sizing:border-box;z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-end;width:100%;padding:20px 30px;display:none;position:absolute;bottom:0;left:0}@media (width<=900px){.mobile-controls{display:flex}}.mobile-dpad{pointer-events:auto;gap:12px;display:flex}.mobile-actions{pointer-events:auto;gap:15px;display:flex}.btn-mobile-round{-webkit-backdrop-filter:blur(5px);color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff1f;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:background .1s,transform .1s;display:flex}.btn-mobile-round:active{border-color:var(--primary);background:#00ffcc59;transform:scale(.92)}.btn-mobile-round.secondary-btn:active{border-color:var(--secondary);background:#ff007f59}.btn-mobile-round svg{width:32px;height:32px}.sound-toggle-btn{cursor:pointer;color:var(--text-muted);pointer-events:auto;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.sound-toggle-btn:hover{color:#fff;background:#ffffff1a}@keyframes pulse-glow{0%{box-shadow:0 0 6px #ff007f4d}to{box-shadow:0 0 14px #ff007f99}}@keyframes trick-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.corner-decorations{z-index:5;pointer-events:none;box-sizing:border-box;border:4px solid #0000;width:100%;height:100%;transition:border-color .5s;position:absolute;top:0;left:0}.corner-decorations.grinding{border-color:var(--primary)}.corner-decorations.wipedout{animation:.4s ease-out flash-red}@keyframes flash-red{0%,to{background-color:#0000}50%{background-color:#ff007f40}}.speed-val.boosting{color:#fff;text-shadow:0 0 8px #0fc,0 0 16px #0fc,0 0 28px #0fc;animation:.12s infinite shake}.boost-badge{color:var(--secondary);text-shadow:0 0 8px var(--secondary);font-family:Orbitron,sans-serif;font-weight:900;animation:.4s infinite alternate pulse-glow}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-1.5px)rotate(-.5deg)}20%{transform:translate(-2px)rotate(.5deg)}30%{transform:translateY(1.5px)rotate(0)}40%{transform:translate(1px,-1px)rotate(.5deg)}50%{transform:translate(-1px,1.5px)rotate(-.5deg)}60%{transform:translate(-2px,1px)rotate(0)}70%{transform:translate(1.5px,1px)rotate(-.5deg)}80%{transform:translate(-1px,-1px)rotate(.5deg)}90%{transform:translate(1.5px,1.5px)rotate(0)}to{transform:translate(1px,-1.5px)rotate(-.5deg)}}.pause-stats-container{background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:12px;margin:10px 0;padding:20px;display:flex}.pause-stat-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.pause-stat-row:last-child{border-bottom:none;padding-bottom:0}.pause-stat-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.pause-stat-value{color:#fff;font-family:Orbitron,sans-serif;font-size:1.05rem;font-weight:800}