.visitor-counter{position:fixed;top:1rem;left:1rem;background:#0009;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;z-index:100;color:#fff;font-size:.9rem}.visitor-icon{font-size:1.1rem}.visitor-count{font-weight:500}.mobile-controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:2rem;pointer-events:none;z-index:50;touch-action:none;user-select:none;-webkit-user-select:none}.steering-controls{display:flex;gap:16px;pointer-events:auto;margin-bottom:20px}.action-controls{display:flex;align-items:flex-end;gap:24px;pointer-events:auto;margin-bottom:20px}.gas-brake-group{display:flex;flex-direction:column;gap:16px}.dpad-btn{width:70px;height:70px;border:none;border-radius:12px;background:#fff3;backdrop-filter:blur(8px);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;transition:background .1s,transform .1s;box-shadow:0 4px 6px #0003}.dpad-btn:active{background:#6366f199;transform:scale(.95);box-shadow:0 2px 4px #0003}.dpad-up{background:#32cd324d}.dpad-up:active{background:#32cd32b3}.dpad-down{background:#dc143c4d}.dpad-down:active{background:#dc143cb3}.action-btn{width:60px;height:60px;border:none;border-radius:50%;background:#ffd7004d;backdrop-filter:blur(8px);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;pointer-events:auto;transition:all .1s;box-shadow:0 4px 6px #0003}.action-btn:active{background:#ffd700cc;transform:scale(.95);box-shadow:0 2px 4px #0003}.mobile-controls button{touch-action:manipulation}.controls-tooltip{position:fixed;bottom:2rem;right:2rem;background:#000000d9;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1.25rem;z-index:100;min-width:240px;color:#fff;animation:slideIn .3s ease-out;cursor:pointer}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.controls-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.controls-icon{font-size:1.5rem}.controls-header h3{margin:0;font-size:1rem;font-weight:600;flex:1}.engine-status{font-size:.75rem;padding:.25rem .5rem;border-radius:8px;font-weight:500}.engine-status.on{background:#22c55e4d;color:#86efac}.engine-status.off{background:#ef44444d;color:#fca5a5}.controls-list{display:flex;flex-direction:column;gap:.5rem}.control-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.control-item kbd{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.2rem .5rem;font-family:monospace;font-size:.75rem;min-width:1.5rem;text-align:center}.control-item span{color:#ffffffb3;flex:1}.controls-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);font-size:.75rem;color:#fff6;text-align:center}@media(max-width:640px){.controls-tooltip{bottom:1rem;right:1rem;left:1rem;min-width:auto}}.progress-hud{position:fixed;top:16px;right:16px;z-index:100;pointer-events:auto}.progress-hud__button{background:#000000bf;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(8px)}.progress-hud__button:hover{background:#000000d9;border-color:#ffd70099;transform:scale(1.02)}.progress-hud__stats{display:flex;gap:16px;margin-bottom:8px}.progress-hud__item{display:flex;align-items:center;gap:6px}.progress-hud__icon{font-size:16px}.progress-hud__value{color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.progress-hud__bar-container{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.progress-hud__bar{height:100%;background:linear-gradient(90deg,gold,#fa0);border-radius:2px;transition:width .5s ease}.progress-hud__percent{color:#ffd700e6;font-family:Inter,sans-serif;font-size:12px;font-weight:500;text-align:center;margin-top:6px}@media(max-width:768px){.progress-hud{top:12px;right:12px}.progress-hud__button{padding:8px 12px}.progress-hud__stats{gap:12px}.progress-hud__icon{font-size:14px}.progress-hud__value{font-size:12px}}.progress-hud__value--pulse{animation:progress-pulse .3s ease}@keyframes progress-pulse{0%{transform:scale(1);color:gold}50%{transform:scale(1.2);color:#ffea00}to{transform:scale(1);color:gold}}.minimap{position:fixed;bottom:16px;left:16px;z-index:100;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.minimap--collapsed{--minimap-size: 140px}.minimap--expanded{--minimap-size: 240px}@media(max-width:768px){.minimap--collapsed{--minimap-size: 110px}.minimap--expanded{--minimap-size: 180px}.minimap{bottom:90px;left:12px}}.minimap__frame{width:var(--minimap-size);height:var(--minimap-size);border-radius:50%;overflow:hidden;position:relative;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:3px solid rgba(255,140,50,.75);box-shadow:0 0 15px #ff781e80,0 0 30px #ff641433,inset 0 0 20px #000000b3,0 0 0 1px #0006;transition:all .3s cubic-bezier(.4,0,.2,1)}.minimap__frame:hover{border-color:#ffa046e6;box-shadow:0 0 20px #ff8c2899,0 0 40px #ff781e4d,inset 0 0 20px #0009,0 0 0 1px #0006}.minimap__canvas{display:block;width:100%;height:100%;background:radial-gradient(circle at center,#141923f2,#0f121cfa 70%,#0a0c14)}.minimap__compass{display:none}.minimap__hint{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:9px;color:#ffffff80;white-space:nowrap;pointer-events:none;user-select:none;opacity:0;transition:opacity .2s ease}.minimap__frame:hover+.minimap__hint,.minimap:hover .minimap__hint{opacity:1}.minimap__legend{position:absolute;bottom:-40px;left:0;display:flex;gap:8px;font-size:8px;color:#fff9}.minimap__legend-item{display:flex;align-items:center;gap:3px}.minimap__legend-dot{width:6px;height:6px;border-radius:50%}@keyframes minimap-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes minimap-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sound-toggle{position:fixed;bottom:16px;right:16px;z-index:100;width:44px;height:44px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#141923d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sound-toggle:hover{border-color:#ff8c3280;transform:scale(1.05);box-shadow:0 6px 20px #0006,0 0 15px #ff8c3233,inset 0 1px #ffffff1a}.sound-toggle:active{transform:scale(.95)}.sound-toggle__icon{font-size:20px;line-height:1;user-select:none}@media(max-width:768px){.sound-toggle{bottom:12px;right:12px;width:40px;height:40px}.sound-toggle__icon{font-size:18px}}.journal-modal__backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.journal-modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid rgba(255,215,0,.3);border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.journal-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,215,0,.2)}.journal-modal__title{color:gold;font-family:Inter,sans-serif;font-size:20px;font-weight:700;margin:0}.journal-modal__close{background:none;border:none;color:#fff9;font-size:20px;cursor:pointer;padding:4px 8px;transition:color .2s}.journal-modal__close:hover{color:#fff}.journal-modal__tabs{display:flex;border-bottom:1px solid rgba(255,215,0,.2);padding:0 20px}.journal-modal__tab{flex:1;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;color:#ffffff80;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.journal-modal__tab:hover{color:#fffc}.journal-modal__tab.active{color:gold;border-bottom-color:gold}.journal-modal__loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:#fff9;font-style:italic}.journal-modal__content{padding:20px;overflow-y:auto;flex:1}.journal-modal__section{margin-bottom:24px}.journal-modal__section--progress{margin-bottom:0}.journal-modal__section-title{color:#fffc;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.journal-modal__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.journal-modal__grid--large{grid-template-columns:repeat(5,1fr)}.journal-modal__item{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}.journal-modal__item.collected{background:#ffd70026;border-color:#ffd70066}.journal-modal__item.locked{opacity:.4;filter:grayscale(100%)}.journal-modal__item-icon{font-size:24px}.journal-modal__checkmark{position:absolute;bottom:2px;right:2px;font-size:10px;color:#0f0}.journal-modal__count{color:#ffffff80;font-family:Inter,sans-serif;font-size:12px;margin:8px 0 0;text-align:right}.journal-modal__progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.journal-modal__progress-bar{height:100%;background:linear-gradient(90deg,gold,#ff8c00);border-radius:4px;transition:width .5s ease}.journal-modal__progress-text{color:gold;font-family:Inter,sans-serif;font-size:18px;font-weight:700;text-align:center;margin:12px 0 0}.journal-modal__footer{padding:12px 20px;border-top:1px solid rgba(255,215,0,.2);text-align:center}.journal-modal__hint{color:#fff6;font-family:Inter,sans-serif;font-size:12px}@media(max-width:768px){.journal-modal{width:95%;max-height:85vh}.journal-modal__grid{grid-template-columns:repeat(4,1fr)}.journal-modal__grid--large{grid-template-columns:repeat(5,1fr)}.journal-modal__item-icon{font-size:20px}}.onboarding-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .4s ease}.onboarding-modal{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f23);border:1px solid rgba(255,215,0,.3);border-radius:20px;width:90%;max-width:480px;padding:32px;text-align:center;animation:slideUp .4s ease;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-progress{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.onboarding-dot{width:10px;height:10px;border-radius:50%;background:#fff3;transition:all .3s ease}.onboarding-dot.active{background:gold;transform:scale(1.2);box-shadow:0 0 10px #ffd70080}.onboarding-dot.completed{background:#ffd70080}.onboarding-content{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.onboarding-icon{font-size:48px;margin-bottom:16px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.onboarding-title{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:700;margin:0 0 12px}.onboarding-description{color:#fffc;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;margin:0;max-width:360px}.onboarding-hint{margin-top:16px}.onboarding-hint kbd{background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:6px;padding:8px 16px;color:gold;font-family:Monaco,Consolas,monospace;font-size:14px}.onboarding-navigation{display:flex;gap:12px;justify-content:center;margin-top:24px}.onboarding-btn{padding:12px 24px;border-radius:10px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.onboarding-btn--primary{background:linear-gradient(135deg,gold,#ff8c00);border:none;color:#000}.onboarding-btn--primary:hover{transform:scale(1.05);box-shadow:0 4px 20px #ffd70066}.onboarding-btn--secondary{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3}.onboarding-btn--secondary:hover:not(:disabled){border-color:#fff9;color:#fff}.onboarding-btn--secondary:disabled{opacity:.3;cursor:not-allowed}.onboarding-footer{margin-top:20px;min-height:24px}.onboarding-skip{background:none;border:none;color:#fff6;font-family:Inter,sans-serif;font-size:14px;cursor:pointer;transition:color .2s}.onboarding-skip:hover{color:#ffffffb3}.onboarding-checkbox{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff9;font-family:Inter,sans-serif;font-size:14px;cursor:pointer}.onboarding-checkbox input{accent-color:#ffd700}.onboarding-keyboard-hint{margin-top:16px;color:#ffffff4d;font-family:Inter,sans-serif;font-size:12px}@media(max-width:768px){.onboarding-modal{padding:24px;margin:16px}.onboarding-icon{font-size:40px}.onboarding-title{font-size:20px}.onboarding-description{font-size:14px}.onboarding-keyboard-hint{display:none}}.achievement-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(145deg,#1a1a2e,#16213e);border:2px solid #ffd700;border-radius:16px;padding:16px 24px;display:flex;align-items:center;gap:16px;z-index:3000;opacity:0;transition:all .3s ease;box-shadow:0 10px 40px #00000080,0 0 30px #ffd7004d}.achievement-toast.visible{transform:translate(-50%) translateY(0);opacity:1}.achievement-toast-icon{font-size:48px;animation:bounce .5s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.achievement-toast-content{display:flex;flex-direction:column;gap:4px}.achievement-toast-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:gold;text-transform:uppercase;letter-spacing:1px}.achievement-toast-name{font-family:Inter,sans-serif;font-size:20px;font-weight:700;color:#fff}.achievement-toast-description{font-family:Inter,sans-serif;font-size:14px;color:#ffffffb3}@media(max-width:768px){.achievement-toast{width:90%;padding:12px 16px}.achievement-toast-icon{font-size:36px}.achievement-toast-name{font-size:16px}}.easter-egg-konami{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:4000;animation:rainbowFlash .5s ease-out forwards}@keyframes rainbowFlash{0%{background:linear-gradient(45deg,#ff00004d,#ff7f004d,#ffff004d,#00ff004d,#0000ff4d,#8b00ff4d);background-size:600% 600%}to{background:transparent}}.konami-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Press Start 2P",Courier New,monospace;font-size:24px;color:gold;text-shadow:0 0 10px #ffd700,0 0 20px #ff8c00,0 0 30px #ff0000;animation:konamiPulse .5s ease-out forwards;white-space:nowrap}@keyframes konamiPulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.easter-egg-disco{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:3999;animation:discoFlash .5s infinite;mix-blend-mode:overlay}@keyframes discoFlash{0%{background-color:#f003}16%{background-color:#ffa50033}33%{background-color:#ff03}50%{background-color:#0f03}66%{background-color:#00f3}83%{background-color:#ee82ee33}to{background-color:#f003}}.easter-egg-speedrun{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#000c;border:2px solid #00ff00;border-radius:8px;padding:8px 16px;z-index:3000;text-align:center}.speedrun-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#0f0;letter-spacing:2px}.speedrun-timer{font-family:Monaco,Consolas,monospace;font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,255,0,.5)}@media(max-width:768px){.konami-text{font-size:14px}.speedrun-timer{font-size:20px}}@media(prefers-reduced-motion:reduce){.easter-egg-konami{animation:none;background:#ffd70033}.konami-text{animation:none;opacity:1}.easter-egg-disco{animation:none;background-color:#8000801a}}.confetti-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:4001;overflow:hidden}.confetti-particle{position:absolute;top:-20px;border-radius:2px;animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-text{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-family:Inter,sans-serif;font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,107,107,.8),0 0 20px rgba(254,202,87,.6),0 0 30px rgba(72,219,251,.4);animation:confettiTextPulse .5s ease-out;white-space:nowrap}@keyframes confettiTextPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.wheelie-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:wheelieAppear .3s ease-out;z-index:4002;pointer-events:none}.wheelie-emoji{font-size:64px;animation:wheelieShake .15s infinite}.wheelie-text{font-family:Inter,sans-serif;font-size:32px;font-weight:800;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,140,0,.6),2px 2px 0 #000;letter-spacing:4px}@keyframes wheelieAppear{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes wheelieShake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@media(max-width:768px){.confetti-text{font-size:18px}.wheelie-emoji{font-size:48px}.wheelie-text{font-size:24px}}@media(prefers-reduced-motion:reduce){.confetti-particle{animation:none;opacity:1;transform:translateY(50vh)}.confetti-text,.wheelie-indicator{animation:none;opacity:1}.wheelie-emoji{animation:none}}.speedrun-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1500;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.speedrun-modal{background:#000000d9;backdrop-filter:blur(8px)}.speedrun-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(0,170,255,.5);border-radius:20px;padding:2rem 3rem;text-align:center;box-shadow:0 8px 32px #00aaff4d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.speedrun-modal-content h2{color:#0af;font-size:2rem;margin-bottom:.5rem}.speedrun-modal-content p{color:#ffffffb3;margin-bottom:1.5rem}.speedrun-modal-content label{display:block;color:#fff;margin-bottom:.5rem;font-size:1rem}.speedrun-initials-input{width:120px;padding:1rem;font-size:2rem;text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:.3em;background:#ffffff1a;border:2px solid rgba(0,170,255,.5);border-radius:10px;color:#0af;outline:none;transition:border-color .2s}.speedrun-initials-input:focus{border-color:#0af;box-shadow:0 0 15px #0af6}.speedrun-initials-input::placeholder{color:#0af6}.speedrun-start-btn{display:block;width:100%;margin-top:1.5rem;padding:1rem 2rem;font-size:1.2rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,#0af,#06c);border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s}.speedrun-start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00aaff80}.speedrun-start-btn:disabled{opacity:.5;cursor:not-allowed}.speedrun-cancel-btn{margin-top:1rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:5px;color:#ffffff80;cursor:pointer;transition:all .2s}.speedrun-cancel-btn:hover{border-color:#fff9;color:#fffc}.speedrun-countdown{background:#000000b3;pointer-events:none}.countdown-number{font-size:10rem;font-weight:900;color:#0af;text-shadow:0 0 50px rgba(0,170,255,.8),0 0 100px rgba(0,170,255,.5);animation:countdownPulse 1s ease infinite}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.speedrun-timer-display{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#000c,#003264cc);border:2px solid rgba(0,170,255,.6);border-radius:15px;padding:.75rem 2rem;text-align:center;z-index:1000;backdrop-filter:blur(4px);box-shadow:0 4px 20px #00aaff4d}.timer-label{font-size:.8rem;color:#fff9;letter-spacing:.1em}.timer-value{font-size:2rem;font-weight:700;font-family:Courier New,monospace;color:#0af;text-shadow:0 0 10px rgba(0,170,255,.5)}.timer-progress{font-size:.9rem;color:#fc0}.speedrun-complete{background:#000000e6;backdrop-filter:blur(8px)}.speedrun-complete-content{background:linear-gradient(135deg,#1a1a2e,#0d1a26);border:3px solid #ffd700;border-radius:20px;padding:3rem;text-align:center;box-shadow:0 8px 50px #ffd7004d;animation:slideUp .3s ease}.speedrun-complete-content h2{color:gold;font-size:2rem;margin-bottom:1rem}.final-time{font-size:3.5rem;font-weight:900;font-family:Courier New,monospace;color:#0af;text-shadow:0 0 20px rgba(0,170,255,.6);margin:1rem 0}.rank-display{font-size:1.5rem;color:gold;margin:1rem 0;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.submitting{color:#fff9;font-style:italic}.error{color:#ff6b6b}.speedrun-done-btn{margin-top:2rem;padding:1rem 3rem;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:10px;color:#1a1a2e;cursor:pointer;transition:all .2s}.speedrun-done-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ffd70080}@media(max-width:768px){.speedrun-modal-content{padding:1.5rem;margin:1rem}.countdown-number{font-size:6rem}.timer-value{font-size:1.5rem}.final-time{font-size:2.5rem}}.settings-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.settings-modal{background:#141428f2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;min-width:320px;max-width:400px;box-shadow:0 8px 32px #00000080}.settings-modal h2{margin:0 0 20px;color:#fff;font-size:1.5rem;text-align:center}.settings-section{margin-bottom:24px}.settings-section h3{margin:0 0 8px;color:#0af;font-size:1rem}.settings-hint{margin:0 0 16px;color:#888;font-size:.85rem}.settings-hint-small{font-size:.75rem;margin-bottom:12px;color:#666}.quality-options{display:flex;gap:12px}.quality-btn{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.quality-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.quality-btn.active{background:#0af3;border-color:#0af}.quality-icon{font-size:1.5rem;margin-bottom:4px}.quality-label{color:#fff;font-weight:700;font-size:.9rem}.quality-desc{color:#888;font-size:.7rem;margin-top:2px}.auto-detect-btn{width:100%;margin-top:12px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#aaa;font-size:.85rem;cursor:pointer;transition:all .2s ease}.auto-detect-btn:hover{background:#ffffff1a;color:#fff}.toggle-options{display:flex;flex-direction:column;gap:12px}.toggle-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0d;border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;position:relative}.toggle-option input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{width:44px;height:24px;background:#fff3;border-radius:12px;position:relative;transition:background .2s ease}.toggle-slider:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s ease}.toggle-option input:checked+.toggle-slider{background:#0af}.toggle-option input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-option input:focus-visible+.toggle-slider{outline:2px solid #00aaff;outline-offset:2px;box-shadow:0 0 0 4px #00aaff40}.toggle-option input:focus-visible+.toggle-slider:after{transform:scale(1.1)}.toggle-option input:checked:focus-visible+.toggle-slider:after{transform:translate(20px) scale(1.1)}.settings-close-btn{width:100%;padding:12px;background:linear-gradient(135deg,#0af,#06c);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s ease}.settings-close-btn:hover{transform:scale(1.02)}.settings-close-btn:active{transform:scale(.98)}@media(max-width:480px){.settings-modal{margin:16px;padding:16px}.quality-options{flex-direction:column}}.settings-button{position:fixed;top:16px;left:16px;width:44px;height:44px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100;backdrop-filter:blur(4px)}.settings-button:hover{background:#000c;border-color:#fff6;transform:rotate(45deg)}.settings-button:active{transform:rotate(45deg) scale(.95)}@media(max-width:768px){.settings-button{top:auto;bottom:16px;left:16px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:#1a1a2e}#root{width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}canvas{display:block;touch-action:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}