:root{--bg-dark: #0f0c29;--bg-mid: #302b63;--bg-light: #24243e;--neon-blue: #00f3ff;--neon-pink: #ff00ff;--neon-yellow: #fce803}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#000;color:#fff;overflow:hidden}.app-container{width:100vw;height:100vh;position:relative;background:linear-gradient(to bottom,var(--bg-dark),var(--bg-mid),var(--bg-light));display:flex;flex-direction:column;align-items:center;justify-content:center}.cloud-badge{position:absolute;top:10px;left:10px;z-index:100;display:flex;align-items:center;gap:6px;background:#ffffff1a;padding:4px 10px;border-radius:20px;font-size:12px;color:#aaa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toast{position:absolute;top:50px;left:50%;transform:translate(-50%);z-index:100;background:#00f3ff33;border:1px solid var(--neon-blue);color:var(--neon-blue);padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:14px;animation:fadeOut 2s forwards}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.screen{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center}.start-screen{justify-content:center;background:radial-gradient(circle at center,#2a1b54,#000)}.title-container{text-align:center;margin-bottom:30px}.neon-text{font-size:4rem;margin:0;font-weight:900;font-style:italic;color:#fff;text-transform:uppercase;text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink),0 0 40px var(--neon-pink),0 0 80px var(--neon-pink)}.subtitle{color:var(--neon-blue);letter-spacing:5px;margin-top:5px;font-weight:700}.high-score-display{display:flex;align-items:center;gap:10px;font-size:1.2rem;background:#00000080;padding:10px 20px;border-radius:30px;border:1px solid #444;margin-bottom:40px}.text-yellow{color:var(--neon-yellow)}.selection-panel{display:flex;gap:40px;margin-bottom:50px}.selection-section{display:flex;flex-direction:column;align-items:center}.selection-section h3{color:#aaa;font-size:1rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.car-selector,.track-selector{display:flex;gap:15px}.sel-btn{background:#ffffff0d;border:2px solid transparent;border-radius:15px;padding:15px;cursor:pointer;color:#fff;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:10px}.sel-btn:hover{background:#ffffff1a}.sel-btn.active{border-color:var(--neon-blue);box-shadow:0 0 15px #00f3ff80;background:#00f3ff1a}.car-preview{width:80px;height:80px;display:flex;justify-content:center;align-items:center}.car-preview img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5))}.car-preview span{font-size:3rem}.track-btn{padding:15px 25px;font-weight:700}.play-btn{background:linear-gradient(45deg,var(--neon-pink),#ff5e62);border:none;border-radius:30px;padding:15px 40px;font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:10px;text-transform:uppercase;box-shadow:0 0 20px #f0f9;transition:transform .2s}.play-btn:active{transform:scale(.95)}.play-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.game-screen{overflow:hidden;perspective:1000px}.track-neon{background:#050510}.track-cyber{background:#1a0b0b}.hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:10}.hud-item{background:#0009;padding:10px 20px;border-radius:20px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.score-number{color:var(--neon-yellow);font-size:1.5rem;font-family:monospace}.road-container{position:absolute;bottom:0;left:50%;transform:translate(-50%) rotateX(60deg);width:80%;height:200%;transform-origin:bottom center;background:linear-gradient(to bottom,#111,#222);border-left:5px solid var(--neon-blue);border-right:5px solid var(--neon-blue);box-shadow:0 0 50px #00f3ff33 inset}.track-cyber .road-container{border-color:var(--neon-pink);box-shadow:0 0 50px #f0f3 inset}.road-lines{position:absolute;top:-100%;left:50%;transform:translate(-50%);width:10px;height:200%;background:repeating-linear-gradient(to bottom,transparent 0,transparent 50px,#fff 50px,#fff 100px);animation:scroll-road linear infinite;opacity:.5}@keyframes scroll-road{0%{transform:translate(-50%)}to{transform:translate(-50%,50%)}}.game-world{position:absolute;top:0;left:10%;width:80%;height:100%;z-index:5;pointer-events:none}.game-item{position:absolute;transform:translate(-50%,-50%);width:60px;height:60px;display:flex;justify-content:center;align-items:center}.game-item img{width:100%;height:100%;object-fit:contain}.fallback-emoji{font-size:2.5rem}.coin-inner{width:30px;height:30px;background:radial-gradient(circle,gold,#b8860b);border-radius:50%;border:3px solid #fff;box-shadow:0 0 15px gold;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.boost img{filter:drop-shadow(0 0 10px var(--neon-yellow))}.scenery{font-size:3rem;filter:brightness(.7);z-index:-1}.player-car{position:absolute;transform:translate(-50%);width:80px;height:120px;transition:left .1s ease-out;z-index:10}.player-car img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 10px rgba(0,0,0,.8))}.exhaust{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:20px;height:30px;background:linear-gradient(to bottom,rgba(0,243,255,.8),transparent);border-radius:50%;animation:flicker .1s infinite alternate;filter:blur(2px)}@keyframes flicker{0%{height:20px;opacity:.8}to{height:35px;opacity:1}}.shake{animation:shake-anim .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-anim{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-8px,0,0)}40%,60%{transform:translate3d(8px,0,0)}}.touch-controls{position:absolute;bottom:30px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 40px;z-index:20}.touch-controls button{width:80px;height:80px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.touch-controls button:active{background:#ffffff4d;transform:scale(.9)}@media (min-width: 768px){.touch-controls{display:none}}.gameover-screen{justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.gameover-title{font-size:5rem;color:#ff2a2a;text-shadow:0 0 20px #ff2a2a;margin:0 0 30px;font-weight:900;font-style:italic}.final-stats{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);padding:40px 60px;border-radius:30px;border:1px solid rgba(255,255,255,.2);text-align:center;margin-bottom:40px;position:relative}.stat-box{display:flex;flex-direction:column;gap:10px}.stat-box .label{color:#aaa;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px}.stat-box .value{font-size:4rem;font-weight:700;color:var(--neon-blue);text-shadow:0 0 15px var(--neon-blue)}.new-record-badge{position:absolute;top:-15px;right:-15px;background:var(--neon-yellow);color:#000;padding:5px 15px;border-radius:20px;font-weight:700;transform:rotate(15deg);box-shadow:0 0 15px var(--neon-yellow);animation:pulse 1s infinite}@keyframes pulse{0%{transform:rotate(15deg) scale(1)}50%{transform:rotate(15deg) scale(1.1)}to{transform:rotate(15deg) scale(1)}}.action-buttons{display:flex;gap:20px}.action-btn{padding:15px 30px;border-radius:25px;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;border:none}.action-btn.primary{background:var(--neon-blue);color:#000;box-shadow:0 0 15px var(--neon-blue)}.action-btn.primary:hover{background:#fff;box-shadow:0 0 25px #fff}.action-btn.secondary{background:transparent;border:2px solid #fff;color:#fff}.action-btn.secondary:hover{background:#ffffff1a}
