:root{--bg-dark: #1a1a1a;--road-color: #2c2c2c;--primary-yellow: #FFD700;--primary-orange: #FF8C00;--danger-red: #FF3366;--neon-blue: #00f3ff;--text-light: #f4f4f4;--ui-bg: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:#000;font-family:Impact,Arial Black,sans-serif;color:var(--text-light);overflow:hidden;width:100vw;height:100vh}.game-container{position:relative;width:100vw;height:100vh;background:var(--bg-dark);display:flex;flex-direction:column}.cloud-status-bar{background:#111;padding:8px 16px;font-size:12px;font-family:sans-serif;display:flex;justify-content:flex-end;border-bottom:2px solid #333;z-index:100}.cloud-status-bar span{display:flex;align-items:center;gap:4px}.syncing{color:#888}.success{color:#4ade80}.error{color:#f87171}.spin{animation:spin 2s linear infinite}.game-board{flex:1;position:relative;background:linear-gradient(to bottom,#111,var(--road-color));overflow:hidden;width:100%;height:100%}.road-lines{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-evenly;pointer-events:none}.road-lines .line{width:4px;height:200%;background:repeating-linear-gradient(to bottom,transparent,transparent 40px,rgba(255,255,255,.15) 40px,rgba(255,255,255,.15) 80px);animation:roadMove .8s linear infinite}@keyframes roadMove{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.screen{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;padding:20px}.logo-container{text-align:center;margin-bottom:40px}.logo-container h1{font-size:56px;line-height:1.1;color:var(--primary-yellow);text-transform:uppercase;text-shadow:4px 4px 0 var(--primary-orange),8px 8px 0 #000;transform:skew(-10deg);letter-spacing:2px}.hero-tire{width:140px;height:140px;margin:20px auto 0;animation:float 3s ease-in-out infinite}.hero-tire img{width:100%;height:100%;object-fit:contain}.hero-tire span{font-size:90px}.stats-panel{background:var(--ui-bg);padding:12px 24px;border-radius:20px;border:2px solid #444;margin-bottom:30px}.stat-item{display:flex;align-items:center;gap:8px;font-size:20px}.skin-selector{margin-bottom:40px;text-align:center}.skin-selector h3{font-size:16px;color:#aaa;margin-bottom:15px;font-family:sans-serif}.skins-list{display:flex;gap:20px;justify-content:center}.skin-btn{background:#222;border:3px solid #444;border-radius:16px;padding:10px;cursor:pointer;transition:all .2s}.skin-btn.active{border-color:var(--primary-yellow);box-shadow:0 0 20px #ffd70099}.skin-preview{width:60px;height:60px}.skin-preview img{width:100%;height:100%;object-fit:contain}.btn-primary{background:linear-gradient(45deg,var(--primary-yellow),var(--primary-orange));color:#000;border:none;padding:18px 50px;font-size:28px;font-family:inherit;border-radius:40px;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 8px #b36200,0 15px 25px #00000080;transition:transform .1s,box-shadow .1s;text-transform:uppercase}.btn-primary:active{transform:translateY(6px);box-shadow:0 2px #b36200,0 5px 10px #00000080}.btn-primary:disabled{filter:grayscale(1);cursor:not-allowed}.hint-text{margin-top:25px;font-size:16px;color:#888;font-family:sans-serif}.hud{position:absolute;top:30px;left:30px;right:30px;display:flex;justify-content:space-between;z-index:40}.score-display{font-size:48px;color:#fff;text-shadow:3px 3px 0 #000;margin-bottom:5px}.hud-badges{display:flex;gap:10px}.level-badge{display:flex;align-items:center;gap:4px;background:#0009;padding:4px 10px;border-radius:12px;color:var(--primary-yellow);font-size:16px;border:1px solid var(--primary-yellow)}.speed-badge{display:flex;align-items:center;gap:4px;background:#0009;padding:4px 10px;border-radius:12px;color:#fff;font-size:16px;border:1px solid #666;transition:all .3s}.speed-badge.high-speed{color:var(--neon-blue);border-color:var(--neon-blue);box-shadow:0 0 10px #00f3ff80;animation:pulse-neon 1s infinite}.lives-display{display:flex;gap:8px}.heart-beat{animation:heartbeat 1s infinite}.level-up-alert{position:absolute;top:120px;left:50%;transform:translate(-50%);background:#000000d9;border:2px solid var(--primary-yellow);padding:15px 30px;border-radius:30px;display:flex;align-items:center;gap:15px;z-index:45;box-shadow:0 0 30px #ffd70080}.alert-text{display:flex;flex-direction:column}.alert-text span:first-child{font-size:24px;color:var(--primary-yellow)}.speed-up-text{font-size:16px;color:var(--neon-blue);font-family:sans-serif;margin-top:4px}.player{position:absolute;width:50px;height:50px;transform:translate(-50%);z-index:30}.tire-wrapper{width:100%;height:100%}.tire-wrapper img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 15px rgba(0,0,0,.6))}.tire-wrapper span{font-size:35px;display:block;text-align:center;line-height:50px}.spin-fast{animation:spin linear infinite;display:block}.obstacle{position:absolute;width:45px;height:45px;transform:translate(-50%,-50%);z-index:20}.obstacle img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}.obstacle span{font-size:30px;display:block;text-align:center;line-height:45px}.explosion-effect{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;z-index:35;pointer-events:none}.explosion-effect img{width:100%;height:100%;object-fit:contain}.invincible{opacity:.5;animation:blink .2s infinite}.touch-controls{position:absolute;bottom:0;left:0;right:0;height:50%;display:flex;z-index:45}.touch-btn{flex:1;background:transparent;border:none;color:#ffffff26;display:flex;align-items:flex-end;padding-bottom:40px}.touch-btn.left{justify-content:flex-start;padding-left:30px}.touch-btn.right{justify-content:flex-end;padding-right:30px}.touch-btn:active{color:#fff9;background:#ffffff0d}.gameover-screen{background:#000000e6}.glitch{font-size:64px;color:var(--danger-red);text-transform:uppercase;position:relative;text-shadow:4px 4px 0 #000;margin-bottom:40px}.final-score-card{background:#222;border:5px solid var(--primary-yellow);border-radius:24px;padding:40px 60px;text-align:center;margin-bottom:30px;position:relative;box-shadow:0 0 40px #ffd70040}.score-label{font-size:22px;color:#aaa;font-family:sans-serif}.score-value{font-size:80px;color:#fff;margin:10px 0}.final-stats{display:flex;justify-content:center;gap:20px;font-size:18px;color:var(--primary-yellow);margin-top:10px;font-family:sans-serif}.new-record-badge{position:absolute;top:-20px;right:-25px;background:var(--danger-red);color:#fff;padding:8px 20px;border-radius:25px;font-size:16px;display:flex;align-items:center;gap:6px;transform:rotate(12deg);box-shadow:0 6px 15px #00000080}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes pulse-neon{0%,to{box-shadow:0 0 10px #00f3ff80}50%{box-shadow:0 0 20px #00f3ffcc}}.hit-shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-3px,0,0)}20%,80%{transform:translate3d(5px,0,0)}30%,50%,70%{transform:translate3d(-10px,0,0)}40%,60%{transform:translate3d(10px,0,0)}}