:root{--bg-hud:#0d101294;--bg-modal:#0d1012d6;--border:#ffffff2e;--text-primary:#f3f1eb;--text-secondary:#a7adb1;--accent:#2a9be0;--warning:#f5c518;--danger:#f26b4a;--clear:#22b08f;--radius-small:8px;--radius-medium:14px;--space-2:8px;--space-3:12px;--space-4:16px;--font-hud:"Barlow Condensed", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text-primary);font-family:var(--font-hud);overscroll-behavior:none;background:#141719;margin:0;overflow:hidden}.game-shell{width:100vw;height:100vh;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100dvh;position:relative}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.game-shell:not(.has-touch) .touch-only,.game-shell.has-touch .kb-only{display:none}@media (hover:none) and (pointer:coarse){.kb-only{display:none}}#three-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{pointer-events:none;z-index:1;padding:calc(var(--space-3) + env(safe-area-inset-top)) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-3) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hud__row{justify-content:space-between;align-items:center;display:flex}.pill{background:var(--bg-hud);border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:baseline;min-width:74px;height:42px;padding:6px 12px 0;font-size:28px;font-weight:600;line-height:1;display:flex}.pill small{color:var(--text-secondary);margin-left:2px;font-size:16px;font-weight:600}.hud__group{align-items:center;gap:10px;display:flex}.pill--btn{cursor:pointer;pointer-events:auto;color:var(--text-primary);font:inherit;letter-spacing:2px;align-items:center;padding:0 10px;font-size:18px}.timer{letter-spacing:.5px;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.speed-block{flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.speed{text-align:right;opacity:.9;font-variant-numeric:tabular-nums;line-height:1}.speed--boost span{color:var(--accent)}.boost{background:#ffffff38;border-radius:3px;width:110px;height:5px;overflow:hidden}.boost__fill{transform-origin:0;background:var(--accent);width:100%;height:100%;transition:transform 80ms linear}.boost--on .boost__fill{background:#fff}.boost--low .boost__fill{background:var(--text-secondary)}.speed span{font-size:38px;font-weight:600;display:block}.speed small{letter-spacing:2px;font-size:11px;font-family:var(--font-body);font-weight:600}.center{text-shadow:0 4px 24px #00000080;font-size:96px;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#0d10124d,#0d1012cc),url(/assets/ui/hero.jpg) 50%/cover no-repeat}.screen{z-index:3;touch-action:manipulation;justify-content:safe center;align-items:center;gap:var(--space-3);background:var(--bg-modal);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:calc(var(--space-3) + env(safe-area-inset-top)) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-3) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));flex-direction:column;display:flex;position:absolute;inset:0;overflow:auto}.screen h1{letter-spacing:1px;margin:0;font-size:72px;font-weight:700;line-height:1}.screen h2{margin:0;font-size:56px;font-weight:600;line-height:1}.sub,.hint{color:var(--text-secondary);font-family:var(--font-body);margin:0;font-size:16px}.hint{font-size:13px}.btn{font:inherit;letter-spacing:1.5px;color:var(--text-primary);background:var(--accent);border-radius:var(--radius-medium);cursor:pointer;border:0;padding:12px 40px;font-size:24px;font-weight:600}.btn--ghost{border:1px solid var(--border);background:0 0}.hidden{display:none!important}.game-shell{--ctl-steer:64px;--ctl-action:76px;--ctl-opacity:1}.controls{pointer-events:none;--zone-w:40%;--zone-h:45%;--ctl-gap:14px;position:absolute;inset:0}.controls__steer,.controls__jump{width:var(--zone-w);height:var(--zone-h);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;position:absolute;bottom:0}.controls__steer{padding:0 0 calc(var(--space-4) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;left:0}.controls__jump{padding:0 calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-4) + env(safe-area-inset-bottom)) 0;justify-content:flex-end;align-items:flex-end;right:0}.controls__pair,.controls__cluster{gap:var(--ctl-gap);align-items:flex-end;display:flex}.controls__stack{align-items:flex-end;gap:var(--ctl-gap);flex-direction:column;display:flex}.controls__hints{padding-bottom:calc(var(--ctl-action) * .3);pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.controls__pair,.controls__cluster{opacity:var(--ctl-opacity)}.controls--left .controls__steer{padding:0 calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-4) + env(safe-area-inset-bottom)) 0;align-items:flex-end;left:auto;right:0}.controls--left .controls__jump{padding:0 0 calc(var(--space-4) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));justify-content:flex-start;left:0;right:auto}.controls--left .controls__cluster{flex-direction:row-reverse}.controls--left .controls__stack,.controls--left .controls__hints{align-items:flex-start}.controls--terse .ctl__label{display:none}.ctl-hint{opacity:0;visibility:hidden;white-space:nowrap;transition:opacity .6s,visibility .6s}.controls--hints .ctl-hint{opacity:1;visibility:visible}.ctl--boost{width:var(--ctl-steer);height:var(--ctl-steer)}.ctl--boost.ctl--pressed{background:var(--accent);border-color:var(--accent)}.ctl{width:var(--ctl-steer);height:var(--ctl-steer);color:var(--text-primary);font:inherit;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background:#0a0c0e47;border:1px solid #ffffff2e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:600;transition:background 80ms,border-color 80ms,opacity .2s;display:flex}.ctl--steer{font-size:34px;line-height:1}.ctl--brake,.ctl--jump,.ctl--boost{pointer-events:auto}.ctl--brake,.ctl--jump{width:var(--ctl-action);height:var(--ctl-action)}.ctl__label{letter-spacing:1.5px;font-size:12px;font-family:var(--font-body);font-weight:600}.ctl__ring{border:2px solid;border-radius:50%;width:14px;height:14px}.ctl__arrow{font-size:22px;line-height:1}.ctl--pressed{background:#ffffff38;border-color:#ffffff80}.ctl--brake.ctl--pressed{background:var(--danger);border-color:var(--danger)}.ctl--idle{opacity:.7}.ctl--active{opacity:1;border-color:var(--warning);animation:.9s ease-in-out infinite pulse}.ctl--jump.ctl--pressed{background:var(--warning);color:#141719}@keyframes pulse{0%,to{box-shadow:0 0 #ddaa388c}50%{box-shadow:0 0 0 10px #ddaa3800}}.game-shell.has-touch .hud__row--bottom{padding-bottom:calc(var(--ctl-action) + var(--ctl-steer) + 40px)}.game-shell.has-touch .btn{min-height:44px}.game-shell.has-touch .chip--btn{min-height:44px;padding:6px 14px}.game-shell.has-touch .mute-btn,.game-shell.has-touch .swatch{width:44px;height:44px}.game-shell.has-touch .pill--btn{min-width:44px;height:44px}.progress{background:var(--bg-hud);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;display:flex}.progress__label,.progress__flag{letter-spacing:1.5px;color:var(--text-secondary);font-size:10px;font-family:var(--font-body);font-weight:600}.progress__track{background:#ffffff40;border-radius:2px;width:240px;height:3px;position:relative}.dot{background:#999;border-radius:50%;width:8px;height:8px;transition:opacity .3s;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.dot--player{z-index:1;background:#fff;width:11px;height:11px}.toast{text-align:center;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;position:absolute;top:22%;left:50%;transform:translate(-50%,-8px)}.toast strong{font-size:30px;font-weight:700;line-height:1;display:block}.toast span{letter-spacing:2px;color:var(--text-secondary);font-size:13px;font-family:var(--font-body);margin-top:4px;font-weight:600;display:block}.toast--show{opacity:1;transform:translate(-50%)}.eyebrow{letter-spacing:4px;color:var(--text-secondary);font-size:13px;font-family:var(--font-body);margin:0;font-weight:600}.result-time{font-variant-numeric:tabular-nums;margin:0;font-size:28px}@media (max-width:700px){.progress__track{width:150px}.progress__label,.progress__flag{display:none}}.speed__mark{letter-spacing:1px;color:var(--danger);min-height:16px;font-size:13px;font-style:normal;display:block}.speed--over span{color:var(--danger)}.menu__card{flex-direction:column;align-items:center;gap:10px;padding:24px 32px;display:flex}.menu__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.menu__meta{align-items:center;gap:18px;margin-top:14px;display:flex}.coins{color:var(--warning);letter-spacing:1px;font-size:22px;font-weight:600}.chips{pointer-events:none;gap:8px;transition:opacity .6s;display:flex;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.chips--fade{opacity:0}.chip{background:var(--bg-hud);border:1px solid var(--border);font-family:var(--font-body);letter-spacing:1px;color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip b{color:var(--text-primary);background:#ffffff24;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.chip--btn{cursor:pointer;pointer-events:auto}.mute-btn{width:36px;height:36px;color:var(--text-primary);cursor:pointer;pointer-events:auto;background:#ffffff14;border:1px solid #ffffff59;border-radius:50%;font:600 18px/1 Barlow Condensed,sans-serif}.mute-btn--off{color:#fff6;text-decoration:line-through}#pause .mute-btn{margin-top:12px}.chip--on{border-color:var(--accent);color:var(--text-primary);background:#2a9be033}.btn--warn{background:var(--warning);color:#141719}.btn:disabled{opacity:.45;cursor:default}.center--go{color:var(--warning)}.pill--dirt{border-color:var(--warning)}.pill small{white-space:nowrap}.timer__icon{color:var(--text-secondary);margin-right:6px;font-size:16px}.toast i{font-style:normal}.toast i.up{color:var(--accent)}.toast i.down{color:var(--warning)}.ctl--clear{border-color:var(--clear);color:var(--clear);opacity:1;animation:none}.badge{border:1px solid var(--warning);color:var(--warning);letter-spacing:2px;font-size:14px;font-family:var(--font-body);background:#f5c5182e;border-radius:8px;margin:0;padding:4px 12px;font-weight:600}.breakdown{width:240px;font-family:var(--font-body);color:var(--text-secondary);margin:4px 0 0;padding:0;font-size:14px;list-style:none}.breakdown li{justify-content:space-between;padding:3px 0;display:flex}.breakdown li b{color:var(--text-primary);font-family:var(--font-hud);font-size:18px}.breakdown li.total{border-top:1px solid var(--border);color:var(--text-primary);margin-top:4px;padding-top:6px}.breakdown li.total b{color:var(--warning);font-size:22px}.screen--garage{padding:calc(18px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));justify-content:flex-start}.garage{flex-direction:column;gap:14px;width:min(1100px,100%);display:flex}.garage__header{justify-content:space-between;align-items:baseline;display:flex}.garage__header h2{font-size:40px}.garage__cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius-medium);color:var(--text-primary);text-align:left;cursor:pointer;font:inherit;background:#ffffff0d;padding:0;position:relative;overflow:hidden}.card--selected{border-color:var(--accent);box-shadow:0 0 0 2px #2a9be073}.card--locked .card__img{filter:grayscale(.6)brightness(.7)}.card__img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.card__body{flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex}.card__title{font-size:20px;font-weight:600;line-height:1}.card__stats{flex-direction:column;gap:3px;display:flex}.stat{font-family:var(--font-body);letter-spacing:1.5px;color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:10px;display:flex}.pips{gap:3px;display:inline-flex}.pips i{background:#ffffff29;border-radius:2px;width:12px;height:5px}.pips i.on{background:var(--accent)}.card__foot{flex-wrap:wrap;gap:6px;display:flex}.tag{font-family:var(--font-body);letter-spacing:1.5px;color:var(--text-secondary);background:#ffffff1a;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:600}.tag--cost{color:var(--warning)}.tag--best{color:var(--text-primary)}.garage__detail{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.paints{gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:30px;height:30px}.swatch--on{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.swatch{position:relative}.swatch--locked{opacity:.55}.swatch__cost{white-space:nowrap;font-family:var(--font-body);color:var(--warning);font-size:10px;font-weight:600;position:absolute;top:110%;left:50%;transform:translate(-50%)}.paints{padding-bottom:14px}.garage__actions{gap:10px;margin-left:auto;display:flex}.howto{flex-direction:column;align-items:center;gap:10px;max-width:520px;padding:0 20px;display:flex}.howto h2{font-size:44px}.howto dl{font-family:var(--font-body);grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:15px;display:grid}.howto dt{font-family:var(--font-hud);letter-spacing:1px;font-size:20px;font-weight:600}.howto dd{color:var(--text-secondary);margin:0}.settings{flex-direction:column;gap:10px;width:min(640px,100%);padding:0 12px;display:flex}.settings h2{font-size:44px}.settings__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings__label{width:120px;font-family:var(--font-body);letter-spacing:1.5px;color:var(--text-secondary);font-size:11px;font-weight:600}.settings__value{font-family:var(--font-body);letter-spacing:1.5px;color:var(--text-primary);min-width:44px;font-size:11px;font-weight:600}.settings input[type=range]{width:220px;accent-color:var(--accent)}.settings__actions{justify-content:flex-end;margin-top:6px;display:flex}.screen--rotate{background:#0d1012}.rotate__icon{color:var(--accent);font-size:72px;line-height:1}@media (max-width:700px){.screen h1{font-size:44px}.garage__cards{grid-template-columns:repeat(3,1fr);gap:6px}.card__img{aspect-ratio:16/9}.card__title{font-size:16px}.howto dl{font-size:13px}}@media (max-height:480px){.screen{gap:6px}.screen h1{font-size:40px}.screen h2{font-size:32px}.eyebrow{letter-spacing:3px;font-size:11px}.badge{padding:2px 10px;font-size:12px}.sub{font-size:14px}.btn{border-radius:10px;padding:8px 24px;font-size:18px}.menu__card{gap:6px;padding:8px 16px}.menu__actions{gap:8px;margin-top:2px}.menu__meta{gap:12px;margin-top:4px}.coins{font-size:18px}.result-time{font-size:20px}.breakdown{width:220px;margin:0;font-size:12px;line-height:1.2}.breakdown li{padding:0}.breakdown li b{font-size:14px}.breakdown li.total{margin-top:2px;padding-top:3px}.breakdown li.total b{font-size:17px}.garage{gap:8px}.garage__header h2{font-size:28px}.garage__cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.card__img{aspect-ratio:16/9}.card__title{font-size:16px}.card__body{gap:4px;padding:6px 8px 8px}.paints{padding-bottom:12px}.howto{gap:6px}.howto h2,.settings h2{font-size:28px}.settings{gap:6px}.howto dl{gap:3px 12px;font-size:13px}.howto dt{font-size:16px}.center{font-size:64px;top:38%}.speed span{font-size:32px}.pill{min-width:64px;height:36px;font-size:24px}.timer{font-size:18px}.toast strong{font-size:24px}.rotate__icon{font-size:48px}}