:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#87ceeb;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.game-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#4fc3f7,#81d4fa 40%,#b3e5fc);z-index:0}.clouds{position:absolute;width:100%;height:100%;z-index:1}.cloud{position:absolute;background:#fff;border-radius:50px;opacity:.85;animation:drift linear infinite}@keyframes drift{0%{transform:translate(110vw)}to{transform:translate(-200px)}}.road-wrapper{position:absolute;bottom:0;width:100%;height:100%;display:flex;justify-content:center;z-index:2}.road{position:relative;width:320px;height:100%;background:#555;border-left:6px solid #2e7d32;border-right:6px solid #2e7d32;overflow:hidden}.grass-left,.grass-right{position:absolute;top:0;width:40px;height:100%;background:#4caf50;z-index:3}.grass-left{left:-46px}.grass-right{right:-46px}.lane-line{position:absolute;top:0;width:6px;height:100%;z-index:2}.lane-line:before,.lane-line:after{content:"";position:absolute;width:100%;height:100%;background:repeating-linear-gradient(to bottom,#ffd54f 0px,#ffd54f 30px,transparent 30px,transparent 60px);animation:scroll-lines .6s linear infinite}.lane-line.left{left:33.33%;transform:translate(-50%)}.lane-line.right{left:66.66%;transform:translate(-50%)}@keyframes scroll-lines{0%{transform:translateY(0)}to{transform:translateY(60px)}}.hud{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-weight:700;font-size:1.1rem}.score{display:flex;align-items:center;gap:6px}.speed-badge{background:#ff9800;padding:4px 12px;border-radius:20px;font-size:.85rem}.car{position:absolute;z-index:5;transition:left .12s ease-out}.car-body{width:60px;height:100px;position:relative}.car-body svg{width:100%;height:100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.player-car{bottom:80px}.enemy-car{z-index:4}.enemy-car .car-body svg{filter:drop-shadow(0 3px 5px rgba(0,0,0,.25))}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay-box{background:#fff;border-radius:24px;padding:40px 48px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:340px;width:90%}.overlay-box h2{font-size:2rem;color:#e53935;margin-bottom:8px}.overlay-box .final-score{font-size:1.2rem;color:#555;margin-bottom:4px}.overlay-box .high-score{font-size:1rem;color:#ff9800;font-weight:700;margin-bottom:24px}.play-btn{background:linear-gradient(135deg,#43a047,#66bb6a);color:#fff;border:none;padding:14px 48px;font-size:1.25rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #43a04766;transition:transform .1s,box-shadow .1s}.play-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #43a04780}.play-btn:active{transform:scale(.97)}.start-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#4fc3f7,#81d4fa,#b3e5fc)}.start-box{text-align:center;padding:20px}.start-box h1{font-size:2.8rem;color:#e53935;text-shadow:2px 2px 0 #fff,-1px -1px 0 #fff;margin-bottom:4px}.start-box .subtitle{font-size:1.1rem;color:#37474f;margin-bottom:8px}.start-car-display{font-size:5rem;margin:16px 0 24px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.start-btn{background:linear-gradient(135deg,#43a047,#66bb6a);color:#fff;border:none;padding:16px 56px;font-size:1.4rem;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 6px 20px #43a04766;transition:transform .1s}.start-btn:hover{transform:scale(1.07)}.start-btn:active{transform:scale(.97)}.controls-hint{margin-top:20px;font-size:.9rem;color:#546e7a}.controls-hint span{display:inline-block;background:#fff;border:2px solid #ccc;border-radius:6px;padding:2px 10px;margin:0 4px;font-weight:700;box-shadow:0 2px #bbb}.touch-controls{position:fixed;bottom:20px;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:60px;pointer-events:none}.touch-btn{width:80px;height:80px;border-radius:50%;border:4px solid rgba(255,255,255,.8);background:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:2rem;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all;-webkit-tap-highlight-color:transparent;transition:background .1s}.touch-btn:active{background:#fff9}.stars{position:absolute;z-index:11;pointer-events:none}.star{position:absolute;font-size:1.5rem;animation:pop .6s ease-out forwards}@keyframes pop{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(180deg);opacity:1}to{transform:scale(0) rotate(360deg);opacity:0}}