*{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;color:#f6eedb;background:radial-gradient(at 15% 0,#344f3e,#0000 65%),#142a24;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0;overflow-y:auto}#start-screen[hidden]{display:none}.start-screen__panel{background:#1d352b;border:1px solid #657363;border-radius:8px;width:min(1060px,100%);margin:auto;overflow:hidden;box-shadow:0 28px 80px #071b2460}.start-screen__header,.start-screen__controls{justify-content:space-between;align-items:center;gap:20px;padding:24px 36px;display:flex}.start-screen__header{border-bottom:1px solid #ffffff20}.start-screen__brand{letter-spacing:.16em;font-size:13px;font-weight:900}.start-screen__badge{color:#c5cebb;font-family:Georgia,serif;font-style:italic}.start-screen__content{grid-template-columns:1.1fr 1fr;display:grid}.start-screen__intro{padding:48px}.start-screen__eyebrow{color:#e8b76c;letter-spacing:.2em;margin:0 0 22px;font-size:11px;font-weight:700}.start-screen__title{letter-spacing:-.065em;color:#fff1d7;margin:0 0 24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(64px,8vw,104px);line-height:.9}.start-screen__title em{color:#f0b95f}.start-screen__blurb{color:#c2ccbc;max-width:340px;margin:0 0 26px;font-size:15px;line-height:1.5}.start-screen__facts{color:#c2ccbc;gap:28px;margin-bottom:28px;font-size:12px;display:flex}.start-screen__facts strong{color:#fff1d7;font-variant-numeric:tabular-nums;margin-bottom:3px;font-size:25px;display:block}.start-screen__play{cursor:pointer;color:#23352b;background:#f0b95f;border:none;border-radius:4px;justify-content:space-between;align-items:center;width:100%;max-width:340px;padding:18px 24px;font-family:inherit;font-size:17px;font-weight:700;transition:background .15s,transform .15s;display:flex;box-shadow:0 4px #b77b33}.start-screen__play:hover{background:#ffcd7f;transform:translateY(-2px)}.start-screen__play:active{transform:translateY(2px);box-shadow:0 2px #b77b33}button:focus-visible{outline-offset:5px;outline:3px solid #f0b95f}.start-screen__play:focus-visible{outline-color:#fff1d7}.start-screen__note{color:#b6c3af;margin:16px 0 0;font-size:11px}.start-screen__guide{color:#2c3c30;background:#f3ead5;border-radius:4px;margin:24px 24px 24px 0;padding:30px}.start-screen__stamp{text-align:center;color:#ac572e;letter-spacing:.1em;border:3px double #ac572e;border-radius:50%;flex-direction:column;justify-content:center;width:125px;height:125px;margin:0 auto 28px;font-size:10px;font-weight:700;line-height:1.5;display:flex;transform:rotate(-10deg)}.start-screen__stamp strong{letter-spacing:-.03em;font:700 19px Georgia,serif}.start-screen__guide h2{margin:0 0 22px;font:700 23px Georgia,serif}.start-screen__steps{margin:0;padding:0;list-style:none}.start-screen__steps li{gap:16px;margin:0 0 21px;display:flex}.start-screen__steps li>span{color:#a45c30;padding-top:3px;font-size:12px;font-weight:800}.start-screen__steps h3{margin:0 0 5px;font-size:15px}.start-screen__steps p{color:#59604f;margin:0;font-size:13px;line-height:1.55}.start-screen__warning{color:#77573d;border-top:1px dashed #bcb59f;margin:0;padding-top:15px;font-size:11px;line-height:1.5}.start-screen__controls{color:#b6c3af;border-top:1px solid #ffffff20;font-size:11px;line-height:2}.start-screen__controls kbd{font:inherit;color:#f6eedb;border:1px solid #73806c;border-radius:3px;margin:0 4px 0 8px;padding:0 5px;display:inline-block}.start-screen__controls kbd:first-child{margin-left:0}.start-screen__footer-label{letter-spacing:.14em;white-space:nowrap;font-size:9px}.start-screen__touch{display:none}@media (width<=700px){#start-screen{padding:12px}.start-screen__header,.start-screen__controls{padding:18px 22px}.start-screen__badge,.start-screen__footer-label{display:none}.start-screen__content{grid-template-columns:1fr}.start-screen__intro{padding:30px 24px}.start-screen__title{font-size:76px}.start-screen__guide{margin:0 12px 12px;padding:24px}.start-screen__stamp{display:none}.start-screen__play,.start-screen__blurb{max-width:none}}@media (pointer:coarse){.start-screen__desktop{display:none}.start-screen__touch{display:block}}@media (prefers-reduced-motion:reduce){.start-screen__play{transition:none}}#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}.route-guide{box-sizing:border-box;color:#fff5dc;pointer-events:none;text-align:center;z-index:5;background:#182b29e8;border:1px solid #ffffff38;border-radius:14px;width:min(340px,100vw - 32px);padding:10px 16px;font:14px/1.4 system-ui,sans-serif;position:fixed;top:112px;left:50%;transform:translate(-50%)}.route-guide[hidden]{display:none}.route-guide__heading{justify-content:center;align-items:center;gap:12px;display:flex}.route-guide__arrow{color:#f4c56a;font-size:25px;line-height:1;display:inline-block}.route-guide p{margin:5px 0}.route-guide small{color:#d5c6a5;font-size:11px}.route-guide--urgent{background:#60341eed;border-color:#ffba66}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#c{touch-action:none}#match-hud,.route-guide{box-shadow:0 8px 24px #102a2833}.shop-panel,.grill-panel,.end-screen__panel{color:#fff1d7;background:linear-gradient(145deg,#304d40,#192e2b);border-color:#f4d5a53d}.grill-panel__title{margin:0 0 4px;font:700 25px Georgia,serif}.grill-panel__status{color:#d9d8bb;margin:0 0 14px;font-size:13px;line-height:1.4}.grill-panel__btn--icon{flex-shrink:0;width:auto;min-width:64px;min-height:48px;padding:10px}.grill-panel__btn--take{color:#263b30;background:#eeb760;min-height:48px;margin-top:14px}.grill-panel__btn--take:disabled{color:#fff1d7;background:#ffffff12}#shop-overlay,#grill-overlay{padding:16px;overflow-y:auto}.shop-panel,.grill-panel{max-height:calc(100dvh - 32px);overflow-y:auto}.touch-drive__label{text-align:center;color:#f7e4bb;letter-spacing:.16em;pointer-events:none;font-size:9px;position:absolute;bottom:12px;left:0;right:0}.touch-drive__brake{right:max(24px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));color:#ffe3c7;touch-action:none;background:#462d2ae8;border:2px solid #f8dabd88;border-radius:50%;width:78px;height:78px;font:800 12px system-ui;position:fixed;box-shadow:0 6px 20px #0004,inset 0 0 0 5px #ffffff08}.touch-drive__brake.is-held{background:#a85034;transform:scale(.94)}@media (pointer:coarse){#match-hud{top:max(10px, env(safe-area-inset-top));background:#192e2bf0;width:calc(100% - 24px);min-width:0;max-width:420px;padding:8px 16px}.match-hud__center{flex-direction:row;justify-content:space-between;gap:16px}.match-hud__economy{gap:24px}.match-hud__stat-value{font-size:26px}.match-hud__time-row{border-left:1px solid #ffffff25;padding-left:16px}.route-guide{top:calc(max(10px, env(safe-area-inset-top)) + 68px);width:min(340px,100% - 40px);padding:8px 12px;font-size:12px}.route-guide p{margin:2px 0}.route-guide small{font-size:10px}#touch-drive{pointer-events:none;inset:0;transform:none}.touch-drive__wheel{left:max(20px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;width:140px;height:140px;position:absolute}.touch-drive__ring{background:radial-gradient(circle,#365648b8,#142c28d9);border:2px solid #f1dbb960}.touch-drive__knob{background:linear-gradient(145deg,#ffe6b4,#d9a24f);width:48px;height:48px}.touch-drive__brake{pointer-events:auto}.mobile-grill-btn{bottom:calc(max(28px, env(safe-area-inset-bottom)) + 96px);right:max(20px, env(safe-area-inset-right));color:#253a30;background:#edb65e;min-width:88px;min-height:52px;box-shadow:0 5px #9c6e32,0 8px 20px #0003}#speed-hud{left:50%;right:auto;bottom:max(26px, env(safe-area-inset-bottom));width:68px;transform:translate(-50%)}.speed-hud__value{font-size:24px}.speed-hud__readout{gap:3px}.speed-hud__unit{font-size:10px}.speed-hud__bar,#hint{display:none}.shop-panel__btn{min-height:52px}.start-screen__intro{padding:24px}.start-screen__title{font-size:64px}}@media (pointer:coarse) and (orientation:landscape){#match-hud{left:max(12px, env(safe-area-inset-left));width:280px;transform:none}.route-guide{left:auto;right:max(12px, env(safe-area-inset-right));top:max(10px, env(safe-area-inset-top));width:250px;transform:none}.route-guide small{display:none}.touch-drive__wheel{width:120px;height:120px;bottom:14px}#grill-canvas{width:auto;max-width:100%;max-height:48dvh;margin:auto}}@media (prefers-reduced-motion:reduce){button{transition:none}}