*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body:after{content:"";pointer-events:none;z-index:24;background:radial-gradient(circle at 50% 16%, rgba(120, 255, 170, calc(var(--gain-vignette,0) * .42)) 0%, transparent 42%), radial-gradient(circle at 50% 50%, rgba(255, 70, 70, calc(var(--penalty-vignette,0) * .38)) 0%, transparent 55%);position:fixed;inset:0}#app{width:100%;height:100%}#c{width:100%;height:100%;display:block}#hint{color:#fff;text-shadow:0 1px 2px #000000a6;pointer-events:none;max-width:min(420px,92vw);margin:0;padding:6px 10px;font-size:13px;line-height:1.35;position:fixed;bottom:10px;left:12px}.hint-touch{display:none}@media (pointer:coarse){.hint-desktop{display:none}.hint-touch{display:block}#speed-hud{text-align:center;width:min(200px,56vw);margin-bottom:0;inset:auto auto 14px 50%;transform:translate(-50%)}.speed-hud__readout{justify-content:center}.speed-hud__bar{background:#ffffff24;border-color:#fff3;margin-bottom:6px}.speed-hud__bar-fill{background:linear-gradient(90deg,#ffffff59,#ffffffe6)}.speed-hud__value{font-size:clamp(22px,6vw,32px)}.speed-hud__value,.speed-hud__unit{color:#ffffffeb;text-shadow:0 1px 4px #00000073}#touch-drive{bottom:76px}#interact-hint{padding:8px 14px;font-size:14px;bottom:210px}.mobile-grill-btn{color:#fffffff2;background:#ffffff29;border:1px solid #ffffff47;border-radius:12px;padding:11px 18px;font-size:15px;font-weight:700;bottom:222px;box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff1f}#hint{max-width:none;padding:8px 10px;font-size:12px;line-height:1.3;bottom:268px;left:12px;right:12px}}#interact-hint{color:#fff;pointer-events:none;background:#141820b8;border:1px solid #ffffff24;border-radius:10px;margin:0;padding:10px 18px;font-size:15px;font-weight:600;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000040}#speed-hud{pointer-events:none;text-align:right;color:#f2f4f8;text-shadow:0 1px 3px #000000bf;width:min(220px,42vw);position:fixed;bottom:20px;right:20px}.speed-hud__bar{background:#00000059;border:1px solid #ffffff1f;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.speed-hud__bar-fill{transform-origin:0;background:linear-gradient(90deg,#3d8fd6,#7ee0ff);border-radius:3px;width:100%;height:100%;transition:transform 80ms ease-out;transform:scaleX(0)}.speed-hud__readout{justify-content:flex-end;align-items:baseline;gap:8px;display:flex}.speed-hud__value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(28px,7vw,40px);font-weight:700}.speed-hud__unit{opacity:.85;font-size:13px;font-weight:500}#match-hud{color:#f2f4f8;pointer-events:none;text-shadow:0 1px 3px #0000008c;z-index:40;text-align:center;background:#0c101894;border:1px solid #ffffff1f;border-radius:14px;min-width:min(200px,70vw);padding:10px 28px 12px;position:fixed;top:12px;left:50%;transform:translate(-50%)}.match-hud__center{flex-direction:column;align-items:center;gap:4px;display:flex}.match-hud__economy{justify-content:center;align-items:flex-end;gap:22px;display:flex}.match-hud__stat{flex-direction:column;align-items:center;gap:0;min-width:4.5ch;display:flex}.match-hud__stat-label{letter-spacing:.06em;text-transform:uppercase;opacity:.72;font-size:11px;font-weight:600}.match-hud__stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#fff;font-size:clamp(28px,7vw,38px);font-weight:800;line-height:1.05}.match-hud__stat-value--coins{color:#ffd966}.match-coins--pulse{animation:.38s ease-out score-punch}.match-hud__score-row{line-height:1}.match-hud__score{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#fff;font-size:clamp(36px,9vw,48px);font-weight:800}.match-hud__score.match-score--pulse{animation:.38s ease-out score-punch}@keyframes score-punch{0%{color:#fff;transform:scale(1)}35%{color:#b8ff8c;text-shadow:0 0 20px #8cff78d9,0 2px 4px #00000080;transform:scale(1.18)}to{color:#fff;transform:scale(1)}}.match-hud__time-row{opacity:.88;justify-content:center;align-items:baseline;gap:8px;margin-top:4px;font-size:14px;display:flex}.match-hud__time-label{opacity:.75;font-weight:500}.match-hud__time{font-variant-numeric:tabular-nums;min-width:3.5ch;font-weight:700}#score-fx-layer{pointer-events:none;z-index:45;position:fixed;inset:0}.score-fx__pop{color:#c8ff9a;text-shadow:0 0 18px #64ff78e6,0 2px 8px #00000073;opacity:0;font-size:clamp(28px,8vw,44px);font-weight:800;position:fixed;top:22%;left:50%;transform:translate(-50%)scale(.65)}.score-fx__pop--spend{color:#ffb38a;text-shadow:0 0 14px #ffa064bf,0 2px 4px #00000080}.score-fx__pop--bad{color:#ff9a9a;text-shadow:0 0 14px #ff5050bf,0 2px 8px #00000073}.score-fx__pop--rise{animation:.82s ease-out forwards score-pop-rise}@keyframes score-pop-rise{0%{opacity:0;transform:translate(-50%,12px)scale(.5)}18%{opacity:1;transform:translate(-50%,-6px)scale(1.05)}to{opacity:0;transform:translate(-50%,-56px)scale(.92)}}#start-screen{z-index:200;background:linear-gradient(165deg,#121620eb,#080a10f5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#start-screen[hidden]{display:none}.start-screen__panel{text-align:center;background:#1e2430f2;border:1px solid #ffffff1f;border-radius:18px;max-width:min(400px,90vw);padding:36px 44px;box-shadow:0 28px 80px #00000080}.start-screen__title{color:#f2f4f8;margin:0 0 12px;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:800}.start-screen__blurb{color:#e6ecf8c7;margin:0 0 26px;font-size:15px;line-height:1.5}.start-screen__play{cursor:pointer;color:#fff;background:linear-gradient(#5ad85a,#2fa82f);border:none;border-radius:12px;padding:14px 40px;font-size:17px;font-weight:700;box-shadow:0 8px 28px #3cc85a59}#touch-drive{z-index:120;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}#touch-drive[hidden]{display:none}.touch-drive__wheel{touch-action:none;width:120px;height:120px;position:relative}.touch-drive__ring{background:radial-gradient(circle at 50% 45%,#ffffff29 0%,#ffffff0d 55%,#ffffff05 100%);border:1px solid #ffffff38;border-radius:50%;position:absolute;inset:0;box-shadow:0 4px 24px #00000038,inset 0 1px #fff3}.touch-drive__knob{pointer-events:none;background:linear-gradient(165deg,#fffffff2,#e6e8ecbf);border:1px solid #ffffff80;border-radius:50%;width:40px;height:40px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0003,inset 0 1px #ffffffd9}.mobile-grill-btn{z-index:130;letter-spacing:.02em;cursor:pointer;color:#fff;background:linear-gradient(#ff8c42,#e85d1a);border:none;border-radius:14px;padding:14px 22px;font-size:16px;font-weight:800;position:fixed;bottom:168px;right:16px;box-shadow:0 8px 28px #ff782873,inset 0 0 0 2px #ffffff1f}.mobile-grill-btn[hidden]{display:none}#grill-overlay{z-index:280;background:#080a0e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#grill-overlay[hidden]{display:none}#shop-overlay{z-index:280;background:#080a0e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#shop-overlay[hidden]{display:none}.shop-panel{color:#e8ecf2;background:linear-gradient(165deg,#2e3848,#1c222c);border:1px solid #ffffff24;border-radius:16px;width:min(400px,92vw);padding:22px 24px 20px;box-shadow:0 24px 64px #00000080,inset 0 0 0 1px #ffd2781a}.shop-panel__title{letter-spacing:-.02em;margin:0 0 10px;font-size:1.35rem;font-weight:800}.shop-panel__blurb{opacity:.82;margin:0 0 14px;font-size:14px;line-height:1.45}.shop-panel__balance{margin:0 0 8px;font-size:15px}.shop-panel__balance strong{color:#ffd966;font-weight:800}.shop-panel__actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.shop-panel__btn{cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:15px;font-weight:700}.shop-panel__btn:disabled{opacity:.45;cursor:not-allowed}.shop-panel__btn--buy{color:#1a1e24;background:linear-gradient(#ffd966,#e8a820);box-shadow:0 4px 16px #ffc85059}.shop-panel__btn--close{color:#e8ecf2;background:#ffffff14;border:1px solid #ffffff24}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grill-panel{color:#e8ecf2;background:linear-gradient(165deg,#2a3140,#1a1e28);border:1px solid #ffffff24;border-radius:16px;width:min(520px,96vw);padding:16px 18px 14px;box-shadow:0 24px 64px #00000080,inset 0 0 0 1px #ff8c3c14}.grill-panel__canvas-wrap{border:1px solid #00000059;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006}#grill-canvas{vertical-align:middle;cursor:pointer;width:100%;height:auto;display:block}.grill-panel__toolbar{align-items:center;gap:12px;margin-top:12px;display:flex}.grill-panel__tip{opacity:.78;flex:1;font-size:12px;line-height:1.35}.grill-panel__btn--icon{justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.grill-icon{width:22px;height:22px;display:block;position:relative}.grill-icon--plus:before,.grill-icon--plus:after{content:"";background:currentColor;border-radius:1px;position:absolute}.grill-icon--plus:before{width:3px;height:14px;top:4px;left:50%;transform:translate(-50%)}.grill-icon--plus:after{width:14px;height:3px;top:50%;left:4px;transform:translateY(-50%)}.grill-icon--door{box-sizing:border-box;border:2.5px solid;border-radius:3px}.grill-icon--door:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.grill-panel__btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}.grill-panel__btn:hover{background:#ffffff24}.grill-panel__btn:disabled{opacity:.4;cursor:not-allowed}.grill-panel__btn--primary{background:linear-gradient(#e86a2e,#c74a1a);border-color:#ffc87859}.grill-panel__btn--take{background:linear-gradient(#3d8fd6,#2a6cb0);border-color:#78beff59;width:100%;margin-top:4px}#end-screen{z-index:220;background:#06080cb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#end-screen[hidden]{display:none}.end-screen__panel{text-align:center;color:#f0f4fa;background:#1a1f2a;border:1px solid #ffffff1f;border-radius:16px;max-width:90vw;padding:32px 40px}.end-screen__title{margin:0 0 12px;font-size:1.75rem}.end-screen__subtitle{opacity:.82;max-width:28rem;margin:0 auto 16px;font-size:.98rem;line-height:1.45}.end-screen__score{margin:0 0 22px;font-size:1.15rem}.end-screen__btn{cursor:pointer;color:#fff;background:linear-gradient(#4a9fe8,#2d7bc4);border:none;border-radius:10px;padding:12px 28px;font-size:16px;font-weight:700}