body{overflow:hidden;background-color:#1a1a1a;touch-action:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-user-select:none;user-select:none;margin:0;padding:0}#gameCanvas{background-color:#333;display:block;margin:0 auto;box-shadow:0 0 20px #00000080}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.interactive-ui{pointer-events:auto;text-align:center;background:#000000e6;padding:1.5rem;border-radius:1rem;border:2px solid #ef4444;box-shadow:0 0 30px #ef44444d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.interactive-ui::-webkit-scrollbar{width:8px}.interactive-ui::-webkit-scrollbar-thumb{background-color:#ef4444;border-radius:4px}.blood-splat{position:absolute;width:120px;height:120px;background-image:radial-gradient(circle,rgba(160,0,0,.95) 0%,rgba(120,0,0,.8) 40%,transparent 70%);pointer-events:none;z-index:20;border-radius:50%;transform:scale(0);animation:splatAnim .15s cubic-bezier(.175,.885,.32,1.275) forwards,fadeOut 1s 2.5s forwards;filter:blur(.5px)}@keyframes splatAnim{to{transform:scale(1) rotate(var(--rot))}}@keyframes fadeOut{to{opacity:0}}.hud-panel{position:absolute;color:#fff;font-size:18px;font-weight:700;text-shadow:2px 2px 0 #000;z-index:5;background:#0009;padding:5px 12px;border-radius:20px;white-space:nowrap}.score-board{top:20px;left:10px}.distance-board{top:65px;left:10px;font-size:16px;color:#a7f3d0}.coin-board{top:20px;left:50%;transform:translate(-50%);color:#fbbf24}.speed-board{top:20px;right:10px;color:#fbbf24}.action-board{display:none;top:65px;right:10px;border:2px solid}.action-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-left:4px}.action-dot.used{background-color:#4b5563!important;box-shadow:none!important}.mode-turbo{color:#d8b4fe;border-color:#9333ea}.mode-turbo .action-dot{background-color:#a855f7;box-shadow:0 0 5px #a855f7}.mode-flash{color:#fef08a;border-color:#eab308}.mode-flash .action-dot{background-color:#facc15;box-shadow:0 0 5px #facc15}.touch-controls{display:none;position:absolute;bottom:20px;width:100%;justify-content:space-between;padding:0 20px;z-index:8}@media (hover: none) and (pointer: coarse){.touch-controls{display:flex}}.touch-btn{width:80px;height:80px;background:#ffffff26;border:2px solid rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.touch-btn:active{background:#ffffff4d;transform:scale(.95)}.garage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.skin-card{background:#222;border:2px solid #444;border-radius:10px;padding:10px;cursor:pointer;transition:all .2s;position:relative}.skin-card.selected{border-color:#10b981;background:#064e3b}.skin-card.locked{opacity:.7}.skin-preview{height:60px;margin-bottom:5px;display:flex;justify-content:center;align-items:center}.switch{position:relative;display:inline-block;width:50px;height:24px;vertical-align:middle}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#ef4444}input:checked+.slider:before{transform:translate(26px)}.achievement-notification{position:fixed;top:20px;right:-350px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #fbbf24;border-radius:12px;padding:15px 20px;display:flex;align-items:center;gap:15px;z-index:1000;transition:right .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 10px 40px #fbbf244d}.achievement-notification.show{right:20px}.achievement-icon{font-size:2.5rem;animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}.achievement-title{font-size:.7rem;color:#fbbf24;text-transform:uppercase;letter-spacing:1px}.achievement-name{font-size:1rem;color:#fff;font-weight:700}.weather-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15}.rain-drop{position:absolute;width:2px;height:20px;background:linear-gradient(transparent,#aec2e080);animation:rainFall linear infinite}@keyframes rainFall{to{transform:translateY(100vh)}}.snow-flake{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;opacity:.8;animation:snowFall linear infinite}@keyframes snowFall{to{transform:translateY(100vh) rotate(360deg)}}.daynight-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:14;transition:background-color 2s}.hidden{display:none!important}