:root{color-scheme:light;font-family:Fredoka,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}.game-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.game-container{position:relative;width:300px;height:600px;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0006,0 0 0 4px #fff,0 0 0 8px #0003}.game-container.flash{animation:screen-flash .2s}@keyframes screen-flash{0%,to{filter:brightness(1)}50%{filter:brightness(2)}}.road{position:relative;width:100%;height:100%;background:#555;background-image:repeating-linear-gradient(0deg,transparent,transparent 68px,#444 68px,#444 70px)}.grass-left,.grass-right{position:absolute;top:0;bottom:0;width:20px;background:repeating-linear-gradient(0deg,#4caf50,#4caf50 20px,#388e3c 20px,#388e3c 40px);z-index:2}.grass-left{left:0}.grass-right{right:0}.lane-divider{position:absolute;top:0;bottom:0;width:4px;background:#ffffff4d;z-index:1}.road-dash{position:absolute;width:4px;height:30px;background:#fff;border-radius:2px;opacity:.8;animation:dash-move .6s linear infinite}@keyframes dash-move{0%{transform:translateY(0)}to{transform:translateY(70px)}}.player-car{position:absolute;font-size:40px;line-height:50px;text-align:center;z-index:10;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transition:left .12s ease-out}.obstacle{position:absolute;font-size:32px;line-height:40px;text-align:center;z-index:5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:obstacle-spin 2s linear infinite}@keyframes obstacle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coin{position:absolute;font-size:24px;line-height:30px;text-align:center;z-index:5;animation:coin-bounce .5s ease-in-out infinite alternate}@keyframes coin-bounce{0%{transform:scale(1)}to{transform:scale(1.2)}}.hud{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;z-index:20;pointer-events:none}.hud-item{background:#0009;border-radius:10px;padding:4px 12px;display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:#aaa}.hud-value{font-size:20px;font-weight:700;color:#fff;line-height:1.2}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-content{text-align:center;color:#fff;padding:24px}.overlay-content h1{font-size:42px;font-weight:800;letter-spacing:.05em;margin-bottom:8px;text-shadow:0 4px 12px rgba(0,0,0,.5);background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.overlay-content p{font-size:16px;color:#fffc;margin-bottom:16px}.controls-info{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;font-size:14px;color:#fff9}.final-score{font-size:28px!important;font-weight:700;color:#ffd93d!important}.new-record{font-size:20px!important;font-weight:800;color:#ff6b6b!important;animation:record-pulse .6s ease-in-out infinite alternate}@keyframes record-pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.start-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:50px;padding:14px 40px;font-size:20px;font-weight:800;letter-spacing:.08em;cursor:pointer;box-shadow:0 6px 20px #ee5a2480;transition:transform .15s,box-shadow .15s}.start-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 28px #ee5a2499}.start-btn:active{transform:translateY(1px) scale(.98)}.game-over h1{background:linear-gradient(135deg,#ff6b6b,#ee5a24)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;animation:none!important}.mobile-controls{display:flex;gap:24px}.control-btn{width:80px;height:80px;border-radius:50%;border:4px solid rgba(255,255,255,.8);background:#ffffff26;font-size:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .1s,background .1s;-webkit-tap-highlight-color:transparent}.control-btn:active{transform:scale(.9);background:#ffffff59}@media(min-width:768px){.mobile-controls{display:none}}@media(max-width:400px){.game-container{width:260px;height:520px}}