:root{--color-primary: #4a9eff;--color-secondary: #00ffaa;--color-danger: #ff4a4a;--color-warning: #ffaa00;--color-success: #00ff88;--color-bg-dark: #0a0a0a;--color-bg-medium: #1a1a1a;--color-bg-light: #2a2a2a;--color-text: #ffffff;--color-text-dim: #aaaaaa;--color-border: #333333;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius: 8px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--glow-primary: 0 0 20px rgba(74, 158, 255, .5);--glow-secondary: 0 0 20px rgba(0, 255, 170, .5);--glow-danger: 0 0 20px rgba(255, 74, 74, .5)}.reduce-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.high-contrast{--color-primary: #88ccff;--color-secondary: #44ffcc;--color-bg-dark: #000000;--color-bg-medium: #000000;--color-bg-light: #111111;--color-border: #ffffff}.colorblind-protanopia{filter:url(#protanopia-filter)}.colorblind-deuteranopia{filter:url(#deuteranopia-filter)}.colorblind-tritanopia{filter:url(#tritanopia-filter)}.reduce-flashing *{animation:none!important}.game-hud{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10;transition:opacity var(--transition-normal)}.help-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:200;display:flex;justify-content:center;align-items:center;background-color:#000000d9;backdrop-filter:blur(5px)}.game-hud.hidden{opacity:0;pointer-events:none}.hud-top-left,.hud-top-right,.hud-bottom-left,.hud-bottom-center{position:absolute;background:#000000b3;backdrop-filter:blur(10px);padding:var(--spacing-md);border-radius:var(--border-radius);border:2px solid var(--color-border);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.hud-top-left{top:50%;left:var(--spacing-lg);transform:translateY(-50%);align-items:flex-start}.hud-top-right{top:50%;right:var(--spacing-lg);transform:translateY(-50%);align-items:flex-end}.hud-bottom-left{bottom:var(--spacing-lg);left:var(--spacing-lg);align-items:flex-start}.hud-bottom-center{bottom:var(--spacing-xl);left:50%;transform:translate(-50%);align-items:center;background:transparent;border:none;box-shadow:none;backdrop-filter:none}.hud-speedometer,.hud-user,.hud-distance,.hud-score,.hud-combo,.hud-multiplier,.hud-lanes,.hud-health,.hud-speed-level,.hud-powerups,.hud-timer{position:relative;inset:auto;transform:none;background:none;backdrop-filter:none;padding:0;border:none;box-shadow:none;text-align:left}.hud-top-right .hud-score,.hud-top-right .hud-combo,.hud-top-right .hud-multiplier{text-align:right}.hud-bottom-center .hud-lanes,.hud-bottom-center .hud-speed-level{align-items:center}.user-name{font-size:18px;font-weight:700;margin-top:var(--spacing-xs);pointer-events:none}.hud-label{font-size:12px;color:var(--color-text-dim);font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-xs)}.hud-value{font-size:32px;font-weight:700;color:var(--color-primary);text-shadow:var(--glow-primary);font-family:Courier New,monospace}.hud-unit{font-size:14px;color:var(--color-text-dim);margin-top:var(--spacing-xs)}.hud-score{.hud-rotation{background:#000000b3;border:2px solid #44aaff;border-radius:var(--border-radius);padding:var(--spacing-md);margin-top:var(--spacing-sm);font-family:Courier New,monospace}.hud-rotation .hud-label{color:#4af;font-size:12px;font-weight:700;margin-bottom:var(--spacing-sm);text-align:center}.rotation-values{display:flex;flex-direction:column;gap:4px}.rotation-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.rotation-label{color:var(--color-text-dim);font-size:11px;min-width:70px}.rotation-value{color:#4af;font-size:13px;font-weight:700;min-width:50px;text-align:right;transition:color var(--transition-fast)}}.score-value{font-size:28px;font-weight:700;color:var(--color-secondary);text-shadow:var(--glow-secondary);font-family:Courier New,monospace}#game-combo-ui{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:15px;transition:opacity .3s ease}.combo-multiplier{font-family:Impact,Arial Black,sans-serif;font-size:36px;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.8);letter-spacing:2px;line-height:1;padding:8px 16px;background:#0009;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.15);border-radius:12px 12px 0 0;min-width:80px;text-align:center;transition:color .2s ease,text-shadow .2s ease,border-color .2s ease}.combo-pot{font-family:Segoe UI,Tahoma,sans-serif;font-size:14px;font-weight:700;color:#ffffffb3;letter-spacing:1px;padding:6px 16px 8px;background:#00000080;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 12px 12px;min-width:80px;text-align:center;transition:color .2s ease}.combo-multiplier.mult-low{color:#e0e0e0;text-shadow:0 0 10px rgba(255,255,255,.3),0 2px 4px rgba(0,0,0,.8);border-color:#ffffff26}.combo-multiplier.mult-med{color:#00e5ff;text-shadow:0 0 15px rgba(0,229,255,.6),0 0 30px rgba(0,229,255,.3),0 2px 4px rgba(0,0,0,.8);border-color:#00e5ff66}.combo-multiplier.mult-med+.combo-pot{color:#00e5ffcc;border-color:#00e5ff33}.combo-multiplier.mult-high{color:gold;text-shadow:0 0 15px rgba(255,215,0,.7),0 0 30px rgba(255,215,0,.4),0 2px 4px rgba(0,0,0,.8);border-color:#ffd70080;animation:combo-glow-gold 1s ease-in-out infinite}.combo-multiplier.mult-high+.combo-pot{color:#ffd700cc;border-color:#ffd7004d}.combo-multiplier.mult-insane{color:#ff3030;text-shadow:0 0 20px rgba(255,48,48,.8),0 0 40px rgba(255,48,48,.5),0 0 60px rgba(255,0,0,.3),0 2px 4px rgba(0,0,0,.8);border-color:#ff303099;animation:combo-glow-insane .4s ease-in-out infinite}.combo-multiplier.mult-insane+.combo-pot{color:#ff3030e6;border-color:#ff303066}.combo-multiplier.combo-hit{animation:combo-hit-pulse .25s ease-out}@keyframes combo-hit-pulse{0%{transform:scale(1.3)}50%{transform:scale(.95)}to{transform:scale(1)}}.combo-multiplier.mult-high.combo-hit{animation:combo-hit-pulse .25s ease-out,combo-glow-gold 1s ease-in-out infinite}.combo-multiplier.mult-insane.combo-hit{animation:combo-hit-pulse .25s ease-out,combo-glow-insane .4s ease-in-out infinite}@keyframes combo-glow-gold{0%,to{text-shadow:0 0 15px rgba(255,215,0,.7),0 0 30px rgba(255,215,0,.4),0 2px 4px rgba(0,0,0,.8);border-color:#ffd70080}50%{text-shadow:0 0 25px rgba(255,215,0,.9),0 0 50px rgba(255,215,0,.6),0 2px 4px rgba(0,0,0,.8);border-color:#ffd700cc}}@keyframes combo-glow-insane{0%,to{text-shadow:0 0 20px rgba(255,48,48,.8),0 0 40px rgba(255,48,48,.5),0 0 60px rgba(255,0,0,.3);border-color:#ff303099}50%{text-shadow:0 0 30px rgba(255,48,48,1),0 0 60px rgba(255,48,48,.7),0 0 80px rgba(255,0,0,.5);border-color:#ff3030e6}}#game-combo-ui.combo-finish .combo-multiplier,#game-combo-ui.combo-finish .combo-pot{animation:combo-cash-out 1s ease-out forwards}@keyframes combo-cash-out{0%{transform:scale(1.2);color:gold;text-shadow:0 0 40px rgba(255,215,0,1),0 0 80px rgba(255,215,0,.7);border-color:#ffd700cc}50%{transform:scale(1);color:gold}to{transform:scale(.8);opacity:0;border-color:transparent}}@media (max-width: 600px){#game-combo-ui{padding:8px}.combo-multiplier{font-size:28px;padding:6px 12px;min-width:60px}.combo-pot{font-size:11px;padding:4px 12px 6px;min-width:60px}}@media (max-height: 500px) and (orientation: landscape){#game-combo-ui{padding:5px}.combo-multiplier{font-size:24px;padding:4px 10px;min-width:50px}.combo-pot{font-size:10px;padding:3px 10px 5px;min-width:50px}}.hud-combo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;transition:transform var(--transition-fast);pointer-events:none}.combo-value{font-size:64px;font-weight:700;color:var(--color-text);text-shadow:0 0 30px rgba(255,255,255,.8);font-family:Impact,sans-serif;line-height:1}.combo-label{font-size:16px;color:var(--color-text-dim);font-weight:600;letter-spacing:2px;margin-top:var(--spacing-sm)}.hud-combo.combo-medium .combo-value{color:var(--color-secondary);text-shadow:var(--glow-secondary)}.hud-combo.combo-high .combo-value{color:var(--color-warning);text-shadow:0 0 30px rgba(255,170,0,.8);animation:pulse .5s ease-in-out infinite}.hud-combo.combo-mega .combo-value{color:var(--color-danger);text-shadow:0 0 40px rgba(255,74,74,1);animation:pulse-intense .3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-intense{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.15) rotate(2deg)}}.hud-multiplier{position:absolute;top:calc(50% + 60px);left:50%;transform:translate(-50%);text-align:center;pointer-events:none}.multiplier-value{font-size:24px;font-weight:700;color:var(--color-primary);text-shadow:var(--glow-primary);font-family:Courier New,monospace}.hud-lanes{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);pointer-events:none}.lane-indicator{width:40px;height:8px;background:#fff3;border-radius:4px;transition:all var(--transition-fast)}.lane-indicator.active{background:var(--color-primary);box-shadow:var(--glow-primary);transform:scaleY(2)}.hud-health{position:absolute;bottom:var(--spacing-lg);left:var(--spacing-lg);width:200px;pointer-events:none}.health-label{font-size:12px;color:var(--color-text-dim);font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-xs)}.health-bar-container{width:100%;height:20px;background:#000000b3;border:2px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.health-fill{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-primary));transition:width var(--transition-normal),background var(--transition-normal);box-shadow:0 0 10px #00ff8880}.health-fill.health-warning{background:linear-gradient(90deg,var(--color-warning),var(--color-danger));box-shadow:0 0 10px #ffaa0080}.health-fill.health-critical{background:var(--color-danger);box-shadow:0 0 10px #ff4a4acc;animation:pulse-danger .5s ease-in-out infinite}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.7}}.hud-speed-level{position:absolute;top:120px;right:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#000000b3;backdrop-filter:blur(10px);border:2px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md);pointer-events:none}.speed-level-label{font-size:12px;color:var(--color-text-dim);font-weight:600;letter-spacing:1px}.speed-level-indicators{display:flex;gap:var(--spacing-sm);align-items:center}.speed-level-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);transition:all var(--transition-fast)}.speed-level-dot.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--glow-primary);transform:scale(1.3)}.speed-level-text{font-size:14px;font-weight:700;text-align:center;transition:all var(--transition-fast);font-family:Courier New,monospace}.speed-level-text.speed-slow{color:var(--color-warning);text-shadow:0 0 10px rgba(255,170,0,.6)}.speed-level-text.speed-normal{color:var(--color-primary);.hud-powerups{position:absolute;bottom:calc(var(--spacing-lg) + 60px);left:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.powerup-indicator{background:#000c;backdrop-filter:blur(10px);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);min-width:180px;transition:all var(--transition-fast);pointer-events:none}.powerup-indicator.hidden{display:none}.powerup-icon{font-size:24px;filter:drop-shadow(0 0 8px rgba(255,255,255,.5));pointer-events:none}.powerup-name{font-size:12px;font-weight:700;color:var(--color-text);letter-spacing:1px;flex:1;pointer-events:none}.powerup-timer-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin-top:var(--spacing-xs);pointer-events:none}.powerup-timer-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:width .1s linear;pointer-events:none}.powerup-cancel-indicator{background:#fa03;border:2px solid var(--color-warning);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);pointer-events:none}.powerup-cancel-indicator.hidden{display:none}.powerup-cancel-indicator.cancelling{animation:pulse .5s ease-in-out infinite}.cancel-icon{font-size:20px;pointer-events:none}.cancel-text{font-size:12px;font-weight:700;color:var(--color-warning);letter-spacing:1px;pointer-events:none}text-shadow:var(--glow-primary)}.speed-level-text.speed-fast{color:var(--color-danger);text-shadow:0 0 10px rgba(255,68,68,.6)}.menu-system{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:200;pointer-events:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.menu-system.no-animations *{animation:none!important;transition:none!important}.menu-system.no-animations .menu{transition:opacity 0s!important}.menu-system.no-animations .menu-button{transition:none!important}.menu-system.no-animations .menu-button:hover{transform:none!important;box-shadow:none!important}.menu-system.no-animations .version-badge,.menu-system.no-animations .menu-button.pulse{animation:none!important}.menu{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;-webkit-overflow-scrolling:touch;touch-action:pan-y;opacity:0;transition:opacity var(--transition-normal)}.menu.visible{opacity:1}.menu.hidden{display:none}.menu-content{max-width:600px;width:90%;text-align:center;padding:0 var(--spacing-xl);padding-top:0;padding-bottom:0;background:linear-gradient(135deg,#0a0a0af2,#141414f2);border:2px solid var(--color-border);border-top:none;border-bottom:none;border-radius:0;box-shadow:var(--shadow-lg);max-height:100vh;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:center}.menu-header{position:relative;margin-bottom:var(--spacing-xl)}.menu-title{font-size:48px;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text);text-shadow:0 0 30px rgba(74,158,255,.8);letter-spacing:4px}.menu-subtitle{font-size:18px;color:var(--color-text-dim);margin-bottom:var(--spacing-md);letter-spacing:2px}.version-badge{display:inline-block;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text);font-size:12px;font-weight:700;padding:4px 12px;border-radius:12px;letter-spacing:1px;box-shadow:var(--glow-primary);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #4a9eff80}50%{box-shadow:0 0 20px #4a9effcc}}.menu-buttons{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.menu-button{padding:var(--spacing-md) var(--spacing-xl);font-size:18px;font-weight:700;color:var(--color-text);background:#ffffff1a;border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);letter-spacing:2px;text-transform:uppercase;pointer-events:auto}.menu-button:hover{background:#fff3;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.menu-button:active{transform:translateY(0)}.menu-button.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:var(--color-primary);box-shadow:var(--glow-primary)}.menu-button.primary:hover{box-shadow:0 0 30px #4a9effcc;transform:translateY(-2px) scale(1.02)}.menu-button.pulse{animation:button-pulse 2s ease-in-out infinite}@keyframes button-pulse{0%,to{box-shadow:0 0 20px #4a9eff80}50%{box-shadow:0 0 30px #4a9effcc}}.menu-footer{margin-top:var(--spacing-xl);font-size:14px;color:var(--color-text-dim)}.mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.mode-card{background:#ffffff0d;border:2px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-fast);text-align:center;pointer-events:auto}.mode-card:hover,.mode-card.hover{background:#ffffff1a;border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--glow-primary)}.mode-icon{font-size:48px;margin-bottom:var(--spacing-md);filter:drop-shadow(0 0 10px rgba(74,158,255,.5))}.mode-card h3{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:2px}.mode-card p{font-size:14px;color:var(--color-text-dim);margin-bottom:var(--spacing-xs)}.mode-description{font-size:13px;color:var(--color-text-dim);line-height:1.4;margin-top:var(--spacing-md);opacity:.8}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-xl);text-align:left;margin:var(--spacing-xl) 0}.settings-section h3{font-size:20px;color:var(--color-primary);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-sm)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--border-radius);margin-bottom:var(--spacing-sm)}.setting-item label{font-size:16px;color:var(--color-text);flex:1;text-align:left}.setting-item input[type=range]{width:150px;margin:0 var(--spacing-md);pointer-events:auto}.setting-item select{padding:var(--spacing-sm) var(--spacing-md);background:#00000080;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:14px;pointer-events:auto}body.mobile-device .setting-item select{max-width:150px;text-overflow:ellipsis}.setting-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;pointer-events:auto}.setting-value{min-width:50px;text-align:right;color:var(--color-primary);font-weight:700}.upgrade-categories{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin:var(--spacing-xl) 0;text-align:left}.upgrade-category h3{font-size:20px;color:var(--color-secondary);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-sm)}.upgrade-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.upgrade-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#ffffff0d;border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);pointer-events:auto}.upgrade-item:hover{background:#ffffff1a;border-color:var(--color-primary);transform:translate(4px)}.upgrade-item.locked{opacity:.5;cursor:not-allowed}.upgrade-item.locked:hover{transform:none;border-color:var(--color-border)}.upgrade-name{font-size:16px;color:var(--color-text);font-weight:600}.upgrade-status{font-size:14px;color:var(--color-text-dim);font-weight:700;text-transform:uppercase}.tutorial-system{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:10000;pointer-events:none;transition:opacity var(--transition-normal)}.tutorial-system.hidden{opacity:0}.tutorial-tooltip{position:absolute;max-width:400px;background:#000000e6;backdrop-filter:blur(20px);border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-lg),var(--glow-primary);pointer-events:auto;opacity:0;transform:translateY(20px);transition:all var(--transition-normal)}.tutorial-tooltip.visible{opacity:1;transform:translateY(0)}.tutorial-tooltip.position-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-tooltip.position-center.visible{transform:translate(-50%,-50%)}.tutorial-tooltip.position-top{top:var(--spacing-xl);left:50%;transform:translate(-50%)}.tutorial-tooltip.position-bottom{bottom:var(--spacing-xl);left:50%;transform:translate(-50%)}.tutorial-tooltip.position-left{left:var(--spacing-xl);top:50%;transform:translateY(-50%)}.tutorial-tooltip.position-right{right:var(--spacing-xl);top:50%;transform:translateY(-50%)}.tutorial-title{font-size:24px;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md)}.tutorial-message{font-size:16px;color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-lg)}.tutorial-button{width:100%;padding:var(--spacing-md);font-size:16px;font-weight:700;color:var(--color-text);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-sm);pointer-events:auto}.tutorial-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #4a9eff99}.tutorial-skip{width:100%;padding:var(--spacing-sm);font-size:14px;color:var(--color-text-dim);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);pointer-events:auto}.tutorial-skip:hover{color:var(--color-text);border-color:var(--color-text)}.fail-state-vignette{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:150;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-normal)}.fail-state-vignette.hidden{opacity:0;pointer-events:none}.fail-state-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 0%,rgba(0,0,0,.95) 100%);backdrop-filter:blur(10px)}.fail-state-content{position:relative;opacity:0;transform:scale(.9);transition:all var(--transition-slow)}.fail-state-content.visible{opacity:1;transform:scale(1)}.fail-state-card{background:#0a0a0af2;border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-xl);max-width:600px;width:90vw;box-shadow:var(--shadow-lg),var(--glow-primary)}.fail-state-title{font-size:48px;font-weight:700;color:var(--color-primary);text-shadow:var(--glow-primary);text-align:center;margin-bottom:var(--spacing-xl);letter-spacing:4px}.fail-state-stats{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--border-radius);transition:background var(--transition-fast)}.stat-row:hover{background:#ffffff14}.stat-row.primary{background:linear-gradient(135deg,#4a9eff33,#0fa3);border:2px solid var(--color-primary);padding:var(--spacing-lg)}.stat-row.highlight{border-left:4px solid var(--color-secondary)}.stat-label{font-size:16px;color:var(--color-text-dim);font-weight:600}.stat-row.primary .stat-label{font-size:20px;color:var(--color-text);letter-spacing:2px;text-transform:uppercase}.stat-value{font-size:20px;font-weight:700;color:var(--color-text);font-family:Courier New,monospace}.stat-row.primary .stat-value{font-size:36px;color:var(--color-secondary);text-shadow:var(--glow-secondary)}.stat-divider{height:2px;background:var(--color-border);margin:var(--spacing-md) 0}.fail-state-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.fail-button{flex:1;padding:var(--spacing-md) var(--spacing-xl);font-size:18px;font-weight:700;color:var(--color-text);background:#ffffff1a;border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:2px;pointer-events:auto}.fail-button:hover{background:#fff3;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.fail-button.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:var(--color-primary);box-shadow:var(--glow-primary)}.fail-button.primary:hover{box-shadow:0 0 30px #4a9effcc}.fail-state-tip{background:#00ffaa1a;border:1px solid var(--color-secondary);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:left}.tip-label{font-size:12px;color:var(--color-secondary);font-weight:700;letter-spacing:1px;margin-bottom:var(--spacing-xs)}.tip-text{font-size:14px;color:var(--color-text);line-height:1.6}.modal-overlay{position:fixed;inset:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(10px)}.modal-content{position:relative;background:#14141efa;padding:30px;border-radius:12px;border:2px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid rgba(255,255,255,.1)}.modal-title{font-size:28px;font-weight:700;color:var(--color-text);margin:0}.close-button{background:transparent;border:2px solid rgba(255,255,255,.3);color:var(--color-text);width:36px;height:36px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);pointer-events:auto}.close-button:hover{background:#ffffff1a;border-color:var(--color-primary);transform:scale(1.1)}.modal-body{margin-bottom:var(--spacing-lg)}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid rgba(255,255,255,.1)}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-text);border:none;border-radius:var(--border-radius);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);pointer-events:auto}.btn-primary:hover{box-shadow:var(--glow-primary);transform:translateY(-2px)}.btn-secondary{padding:12px 24px;background:#ffffff1a;color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--border-radius);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);pointer-events:auto}.btn-secondary:hover{background:#fff3;border-color:var(--color-primary);transform:translateY(-2px)}.profile-modal{max-width:600px;width:90%;margin:auto;position:relative;inset:auto;transform:none}.profile-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.profile-picture-large{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.3);flex-shrink:0}.profile-picture-large img{width:100%;height:100%;object-fit:cover}.profile-pic-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-size:48px}.profile-info h3{font-size:24px;margin:0 0 var(--spacing-sm) 0}.profile-full-name{color:var(--color-text-dim);font-size:16px;margin:0}.profile-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-section h4{color:var(--color-primary);font-size:18px;margin:0 0 var(--spacing-md) 0}.profile-field{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.1)}.field-label{color:var(--color-text-dim);font-size:14px}.field-value{color:var(--color-text);font-size:14px;font-weight:600}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.stat-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center}.stat-card.highlight{border-color:var(--color-primary);background:#4a9eff1a}.stat-card .stat-value{font-size:24px;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-card .stat-label{font-size:12px;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px}.error-message{color:var(--color-danger);background:#ff4a4a1a;border:1px solid var(--color-danger);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center}.scoreboard-modal{max-width:95vw;width:1200px}.filters-toggle-btn{width:100%;padding:12px 20px;background:#4a9eff1a;border:2px solid var(--color-primary);border-radius:var(--border-radius);color:var(--color-text);font-size:16px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);transition:all var(--transition-fast);pointer-events:auto}.filters-toggle-btn:hover{background:#4a9eff33;transform:translateY(-2px);box-shadow:var(--shadow-md)}.filters-toggle-btn .arrow-icon{font-size:12px;transition:transform var(--transition-fast)}.scoreboard-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);max-height:500px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;opacity:1}.scoreboard-filters.collapsed{max-height:0;padding:0 var(--spacing-md);opacity:0;margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:12px;color:var(--color-text-dim);font-weight:600;text-transform:uppercase;letter-spacing:1px}.filter-group input,.filter-group select{padding:10px;background:#00000080;border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:14px;transition:border-color var(--transition-fast);pointer-events:auto}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a9eff1a}.mode-selector{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.filter-btn{padding:8px 16px;background:#ffffff1a;border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);pointer-events:auto}.filter-btn:hover{background:#ffffff26;border-color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text);box-shadow:var(--glow-primary)}.clear-btn{grid-column:1 / -1;background:#ff4a4a33;border-color:var(--color-danger)}.clear-btn:hover{background:#ff4a4a4d;border-color:var(--color-danger)}.scoreboard-content{margin-bottom:var(--spacing-lg)}.scoreboard-table-wrapper{width:100%;overflow-x:auto;overflow-y:visible;border:2px solid var(--color-border);border-radius:var(--border-radius);background:#0000004d;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-primary) rgba(255,255,255,.1)}.scoreboard-table-wrapper::-webkit-scrollbar{height:8px}.scoreboard-table-wrapper::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.scoreboard-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.scoreboard-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.scoreboard-table{width:100%;border-collapse:collapse;min-width:600px}.scoreboard-table thead{background:#4a9eff1a;position:sticky;top:0;z-index:10}.scoreboard-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid var(--color-primary);white-space:nowrap}.scoreboard-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;color:var(--color-text)}.scoreboard-table tbody tr{transition:background var(--transition-fast)}.scoreboard-table tbody tr:hover{background:#ffffff0d}.scoreboard-table th.fixed-col,.scoreboard-table td.fixed-col{position:sticky;background:#14141efa;z-index:5}.scoreboard-table th.fixed-col{z-index:15;background:#4a9eff26}.scoreboard-table th.fixed-col:nth-child(1),.scoreboard-table td.fixed-col:nth-child(1){left:0;min-width:60px}.scoreboard-table th.fixed-col:nth-child(2),.scoreboard-table td.fixed-col:nth-child(2){left:60px;min-width:150px}.scoreboard-table th.fixed-col:nth-child(3),.scoreboard-table td.fixed-col:nth-child(3){left:210px;min-width:100px}.scoreboard-table th.fixed-col:nth-child(3):after,.scoreboard-table td.fixed-col:nth-child(3):after{content:"";position:absolute;top:0;right:-10px;bottom:0;width:10px;background:linear-gradient(to right,rgba(0,0,0,.2),transparent);pointer-events:none}.scoreboard-table tbody tr:hover td.fixed-col{background:#4a9eff14}.rank-cell{font-weight:700;text-align:center}.rank-medal{font-size:20px}.rank-1 .rank-cell{color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.rank-2 .rank-cell{color:silver;text-shadow:0 0 10px rgba(192,192,192,.5)}.rank-3 .rank-cell{color:#cd7f32;text-shadow:0 0 10px rgba(205,127,50,.5)}.player-cell{min-width:150px}.player-info{display:flex;align-items:center;gap:var(--spacing-sm)}.player-pic{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border)}.player-pic-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:16px;border:2px solid var(--color-border)}.player-name{font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.player-name:hover{text-decoration:underline;transform:translate(2px)}.score-cell{font-family:Courier New,monospace;font-weight:700;color:var(--color-secondary);text-shadow:0 0 10px rgba(0,255,170,.3)}.mode-badge{display:inline-block;padding:4px 8px;background:#4a9eff33;border:1px solid var(--color-primary);border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.loading-cell,.empty-cell,.error-cell{text-align:center;padding:var(--spacing-xl);color:var(--color-text-dim);font-style:italic}.error-cell{color:var(--color-danger)}.live-indicator{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-success);font-size:14px;font-weight:600}.pulse-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}.new-score-animation{animation:highlight-row 2s ease-out}@keyframes highlight-row{0%{background:#00ffaa4d}to{background:transparent}}@media (max-width: 768px){.menu-title{font-size:36px}.fail-state-title{font-size:32px}.stat-row.primary .stat-value{font-size:28px}.hud-value{font-size:24px}.combo-value{font-size:48px}.fail-state-actions{flex-direction:column}.scoreboard-modal{max-width:100vw;max-height:95vh;margin:0;border-radius:0}.scoreboard-filters{grid-template-columns:1fr}.mode-selector{flex-direction:column}.filter-btn{width:100%}.scoreboard-table th.fixed-col:nth-child(1),.scoreboard-table td.fixed-col:nth-child(1){min-width:50px}.scoreboard-table th.fixed-col:nth-child(2),.scoreboard-table td.fixed-col:nth-child(2){left:50px;min-width:120px}.scoreboard-table th.fixed-col:nth-child(3),.scoreboard-table td.fixed-col:nth-child(3){left:170px;min-width:80px}.player-pic,.player-pic-placeholder{width:28px;height:28px;font-size:14px}.scoreboard-table th,.scoreboard-table td{padding:10px 12px;font-size:13px}.rank-medal{font-size:18px}}@media (max-width: 480px){.tutorial-tooltip{max-width:90vw}.hud-speedometer,.hud-distance,.hud-score{padding:var(--spacing-sm)}.hud-value{font-size:20px}.scoreboard-table th.fixed-col:nth-child(1),.scoreboard-table td.fixed-col:nth-child(1){min-width:40px}.scoreboard-table th.fixed-col:nth-child(2),.scoreboard-table td.fixed-col:nth-child(2){left:40px;min-width:100px}.scoreboard-table th.fixed-col:nth-child(3),.scoreboard-table td.fixed-col:nth-child(3){left:140px;min-width:70px}.player-info{gap:6px}.player-pic,.player-pic-placeholder{width:24px;height:24px;font-size:12px}.scoreboard-table th,.scoreboard-table td{padding:8px 10px;font-size:12px}.rank-medal{font-size:16px}.filters-toggle-btn{padding:10px 16px;font-size:14px}}.level-completion-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;align-items:center;justify-content:center}.level-completion-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(10px)}.level-completion-modal .modal-content{position:relative;background:linear-gradient(135deg,#0f3460f2,#0a1e3cf2);backdrop-filter:blur(20px);border:2px solid rgba(0,212,255,.3);border-radius:16px;padding:40px;max-width:600px;width:90%;box-shadow:0 20px 60px #000000b3,0 0 40px #00d4ff33;transform:scale(.9);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.level-completion-modal.visible .modal-content{transform:scale(1);opacity:1}.completion-title{color:#00d4ff;text-align:center;font-size:36px;font-weight:700;margin-bottom:32px;text-shadow:0 0 20px rgba(0,212,255,.6),0 2px 10px rgba(0,0,0,.5);letter-spacing:2px;animation:title-glow 2s ease-in-out infinite}@keyframes title-glow{0%,to{text-shadow:0 0 20px rgba(0,212,255,.6),0 2px 10px rgba(0,0,0,.5)}50%{text-shadow:0 0 30px rgba(0,212,255,.8),0 2px 10px rgba(0,0,0,.5)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:32px}.level-completion-modal .stat-card{background:#0006;backdrop-filter:blur(10px);border:2px solid rgba(0,212,255,.2);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.level-completion-modal .stat-card:hover{border-color:#00d4ff80;transform:translateY(-4px);box-shadow:0 8px 24px #00d4ff33}.level-completion-modal .stat-label{color:#7eb8d9;font-size:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.level-completion-modal .stat-value{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(0,212,255,.4)}.stat-badge{font-size:11px;color:transparent;min-height:18px;font-weight:600}.stat-badge.achieved{color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.5);animation:badge-bounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes badge-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.objectives-section{margin-bottom:32px}.objectives-section h3{color:#00d4ff;font-size:20px;margin-bottom:16px;font-weight:600;letter-spacing:1px}.objectives-list{display:flex;flex-direction:column;gap:12px}.objective-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:8px;border:1px solid rgba(0,212,255,.1);transition:all .3s ease}.objective-item.completed{border-color:#0f86;background:#00ff880d}.objective-icon{font-size:20px;min-width:24px;text-align:center}.objective-text{flex:1;color:#ccc;font-size:14px}.objective-item.completed .objective-text{color:#0f8}.unlock-notification{display:none;align-items:center;gap:16px;background:linear-gradient(90deg,rgba(0,212,255,.15),transparent);backdrop-filter:blur(10px);border:2px solid #00d4ff;border-radius:12px;padding:20px;margin-bottom:32px;animation:slide-in-up .6s cubic-bezier(.34,1.56,.64,1)}.unlock-notification.visible{display:flex}@keyframes slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.unlock-icon{font-size:36px;filter:drop-shadow(0 0 10px rgba(0,212,255,.6));animation:unlock-rotate .8s ease-out}@keyframes unlock-rotate{0%{transform:rotate(-180deg) scale(0)}to{transform:rotate(0) scale(1)}}.unlock-text{flex:1}.unlock-title{color:#00d4ff;font-weight:700;font-size:18px;margin-bottom:4px;text-shadow:0 0 10px rgba(0,212,255,.5)}.unlock-level{color:#fff;font-size:15px;font-weight:500}.modal-actions{display:flex;gap:16px;justify-content:center}.level-completion-modal .btn{padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;pointer-events:auto;min-width:140px}.level-completion-modal .btn-secondary{background:#00000080;color:#fff;border:2px solid rgba(0,212,255,.3);backdrop-filter:blur(10px)}.level-completion-modal .btn-secondary:hover{background:#000000b3;border-color:#00d4ff99;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.level-completion-modal .btn-primary{background:linear-gradient(135deg,#00d4ff,#08f);color:#000;border:2px solid #00d4ff;box-shadow:0 0 20px #00d4ff66}.level-completion-modal .btn-primary:hover{background:linear-gradient(135deg,#00e4ff,#09f);transform:translateY(-3px);box-shadow:0 6px 24px #00d4ff99}.game-completion-screen{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1e3cfa,#050f1efa);backdrop-filter:blur(20px)}.game-completion-screen.visible{display:flex;animation:fade-in .6s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.completion-content{text-align:center;max-width:800px;width:90%;padding:60px 40px;background:linear-gradient(135deg,#0f3460e6,#0a1e3ce6);backdrop-filter:blur(30px);border:3px solid rgba(0,212,255,.4);border-radius:24px;box-shadow:0 30px 80px #000c,0 0 60px #00d4ff4d;animation:celebration-entrance 1s cubic-bezier(.34,1.56,.64,1)}@keyframes celebration-entrance{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.completion-celebration{font-size:120px;margin-bottom:20px;animation:celebration-bounce 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0,212,255,.8))}@keyframes celebration-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.completion-main-title{font-size:48px;font-weight:700;color:#00d4ff;margin-bottom:16px;text-shadow:0 0 30px rgba(0,212,255,.8),0 4px 12px rgba(0,0,0,.6);letter-spacing:3px;animation:title-pulse 2s ease-in-out infinite}@keyframes title-pulse{0%,to{transform:scale(1);text-shadow:0 0 30px rgba(0,212,255,.8),0 4px 12px rgba(0,0,0,.6)}50%{transform:scale(1.05);text-shadow:0 0 40px rgba(0,212,255,1),0 4px 12px rgba(0,0,0,.6)}}.completion-subtitle{font-size:20px;color:#7eb8d9;margin-bottom:48px;letter-spacing:2px;font-weight:500}.total-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:48px}.total-stat-card{background:#00000080;backdrop-filter:blur(15px);border:2px solid rgba(0,212,255,.3);border-radius:16px;padding:28px 20px;transition:all .4s ease;animation:stat-card-appear .8s ease-out backwards}.total-stat-card:nth-child(1){animation-delay:.1s}.total-stat-card:nth-child(2){animation-delay:.2s}.total-stat-card:nth-child(3){animation-delay:.3s}.total-stat-card:nth-child(4){animation-delay:.4s}@keyframes stat-card-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.total-stat-card:hover{border-color:#00d4ff99;transform:translateY(-8px);box-shadow:0 12px 32px #00d4ff4d}.total-stat-icon{font-size:40px;margin-bottom:12px;filter:drop-shadow(0 0 12px rgba(0,212,255,.5))}.total-stat-label{color:#7eb8d9;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-weight:600}.total-stat-value{color:#fff;font-size:36px;font-weight:700;font-family:Courier New,monospace;text-shadow:0 0 15px rgba(0,212,255,.5)}.completion-message{background:linear-gradient(90deg,rgba(0,212,255,.1),transparent);border:2px solid rgba(0,212,255,.3);border-radius:12px;padding:24px;margin-bottom:40px;animation:message-slide .8s ease-out}@keyframes message-slide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.completion-message p{color:#ccc;font-size:16px;line-height:1.8;margin:8px 0}.completion-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.game-completion-screen .btn{padding:16px 40px;border:none;border-radius:10px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;pointer-events:auto;min-width:180px}.game-completion-screen .btn-primary{background:linear-gradient(135deg,#00d4ff,#08f);color:#000;border:2px solid #00d4ff;box-shadow:0 0 25px #00d4ff80}.game-completion-screen .btn-primary:hover{background:linear-gradient(135deg,#00e4ff,#09f);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 32px #00d4ffb3}.game-completion-screen .btn-secondary{background:#0009;color:#fff;border:2px solid rgba(0,212,255,.4);backdrop-filter:blur(10px)}.game-completion-screen .btn-secondary:hover{background:#000c;border-color:#00d4ffb3;transform:translateY(-3px);box-shadow:0 6px 20px #0006}@media (max-width: 768px){.level-completion-modal .modal-content{padding:32px 24px;max-width:95%}.completion-title{font-size:28px;margin-bottom:24px}.stats-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.level-completion-modal .stat-value{font-size:24px}.modal-actions{flex-direction:column;gap:12px}.level-completion-modal .btn{width:100%;min-width:auto}.unlock-notification{padding:16px;gap:12px}.unlock-icon{font-size:28px}.unlock-title{font-size:16px}.completion-content{padding:40px 24px;max-width:95%}.completion-celebration{font-size:80px}.completion-main-title{font-size:32px;margin-bottom:12px}.completion-subtitle{font-size:16px;margin-bottom:32px}.total-stats{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.total-stat-value{font-size:28px}.completion-message{padding:20px;margin-bottom:32px}.completion-message p{font-size:14px}.completion-actions{flex-direction:column;gap:12px}.game-completion-screen .btn{width:100%;min-width:auto;padding:14px 32px;font-size:16px}}@media (max-width: 480px){.level-completion-modal .modal-content{padding:24px 16px}.completion-title{font-size:24px;margin-bottom:20px}.level-completion-modal .stat-value{font-size:20px}.level-completion-modal .stat-label{font-size:11px}.objectives-section h3{font-size:18px;margin-bottom:12px}.objective-item{padding:10px;gap:10px}.objective-text{font-size:13px}.completion-content{padding:32px 16px}.completion-celebration{font-size:64px;margin-bottom:16px}.completion-main-title{font-size:26px;letter-spacing:2px}.completion-subtitle{font-size:14px;margin-bottom:24px}.total-stat-card{padding:20px 16px}.total-stat-icon{font-size:32px;margin-bottom:8px}.total-stat-label{font-size:11px}.total-stat-value{font-size:24px}.completion-message{padding:16px}.completion-message p{font-size:13px;line-height:1.6}.game-completion-screen .btn{padding:12px 24px;font-size:14px;letter-spacing:1px}}.team-link-btn{background:none;border:none;color:var(--color-primary);font-weight:700;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit;font-family:inherit;transition:color var(--transition-fast)}.team-link-btn:hover{color:var(--color-secondary);text-shadow:0 0 8px rgba(0,255,170,.4)}.settings-content{max-width:800px!important;padding-top:20px}.settings-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:center}.settings-tabs{display:flex;gap:var(--spacing-sm);background:#0000004d;padding:4px;border-radius:var(--border-radius);border:1px solid var(--color-border)}.tab-button{background:transparent;border:none;color:var(--color-text-dim);padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700;font-size:14px;transition:all var(--transition-fast);letter-spacing:1px}.tab-button:hover{color:var(--color-text);background:#ffffff1a}.tab-button.active{color:var(--color-bg-dark);background:var(--color-primary);box-shadow:var(--shadow-sm)}.settings-body{background:#0003;border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--color-border);min-height:300px}.settings-tab-content{display:none;flex-direction:column;gap:var(--spacing-md);animation:fadeIn .3s ease}.settings-tab-content.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.slider-container{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.slider-container input[type=range]{flex:1}.setting-value{min-width:48px;text-align:right;font-family:monospace;font-weight:700;color:var(--color-primary)}.menu-button.small{padding:8px 16px;font-size:14px;width:auto;align-self:flex-start}.settings-footer{margin-top:var(--spacing-lg)!important;flex-direction:row!important;justify-content:center}.game-btn{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:800;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:15px 25px;font-size:18px;color:#fff;backdrop-filter:blur(5px);background:#0009;transition:all .2s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.8);cursor:pointer;pointer-events:auto;text-transform:uppercase;letter-spacing:1px;position:absolute;display:flex;justify-content:center;align-items:center}.game-btn:hover{transform:scale(1.05);backdrop-filter:blur(8px)}.game-btn:active{transform:scale(.95)}.game-btn-blue{border-color:var(--color-primary);box-shadow:0 0 15px #4a9eff33,inset 0 0 10px #4a9eff1a;background:linear-gradient(135deg,#4a9eff33,#000c)}.game-btn-blue:hover{box-shadow:0 0 25px #4a9eff66,inset 0 0 15px #4a9eff33;border-color:#7abaff}.game-btn-yellow{border-color:var(--color-warning);box-shadow:0 0 15px #fa03,inset 0 0 10px #ffaa001a;background:linear-gradient(135deg,#fa03,#000c);color:#fff}.game-btn-yellow:hover{box-shadow:0 0 25px #fa06,inset 0 0 15px #fa03;border-color:#ffcc4d}.game-btn-red{border-color:var(--color-danger);box-shadow:0 0 15px #ff4a4a33,inset 0 0 10px #ff4a4a1a;background:linear-gradient(135deg,#ff4a4a33,#000c)}.game-btn-red:hover{box-shadow:0 0 25px #ff4a4a66,inset 0 0 15px #ff4a4a33;border-color:#ff7d7d}.game-btn-green{border-color:var(--color-success);box-shadow:0 0 20px #00ffaa4d,inset 0 0 15px #00ffaa1a;background:linear-gradient(135deg,#0fa3,#000c);border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:20px}.game-btn-green:hover{box-shadow:0 0 30px #00ffaa80,inset 0 0 20px #0fa3;transform:scale(1.05) rotate(5deg);border-color:#66ffb3}.help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0ff2;backdrop-filter:blur(20px);z-index:15000;display:none;flex-direction:column;padding:40px;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;animation:fadeIn .3s ease}.help-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:20px}.help-header h1{font-size:36px;margin:0;color:#fff;text-shadow:0 0 20px rgba(74,158,255,.5);letter-spacing:2px}.help-btn-container{display:flex;gap:15px}.help-btn{padding:10px 24px;border-radius:8px;font-weight:700;cursor:pointer;border:2px solid transparent;transition:all .2s ease;font-size:14px;text-transform:uppercase;letter-spacing:1px}.help-btn-resume{background:#ffffff1a;color:#fff;border-color:#fff3}.help-btn-resume:hover{background:#0fa3;border-color:#0fa;box-shadow:0 0 15px #00ffaa4d}.help-btn-quit{background:#ff4a4a1a;color:#ff4a4a;border-color:#ff4a4a33}.help-btn-quit:hover{background:#ff4a4a33;border-color:#ff4a4a;box-shadow:0 0 15px #ff4a4a4d}.help-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.help-tab-btn{background:transparent;border:none;color:#888;padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s}.help-tab-btn:hover{color:#fff}.help-tab-btn.active{color:#fff;border-bottom-color:var(--color-primary);text-shadow:0 0 10px rgba(74,158,255,.5)}.help-content{flex:1;overflow-y:auto;padding-right:10px}.help-content::-webkit-scrollbar{width:8px}.help-content::-webkit-scrollbar-track{background:#ffffff0d}.help-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.help-content::-webkit-scrollbar-thumb:hover{background:#fff6}.help-section h2{font-size:24px;margin-bottom:20px;color:#ccc}.help-section ul{list-style:none;padding:0}.help-section li{background:#ffffff0d;margin-bottom:10px;padding:15px;border-radius:8px;display:flex;align-items:center;gap:15px}.help-section li strong{color:var(--color-primary);min-width:80px}.controls-type-selector{display:flex;gap:10px;margin-bottom:20px}.controls-type-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ccc;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px}.controls-type-btn:hover{background:#ffffff26}.controls-type-btn.active{background:var(--color-primary);color:var(--color-bg-dark);border-color:var(--color-primary);font-weight:700}.controls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.control-card{background:#ffffff0d;padding:15px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.control-card strong{display:block;color:var(--color-secondary);font-size:14px;margin-bottom:5px;text-transform:uppercase}.control-card p{margin:5px 0 0;font-size:14px;color:#ddd}.obs-group{margin-bottom:25px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.obs-header{padding:15px 20px;font-weight:700;font-size:18px;display:flex;align-items:center;gap:10px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.05)}.obs-list{padding:10px 20px}.obs-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.obs-item:last-child{border-bottom:none}.hidden-ui{display:none!important}.obs-info{flex:1}.obs-name{display:block;font-weight:700;color:#fff;font-size:15px;margin-bottom:4px}.obs-desc{display:block;color:#888;font-size:13px}.obs-pts{font-family:monospace;font-weight:700;background:#ffffff1a;padding:4px 8px;border-radius:4px;font-size:12px;margin-left:15px;color:#ccc}.obs-group.damage .obs-header{color:#f44;border-left:4px solid #ff4444}.obs-group.hazards .obs-header{color:#fd0;border-left:4px solid #ffdd00}.obs-group.assets .obs-header{color:#4af;border-left:4px solid #44aaff}@keyframes pulse-highlight{0%{box-shadow:0 0 #ffd700b3;border-color:gold}70%{box-shadow:0 0 0 15px #ffd70000;border-color:#fff}to{box-shadow:0 0 #ffd70000;border-color:gold}}.pulsing-highlight{animation:pulse-highlight 1.5s infinite!important;z-index:20005!important;border:2px solid #ffd700!important}.pulsing-highlight-bar{animation:pulse-highlight 1.5s infinite!important;border-color:gold!important;background-color:#ffd7004d!important;z-index:20005!important}@keyframes hand-swipe-left{0%{transform:translate(50px);opacity:0}20%{opacity:1}80%{transform:translate(-50px);opacity:1}to{transform:translate(-80px);opacity:0}}@keyframes hand-swipe-right{0%{transform:translate(-50px);opacity:0}20%{opacity:1}80%{transform:translate(50px);opacity:1}to{transform:translate(80px);opacity:0}}@keyframes hand-move{0%{transform:translate(0);opacity:0}20%{opacity:1}25%{transform:translate(30px)}50%{transform:translateY(30px)}75%{transform:translate(-30px)}to{transform:translate(0);opacity:0}}@keyframes hand-tap{0%{transform:scale(1);opacity:0}40%{opacity:1;transform:scale(.9)}60%{transform:scale(.9)}to{transform:scale(1);opacity:0}}.tutorial-hand{position:absolute;width:64px;height:64px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" stroke="black" stroke-width="1"><path d="M9 11.24V7.5C9 6.12 10.12 5 11.5 5S14 6.12 14 7.5v3.74c1.21-.81 2-2.18 2-3.74C16 5.01 13.99 3 11.5 3S7 5.01 7 7.5c0 1.56.79 2.93 2 3.74zm9.84 4.63l-4.54-2.26c-.17-.07-.35-.11-.54-.11H13v-6c0-.83-.67-1.5-1.5-1.5S10 6.67 10 7.5v10.74l-3.43-.72c-.08-.01-.15-.02-.24-.02-.31 0-.59.13-.79.33l-.79.8 4.94 4.94c.27.27.65.44 1.06.44h6.79c.75 0 1.33-.55 1.44-1.28l.75-5.27c.01-.07.02-.14.02-.2 0-.62-.38-1.16-.91-1.38z"/></svg>');background-size:contain;background-repeat:no-repeat;pointer-events:none;z-index:20006;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.anim-swipe-left{animation:hand-swipe-left 1.5s infinite}.anim-swipe-right{animation:hand-swipe-right 1.5s infinite}.anim-move{animation:hand-move 2s infinite}.anim-tap{animation:hand-tap 1s infinite}.anim-tap-double{animation:hand-tap .5s infinite}@keyframes pulse-yellow-glow{0%{box-shadow:0 0 #ffaa00b3;transform:scale(1)}50%{box-shadow:0 0 20px 5px #ffaa0080;transform:scale(1.1)}to{box-shadow:0 0 #fa00;transform:scale(1)}}.fullscreen-pulse{animation:pulse-yellow-glow 2s infinite!important;border-color:#fa0!important;color:#fa0!important}@media (max-width: 600px){.menu-content{width:98%;padding:20px 5px!important}.settings-content{padding-top:10px;height:95vh;height:95dvh;padding-bottom:env(safe-area-inset-bottom,15px);display:flex;flex-direction:column}.settings-body{padding:10px;flex:1;overflow-y:auto;min-height:0}.settings-tabs{flex-wrap:nowrap!important;justify-content:stretch;gap:2px}.tab-button{font-size:10px;padding:6px 4px;letter-spacing:0;flex:1;min-width:0;white-space:nowrap}.setting-item{flex-direction:column;align-items:flex-start!important;gap:5px;margin-bottom:12px}.setting-item label{font-size:13px;margin-bottom:2px}.slider-container{width:100%!important;margin-top:5px;flex-grow:1!important}.slider-container input[type=range]{width:100%!important;min-width:120px}.setting-item>div[style*="flex-direction: column"]{width:100%}.setting-item>div>div[style*="justify-content: space-between"]{flex-wrap:wrap;gap:8px}.setting-item input[type=checkbox]{align-self:flex-end;margin-top:-20px}.settings-footer{margin-top:10px!important;padding-bottom:0}.menu-buttons.settings-footer{flex-direction:row!important;flex-wrap:nowrap!important;gap:8px}.menu-buttons.settings-footer .menu-button{flex:1;padding:10px 8px;font-size:12px;min-width:0}.menu-button{padding:12px 24px;font-size:14px}}.settings-content{display:flex!important;flex-direction:column!important;height:100%;justify-content:flex-start;align-items:center!important;text-align:center;width:90%!important;max-width:800px!important}.settings-body{flex:1;width:100%!important;overflow-y:auto;background:#ffffff05!important;border:1px solid rgba(255,255,255,.1)!important;min-height:0!important;margin-bottom:var(--spacing-lg);box-sizing:border-box}.settings-footer{margin-top:auto!important;width:100%!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:20px;position:static!important;padding-bottom:20px}.settings-tab-content{width:100%;height:100%}.settings-footer .menu-button{position:static!important;transform:none!important;margin:0!important;float:none!important;min-width:120px}@media (max-width: 1024px),(max-height: 700px){.menu-content.settings-content{width:95%;max-width:800px;padding:var(--spacing-md);padding-top:20px;padding-bottom:20px;padding-bottom:env(safe-area-inset-bottom,20px);max-height:95vh;max-height:95dvh;display:flex;flex-direction:column}.settings-header{margin-bottom:var(--spacing-sm);flex-shrink:0}.settings-header .menu-title{font-size:32px;margin-bottom:var(--spacing-xs)}.settings-tabs{display:flex;justify-content:center;gap:var(--spacing-xs);flex-wrap:nowrap}.tab-button{padding:8px 12px;font-size:13px;flex:1 1 auto;min-width:0}.settings-body{flex:1;overflow-y:auto;padding-right:5px;min-height:0;margin-bottom:var(--spacing-sm)}.setting-item{padding:var(--spacing-sm);min-height:40px}.setting-item label{font-size:14px}.menu-buttons.settings-footer{flex-direction:row;justify-content:center;gap:var(--spacing-sm);margin-top:0;flex-shrink:0}.menu-buttons.settings-footer .menu-button{padding:10px 20px;font-size:14px;width:auto;flex:1}}@media (max-width: 600px){.settings-header .menu-title{font-size:22px}.settings-tabs{flex-wrap:nowrap!important;gap:2px}.tab-button{padding:6px 4px;font-size:10px;letter-spacing:0;flex:1;min-width:0;white-space:nowrap}.setting-item{flex-direction:column;align-items:flex-start;gap:5px}.setting-item label{margin-bottom:5px}.setting-item .slider-container,.slider-container{width:100%!important;flex-grow:1!important;margin:0}.setting-item input[type=range],.slider-container input[type=range]{width:100%!important;min-width:120px}.menu-buttons.settings-footer{flex-wrap:nowrap!important;flex-direction:row!important;gap:8px}.menu-buttons.settings-footer .menu-button{flex:1;padding:10px 8px;font-size:12px;min-width:0}}@media (max-width: 480px){.menu-title{font-size:28px!important;letter-spacing:2px;margin-bottom:8px}.menu-subtitle{font-size:13px;margin-bottom:8px}.version-badge{font-size:10px;padding:3px 8px}.menu-header{margin-bottom:16px}.menu-buttons{gap:10px;margin-top:16px}.menu-button{padding:12px 20px;font-size:15px;letter-spacing:1px}.mode-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:10px;margin:12px 0}.mode-card{padding:16px 10px}.mode-icon{font-size:32px;margin-bottom:8px}.mode-card h3{font-size:16px;letter-spacing:1px;margin-bottom:4px}.mode-card p{font-size:12px;margin-bottom:2px}.mode-description{font-size:11px;margin-top:8px}.help-overlay{padding:15px!important}.help-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:15px;padding-bottom:12px}.help-header h1{font-size:22px!important;letter-spacing:1px}.help-btn-container{gap:8px;width:100%}.help-btn{padding:8px 14px;font-size:11px;letter-spacing:.5px;flex:1}.help-tabs{gap:5px;margin-bottom:15px;padding-bottom:8px}.help-tab-btn{padding:8px 12px;font-size:13px}.help-content{font-size:14px}.help-content h2{font-size:20px}.help-content h3{font-size:16px}}@media (max-height: 500px) and (orientation: landscape){.menu-title{font-size:26px!important;margin-bottom:5px}.menu-subtitle{font-size:12px;margin-bottom:5px}.menu-header{margin-bottom:10px}.menu-buttons{gap:8px;margin-top:10px}.menu-button{padding:10px 16px;font-size:14px}.help-overlay{padding:10px 20px!important}.help-header{margin-bottom:10px;padding-bottom:8px}.help-header h1{font-size:20px!important}.help-btn{padding:6px 12px;font-size:11px}.help-tabs{margin-bottom:10px}.help-tab-btn{padding:6px 10px;font-size:12px}.mode-cards{gap:8px;margin:8px 0}.mode-card{padding:10px}.mode-icon{font-size:28px;margin-bottom:5px}.mode-card h3{font-size:14px}.mode-card p{font-size:11px}}.modern-menu-system{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;pointer-events:auto}.modern-menu-system .modern-menu{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;pointer-events:none}.modern-menu-system .modern-menu.visible{opacity:1;pointer-events:auto}.modern-menu-system .modern-menu.hidden{display:none}.modern-menu-system .modern-menu-content{position:relative;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 20px;box-sizing:border-box;pointer-events:auto}.modern-menu-system .modern-menu-content:after{content:"";min-height:1px}.modern-menu-system .modern-menu-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.modern-menu-system .modern-menu-image-back{position:absolute;width:auto;height:100vh;min-height:100vh;left:50%;transform:translate(-50%);object-fit:cover;object-position:center center;z-index:1}.modern-menu-system .modern-menu-image-front{position:absolute;width:auto;height:100vh;min-height:100vh;left:50%;transform:translate(-50%);object-fit:cover;object-position:center center;z-index:2;pointer-events:none}.modern-menu-system .menu-hotspot{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:4;background:transparent;border:none}.modern-menu-system .menu-hotspot:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.modern-menu-system .hotspot-label{display:none}.modern-menu-system .modern-menu-user-info{position:absolute;display:flex;align-items:center;gap:1.5vh;top:40%;left:51%;transform:translate(-50%);z-index:11;pointer-events:none;user-select:none}.modern-menu-system .modern-menu-avatar{width:6vh;height:6vh;border-radius:50%;overflow:hidden;border:.3vh solid rgba(255,255,255,.5);box-shadow:0 0 1.5vh #00000080}.modern-menu-system .modern-menu-avatar img{width:100%;height:100%;object-fit:cover}.modern-menu-system .modern-menu-username{font-size:3vh;font-weight:700}.modern-menu-header{text-align:center;margin-bottom:30px;text-shadow:0 2px 10px rgba(0,0,0,.8)}.modern-menu-title{font-size:48px;font-weight:700;color:#fff;margin:0;text-transform:uppercase;letter-spacing:3px}.modern-menu-subtitle{font-size:18px;color:#aaa;margin:10px 0 0}.modern-version-badge{display:inline-block;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);padding:4px 12px;border-radius:12px;font-size:12px;margin-top:10px;color:#fff}.modern-user-info{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px 30px;background:#00000080;border-radius:50px;backdrop-filter:blur(10px)}.modern-user-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.modern-user-avatar img{width:100%;height:100%;object-fit:cover}.modern-user-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:24px;font-weight:700}.modern-user-name{font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.modern-menu-buttons{display:flex;flex-direction:column;gap:15px;min-width:300px;max-width:400px;width:90%}.modern-menu-button{display:flex;align-items:center;justify-content:flex-start;gap:15px;padding:18px 30px;background:#0009;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px}.modern-menu-button:hover{background:#ffffff26;border-color:#ffffff80;transform:translate(10px);box-shadow:0 5px 20px #00000080}.modern-menu-button.modern-primary{background:#4a9eff4d;border-color:#4a9eff99}.modern-menu-button.modern-primary:hover{background:#4a9eff80;border-color:#4a9effcc;box-shadow:0 5px 20px #4a9eff66}.modern-menu-button.modern-danger{background:#ff4a4a4d;border-color:#ff4a4a99}.modern-menu-button.modern-danger:hover{background:#ff4a4a80;border-color:#ff4a4acc;box-shadow:0 5px 20px #ff4a4a66}.modern-button-icon{font-size:24px;min-width:30px;text-align:center}.modern-button-text{flex:1;text-align:left}.modern-menu-footer{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center;color:#ffffffb3;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.modern-copyright{font-size:12px;opacity:.6;margin-top:5px}.modern-menu.pause-menu .modern-menu-title.modern-paused{font-size:64px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.modern-mode-cards{display:flex;gap:30px;margin:30px 0;flex-wrap:wrap;justify-content:center}.modern-mode-card{position:relative;width:280px;padding:40px 30px;background:#0009;border:2px solid rgba(255,255,255,.2);border-radius:15px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);text-align:center;overflow:hidden}.modern-mode-card:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-10px);box-shadow:0 10px 30px #00000080}.modern-mode-icon{font-size:64px;margin-bottom:20px}.modern-mode-card h3{font-size:24px;color:#fff;margin:0 0 10px;text-transform:uppercase}.modern-mode-subtitle{color:#aaa;font-size:14px;margin-bottom:15px}.modern-mode-description{color:#ccc;font-size:13px;line-height:1.5}.modern-mode-shine{position:absolute;top:-100%;left:-100%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transition:all .6s ease;pointer-events:none}.modern-mode-card:hover .modern-mode-shine{top:100%;left:100%}.modern-credits-content{max-width:600px;padding:20px;text-align:center}.modern-credits-section{margin-bottom:40px;padding:20px;background:#00000080;border-radius:10px;backdrop-filter:blur(10px)}.modern-credits-section h3{color:#fff;font-size:20px;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.modern-credits-section p{color:#ccc;font-size:14px;line-height:1.8;margin:5px 0}.modern-credits-detail{color:#aaa;font-size:12px}.modern-credits-game{border:2px solid rgba(255,255,255,.3)}.modern-version{color:#4a9eff;font-weight:700}.modern-tagline{font-style:italic;opacity:.7}@media (max-width: 768px){.modern-menu-title{font-size:32px}.modern-menu-subtitle{font-size:14px}.modern-menu-buttons{min-width:250px}.modern-menu-button{padding:15px 20px;font-size:16px}.modern-mode-cards{flex-direction:column;align-items:center}.modern-mode-card{width:90%;max-width:300px}.modern-menu-footer{font-size:12px;bottom:20px}.modern-menu-background{background-position:center center;background-size:cover;pointer-events:none!important}}@media (max-height: 600px){.modern-menu-header{margin-bottom:15px}.modern-menu-buttons{gap:10px}.modern-menu-button{padding:12px 20px;font-size:14px}.modern-menu-title{font-size:28px}}.scoreboard-screen{width:100%;max-width:1200px;margin:0 auto;padding:20px;color:#fff}.scoreboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.scoreboard-filters{display:flex;gap:15px;margin-bottom:20px;align-items:center;flex-wrap:wrap;padding:15px;background:#0000004d;border-radius:8px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{color:#aaa;font-size:14px;font-weight:600;white-space:nowrap}.filter-group input[type=text],.filter-group select{background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;padding:8px 12px;font-size:14px;min-width:150px}.filter-group input[type=text]:focus,.filter-group select:focus{outline:none;border-color:#4a9eff}.mode-selector{display:flex;gap:8px}.filter-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#fff3;border-color:#4a9eff}.filter-btn.active{background:#4a9eff;border-color:#4a9eff}.filter-btn.clear-btn{background:#ff4a4a33;border-color:#ff4a4a80}.filter-btn.clear-btn:hover{background:#ff4a4a4d;border-color:#ff4a4a}.scoreboard-content{overflow-x:auto;margin-bottom:20px}.scoreboard-table-wrapper{min-width:100%}.scoreboard-table{width:100%;border-collapse:collapse}.scoreboard-table thead{position:sticky;top:0;z-index:10}.scoreboard-table th{padding:14px 12px;text-align:left;background:#00000080;color:#4a9eff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid rgba(255,255,255,.3)}.scoreboard-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.score-row{transition:background .2s ease}.score-row:hover{background:#ffffff0d}.score-row.rank-1{background:#ffd7001a}.score-row.rank-2{background:#c0c0c01a}.score-row.rank-3{background:#cd7f321a}.rank-cell{font-weight:700;font-size:16px;color:#aaa;text-align:center;min-width:60px}.rank-medal{font-size:24px}.player-cell{min-width:200px}.player-info{display:flex;align-items:center;gap:10px}.player-pic{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3);object-fit:cover}.player-pic-placeholder{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-size:18px}.player-name{font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.player-name:hover{text-decoration:underline;opacity:.8}.score-cell{font-weight:700;font-size:18px;color:#0fa;font-family:Courier New,monospace}.mode-badge{display:inline-flex;align-items:center;gap:4px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.loading-cell,.error-cell,.empty-cell{text-align:center;padding:40px!important;color:#aaa;font-size:16px}.error-cell{color:#ff4a4a}.live-indicator{display:flex;align-items:center;gap:8px;color:#0fa;font-size:13px;font-weight:600}.pulse-dot{width:10px;height:10px;border-radius:50%;background:#0fa;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.new-score-animation{animation:highlight-flash 2s ease-in-out}@keyframes highlight-flash{0%,to{background:transparent}50%{background:#00ffaa4d}}.scoreboard-modal{max-width:90vw;width:1200px}@media (max-width: 768px){.scoreboard-filters,.filter-group{flex-direction:column;align-items:stretch}.filter-group input[type=text],.filter-group select,.mode-selector{width:100%}.filter-btn{flex:1}.scoreboard-table{font-size:12px}.scoreboard-table th,.scoreboard-table td{padding:8px 6px}.player-pic,.player-pic-placeholder{width:28px;height:28px;font-size:14px}}#game-ui-container,#menu-system,.menu-system,#modern-menu-system,.modern-menu-system,#loading-screen,#postgame-scoreboard-container,#tutorial-system,#game-fade-overlay,#intro-video-container,.modal-overlay,#game-combo-ui{position:fixed!important;left:0!important;top:0!important;width:100vw!important;height:100vh!important;font-size:calc(16px * var(--ui-scale, 1))!important}.game-hud,.menu,.modern-menu{width:100%!important;height:100%!important}#game-team-hud{transform:translate(-50%) scale(var(--ui-scale, 1))!important;transform-origin:top center!important;width:auto!important}#game-health-ui{transform:translate(-50%) scale(var(--ui-scale, 1))!important;transform-origin:bottom center!important;width:90%!important;max-width:600px!important}#game-feedback-ui{transform:translate(-50%) scale(var(--ui-scale, 1))!important;transform-origin:center center!important}#game-mouse-calibration{transform:translate(-50%,-50%) scale(var(--ui-scale, 1))!important;transform-origin:center center!important}#legacy-team-mult{transform:scale(var(--ui-scale, 1))!important;transform-origin:top left!important}@media (orientation: portrait){#hud-btn-full{bottom:10px!important;left:10px!important;width:40px!important;height:40px!important;font-size:20px!important;z-index:20002!important;opacity:.8}#hud-btn-help{position:fixed!important;bottom:15px!important;right:15px!important;width:40px!important;height:40px!important;font-size:20px!important;z-index:20002!important;opacity:.8;display:block!important}#hud-speed-container{left:10px!important}#hud-btn-clean{left:10px!important;top:calc(50% - 240px)!important;width:70px!important;height:70px!important;font-size:14px!important;border-width:3px!important}#hud-right-container{bottom:18%!important;right:10px!important;gap:15px!important}#hud-btn-asset,#hud-btn-hazard,#hud-btn-damage{width:100px!important;font-size:14px!important;padding:18px 8px!important;min-height:55px!important;height:auto!important}#game-health-ui{bottom:20px!important;width:90%!important;height:12px!important;z-index:100!important}#hud-lane-indicator{position:fixed!important;bottom:35px!important;width:90%!important;height:8px!important;left:50%!important;transform:translate(-50%)!important;z-index:100!important}#hud-stats-bar{position:fixed!important;bottom:45px!important;width:95%!important;left:50%!important;transform:translate(-50%)!important;padding:5px 0!important;background:transparent!important;pointer-events:none!important;z-index:100!important}#hud-stats-content{font-size:14px!important;gap:10px!important;text-shadow:0 1px 2px black!important;justify-content:center!important}}@media (orientation: landscape) and (max-height: 500px){#hud-btn-full{bottom:5px!important;left:5px!important;width:35px!important;height:35px!important;font-size:18px!important;opacity:.8!important;z-index:20002!important}#hud-speed-container{top:10px!important;left:15px!important;transform:none!important;height:calc(100vh - 100px)!important;flex-direction:column-reverse}#hud-btn-clean{top:20px!important;left:80px!important;width:70px!important;height:70px!important;font-size:14px!important}#hud-btn-help{position:fixed!important;bottom:5px!important;right:5px!important;width:35px!important;height:35px!important;font-size:18px!important;z-index:20002!important;display:block!important}#hud-right-container{position:fixed!important;top:50%!important;transform:translateY(-50%)!important;bottom:auto!important;right:0!important;gap:10px!important;align-items:flex-end!important;z-index:20000!important}#hud-btn-asset,#hud-btn-hazard,#hud-btn-damage{width:120px!important;padding:16px 8px!important;min-height:55px!important;font-size:14px!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}#game-health-ui{bottom:15px!important;width:60%!important;height:10px!important;left:50%!important;transform:translate(-50%)!important;z-index:100!important}#hud-lane-indicator{position:fixed!important;bottom:25px!important;width:60%!important;height:8px!important;left:50%!important;transform:translate(-50%)!important;z-index:100!important}#hud-stats-bar{position:fixed!important;bottom:35px!important;width:100%!important;background:transparent!important;pointer-events:none!important;left:50%!important;transform:translate(-50%)!important;padding:0!important;z-index:101!important}#hud-stats-content{font-size:14px!important;display:flex!important;justify-content:center!important;text-shadow:0 1px 2px black!important}}