@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@500;700;900&display=swap";:root{--bg: #0A0F1F;--surface: #141B3A;--primary: #EAB308;--primary-dark: #CA8A04;--accent: #06B6D4;--text: #FEFCE8;--text-muted: #FDE68A;--border: #1E2547;--success: #10B981;--warning: #EAB308;--danger: #EF4444;--radius: 4px;--shadow: 0 12px 36px rgba(0,0,0,.4), 0 0 28px #EAB30826}body{margin:0;padding:0;overflow:hidden;background:linear-gradient(135deg,#0a0f1f,#141b3a),repeating-linear-gradient(0deg,transparent,transparent 39px,#EAB30811 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#06B6D408 40px),var(--bg);color:var(--text);font-family:JetBrains Mono,SF Mono,Consolas,monospace;display:flex;justify-content:center;align-items:center;min-height:100vh;-webkit-user-select:none;user-select:none}.app-container{position:relative;width:100%;max-width:400px;height:100vh;max-height:800px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.loading-screen{background:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:Orbitron,monospace;color:var(--text);font-size:1.2rem}.loading-content{display:flex;flex-direction:column;align-items:center;gap:10px}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cloud-status-text{font-size:.8rem;color:var(--text-muted)}.cloud-status-indicator{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-muted);z-index:100;background:rgba(var(--surface),.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 8px;border-radius:var(--radius);border:1px solid var(--border)}.icon-pulse{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.cloud-toast{position:absolute;top:60px;left:50%;transform:translate(-50%);background:var(--surface);color:var(--primary);padding:8px 16px;border-radius:var(--radius);box-shadow:var(--shadow);z-index:101;font-size:.85rem;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border)}.game-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;box-sizing:border-box;background:#0a0f1fd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.start-screen{gap:20px}.game-title{font-family:Orbitron,monospace;font-size:2.5rem;margin-bottom:10px;text-shadow:0 0 15px var(--primary),0 0 30px var(--accent);letter-spacing:2px}.game-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:30px}.action-button{background:linear-gradient(45deg,var(--primary),var(--primary-dark));color:var(--bg);border:none;padding:12px 24px;border-radius:var(--radius);font-family:JetBrains Mono,monospace;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 0 15px rgba(var(--primary),.5);text-transform:uppercase;font-weight:700}.action-button:hover{box-shadow:0 0 24px var(--primary)}.high-score-display{margin-top:20px;font-size:.9rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.playing-screen{background:transparent;justify-content:flex-start;align-items:stretch;padding:0}.hud{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-around;padding:10px 0;background:rgba(var(--surface),.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:50;box-shadow:0 4px 15px #0000004d}.hud-item{display:flex;flex-direction:column;align-items:center;font-size:.8rem;color:var(--text-muted)}.hud-label{font-size:.7rem;color:var(--accent);margin-bottom:2px}.hud-value{font-family:OrbitBrains Mono,monospace;font-size:1.1rem;color:var(--text);text-shadow:0 0 8px var(--accent)}.road-container{position:absolute;top:0;left:0;width:100%;height:100%;perspective:400px;overflow:hidden;background:linear-gradient(to bottom,#141b3a,#0a0f1f);transform-style:preserve-3d}.road{position:absolute;bottom:0;left:50%;transform:translate(-50%) rotateX(70deg);transform-origin:bottom center;width:150%;height:1000px;background:linear-gradient(to right,rgba(0,0,0,.2) 0%,transparent 10%,transparent 90%,rgba(0,0,0,.2) 100%),repeating-linear-gradient(to bottom,transparent 0%,transparent calc(50% - 2px),var(--accent) calc(50% - 1px),var(--accent) calc(50% + 1px),transparent calc(50% + 2px),transparent 100%);background-size:100% 200px;background-position-y:var(--road-offset);border-left:2px solid var(--border);border-right:2px solid var(--border);box-shadow:inset 0 0 30px #00000080;z-index:1}.roadside-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform-style:preserve-3d}.guardrail{position:absolute;bottom:0;width:10%;height:800px;background:linear-gradient(to bottom,transparent 0%,#06B6D455 20%,#06B6D4FF 50%,#06B6D455 80%,transparent 100%);transform-origin:bottom center;transform:rotateX(70deg);background-size:100% 200px;background-position-y:var(--road-offset);box-shadow:0 0 15px var(--accent);z-index:2}.guardrail.left{left:-5%;transform:translate(-50%) rotateX(70deg) rotateY(-10deg)}.guardrail.right{right:-5%;transform:translate(50%) rotateX(70deg) rotateY(10deg)}.light-pole-dynamic{position:absolute;width:4px;height:50px;background:linear-gradient(to top,var(--text) 0%,var(--primary) 50%,var(--accent) 100%);box-shadow:0 0 10px var(--primary),0 0 20px var(--accent);border-radius:2px;transform-origin:bottom center;pointer-events:none;z-index:10}.player-car{position:absolute;bottom:20px;left:50%;width:80px;height:120px;transform:translate(-50%);z-index:20;transition:left .1s ease-out;pointer-events:none}.player-car.lane-0{left:25%}.player-car.lane-1{left:50%}.player-car.lane-2{left:75%}.player-car img,.opponent-car img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px var(--primary))}.car-fallback{font-size:4rem;line-height:1;filter:drop-shadow(0 0 10px var(--primary))}.opponent-car{position:absolute;left:50%;width:60px;height:90px;transform-origin:center bottom;pointer-events:none}.opponent-car.lane-0{left:25%}.opponent-car.lane-1{left:50%}.opponent-car.lane-2{left:75%}.game-over-screen{gap:15px}.game-over-title{font-family:Orbitron,monospace;font-size:2rem;color:var(--danger);text-shadow:0 0 10px var(--danger);margin-bottom:10px}.final-score,.high-score-info{font-size:1.2rem;color:var(--text)}.neon-text-primary{color:var(--primary);text-shadow:0 0 8px var(--primary),0 0 15px var(--primary)}.neon-text-accent{color:var(--accent);text-shadow:0 0 8px var(--accent),0 0 15px var(--accent)}