@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@500;700&display=swap";:root{--bg: #020617;--surface: #0f172a;--surface-light: #1e293b;--primary: #ec4899;--cyan: #06b6d4;--red: #ef4444;--text: #f8fafc;--font-title: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif}body{margin:0;padding:0;background:#000;color:var(--text);font-family:var(--font-body);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}.app-container{width:100vw;height:100vh;max-width:400px;max-height:800px;background:var(--bg);position:relative;overflow:hidden;box-shadow:0 0 50px #06b6d433}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:radial-gradient(circle at top,var(--surface-light),var(--bg));z-index:10}.loading-screen{justify-content:center;font-size:1.2rem;color:var(--cyan)}.spinner{width:40px;height:40px;border:4px solid rgba(6,182,212,.2);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.title{font-family:var(--font-title);font-size:2.8rem;font-weight:900;color:transparent;-webkit-text-stroke:1px var(--cyan);background:linear-gradient(to bottom,#fff,var(--cyan));-webkit-background-clip:text;margin:20px 0 0;text-align:center;filter:drop-shadow(0 0 10px var(--cyan))}.subtitle{font-size:1.2rem;color:var(--primary);letter-spacing:4px;margin-bottom:40px;text-transform:uppercase}.cloud-badge{position:absolute;top:15px;background:#ffffff1a;padding:5px 15px;border-radius:20px;font-size:.8rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}button{font-family:var(--font-title);border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-transform:uppercase;font-weight:700}button:active{transform:scale(.95)}.btn-primary{background:linear-gradient(45deg,var(--primary),#f43f5e);color:#fff;padding:15px 30px;font-size:1.2rem;width:80%;margin-bottom:15px;box-shadow:0 5px 20px #ec489966}.btn-secondary{background:transparent;color:var(--cyan);border:2px solid var(--cyan);padding:12px 30px;font-size:1rem;width:80%}.btn-icon{background:#ffffff1a;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stats-board{display:flex;gap:20px;background:#00000080;padding:15px 25px;border-radius:12px;margin-bottom:40px;border:1px solid var(--surface-light);font-size:1.1rem}.stats-board div{display:flex;align-items:center;gap:8px}.shop-screen h2{font-family:var(--font-title);width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.car-list{display:flex;flex-direction:column;gap:15px;width:100%;overflow-y:auto;margin-bottom:20px;padding-right:5px}.car-card{background:var(--surface);border:2px solid var(--surface-light);border-radius:12px;padding:15px;display:flex;flex-direction:column;position:relative;cursor:pointer}.car-card.selected{border-color:var(--cyan);box-shadow:0 0 15px #06b6d44d}.car-card.locked{opacity:.6;filter:grayscale(1)}.car-pic{height:80px;display:flex;justify-content:center;align-items:center;font-size:3rem;margin-bottom:10px}.car-pic img{max-height:100%;object-fit:contain}.car-card h3{margin:0 0 5px;font-family:var(--font-title)}.car-card p{margin:0;color:#94a3b8;font-size:.9rem}.price{position:absolute;top:15px;right:15px;background:var(--primary);padding:4px 10px;border-radius:20px;font-weight:700;display:flex;align-items:center;gap:5px}.game-container{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.game-canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:0;left:0;right:0;padding:15px;pointer-events:none;z-index:20}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.score-box,.speed-box{background:#0f172acc;padding:8px 15px;border-radius:8px;font-family:var(--font-title);font-size:1.2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.level{font-size:.8rem;color:var(--cyan)}.bars{display:flex;flex-direction:column;gap:8px;width:60%}.bar-container{display:flex;align-items:center;gap:8px;background:#00000080;padding:4px 8px;border-radius:10px}.bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.fill{height:100%;transition:width .1s}.bg-red{background:var(--red)}.bg-cyan{background:var(--cyan)}.touch-controls{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:20;pointer-events:none}.touch-btn{width:60px;height:60px;background:#ffffff1a;border-radius:50%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;border:1px solid rgba(255,255,255,.2)}.touch-btn:active{background:#ffffff4d}.camera-hint{font-size:.8rem;color:#ffffff80;display:flex;align-items:center;gap:5px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:30}.gameover-overlay h1{font-family:var(--font-title);font-size:3rem;color:var(--red);text-shadow:0 0 20px var(--red);margin-bottom:10px}.final-score{font-size:2rem;font-weight:700;margin-bottom:5px}.new-record{color:#f59e0b;font-size:1.2rem;font-weight:700;animation:pulse 1s infinite}.earned-coins{color:#fbbf24;margin-bottom:30px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}