:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--ui-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-display-weight:900;--ui-display-skew:-6deg;--ui-bg:#0b1020;--ui-text:#fff;--ui-muted:#ffffff94;--ui-accent:#ff3b3b;--ui-accent-down:#d92e2e;--ui-panel:#0f1526eb;--ui-panel-border:#ffffff17;--ui-glass:#ffffff12;--ui-glass-strong:#ffffff24;--ui-scrim-top:#0508122e;--ui-scrim-bottom:#050812b8;--gold:#ffd34a;--silver:#c9d6e8;--bronze:#d98e54;--radius-l:20px;--radius-m:13px;--radius-s:9px;--shadow-pop:0 18px 50px #0000008c}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{color:#fff;background:#0b1020;width:100%;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}canvas{touch-action:none;width:100%;height:100%;display:block}.debug-overlay{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 8px);z-index:50;color:#9effa6;white-space:pre;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:6px;padding:6px 8px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed}.joystick-base{z-index:40;pointer-events:none;touch-action:none;opacity:.5;background:#ffffff0f;border:2px solid #ffffff2e;border-radius:50%;width:120px;height:120px;margin-top:-60px;margin-left:-60px;transition:opacity .15s;position:fixed}.joystick-base.active{opacity:.9}.joystick-knob{background:#ffffff80;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #0006}.hud{z-index:30;pointer-events:none;position:fixed;inset:0}.hud-progress{top:var(--safe-top);background:#ffffff1f;height:5px;position:fixed;left:0;right:0}.hud-progress-fill{width:0%;height:100%;transition:width .1s linear}.compass{top:calc(var(--safe-top) + 14px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:2px solid #ffffff40;border-radius:50%;width:64px;height:64px;position:fixed;left:50%;transform:translate(-50%)}.compass-rot{position:absolute;inset:0}.compass-needle{border-bottom:22px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:10px;left:50%;transform:translate(-50%)}.compass-dist{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000;font:600 11px/1 system-ui,sans-serif;position:absolute;top:66px;left:50%;transform:translate(-50%)}.compass.behind{border-color:#f44;animation:.6s ease-in-out infinite compass-pulse}@keyframes compass-pulse{0%,to{box-shadow:0 0 #ff3c3c00}50%{box-shadow:0 0 14px 3px #ff3c3cd9}}.hud-badge{top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 14px);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;border-radius:10px;padding:6px 12px;font:700 18px/1 system-ui,sans-serif;position:fixed}.hud-speedo{top:calc(var(--safe-top) + 58px);right:calc(var(--safe-right) + 14px);color:#fff;text-shadow:0 1px 3px #000;flex-direction:column;align-items:flex-end;display:flex;position:fixed}.hud-speedo-val{font:800 34px/.9 system-ui,sans-serif}.hud-speedo-unit{opacity:.8;font:600 12px/1 system-ui,sans-serif}.hud-countdown{color:#fff;text-shadow:0 4px 20px #0009;justify-content:center;align-items:center;font:900 120px/1 system-ui,sans-serif;animation:.5s ease-out countdown-pop;display:none;position:fixed;inset:0}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.item-button{right:calc(var(--safe-right) + 18px);bottom:calc(var(--safe-bottom) + 18px);z-index:40;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed}.item-btn{color:#fff;pointer-events:auto;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;--accent:#8fd3ff;background:#00000073;border:none;border-radius:50%;width:84px;height:84px;padding:0;transition:transform 80ms;position:relative}.item-btn[data-kind=boost]{--accent:#38e1ff}.item-btn[data-kind=magnet]{--accent:#b07cff}.item-btn[data-kind=dozer]{--accent:#ff9f43}.item-btn[data-kind=shield]{--accent:#6ef0b9}.item-btn[data-kind=kick]{--accent:#ff8a72}.item-btn[data-kind=tackle]{--accent:#ffe24a}.item-btn-ring{--charge:1;background:conic-gradient(var(--accent) calc(var(--charge) * 360deg), #ffffff1f 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 60%,#000 62%);mask:radial-gradient(closest-side,#0000 60%,#000 62%)}.item-btn-icon{color:var(--accent);filter:drop-shadow(0 1px 3px #000c);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.item-btn-icon svg{fill:currentColor;width:42px;height:42px}.item-btn-q{color:#ffffff73;text-shadow:0 1px 3px #000;font:800 34px/1 system-ui,sans-serif}.item-btn[data-phase=empty]{opacity:.55}.item-btn[data-phase=empty] .item-btn-ring{background:0 0;border:2px dashed #ffffff4d}.item-btn[data-phase=roulette]{opacity:1}.item-btn[data-phase=roulette] .item-btn-icon{animation:.14s linear infinite item-flicker}.item-btn[data-phase=held]{opacity:1;animation:.8s ease-in-out infinite item-pulse}.item-btn[data-phase=active]{opacity:1;box-shadow:0 0 0 2px var(--accent), 0 0 18px 5px var(--accent)}.item-btn.pressing{transform:scale(.92)}.item-btn.deny{animation:.36s item-deny}.item-btn-key{letter-spacing:.12em;color:#ffffff80;text-shadow:0 1px 2px #000;font:700 10px/1 system-ui,sans-serif}@media (pointer:coarse){.item-btn-key{display:none}}@keyframes item-pulse{0%,to{box-shadow:0 0 0 2px var(--accent), 0 0 8px 2px var(--accent)}50%{box-shadow:0 0 0 2px var(--accent), 0 0 20px 7px var(--accent)}}@keyframes item-flicker{0%,to{transform:scale(1)}50%{transform:scale(.86)}}@keyframes item-deny{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.hud-speedlines{z-index:30;pointer-events:none;opacity:0;background:repeating-conic-gradient(from 2deg,#0000 0deg 11deg,#ffffff1a 11deg 12.2deg);transition:opacity .18s;position:fixed;inset:0;-webkit-mask:radial-gradient(62% 58% at 50% 48%,#0000 58%,#000 92%);mask:radial-gradient(62% 58% at 50% 48%,#0000 58%,#000 92%)}.hud-speedlines.on{opacity:1}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{border-radius:2px;width:9px;height:14px;animation:linear forwards confetti-fall;position:absolute;top:-4%}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.hud-toast{left:50%;bottom:calc(var(--safe-bottom) + 132px);z-index:45;color:#ffb4b4;letter-spacing:.08em;pointer-events:none;opacity:0;background:#0009;border:1px solid #ff787899;border-radius:999px;padding:8px 16px;font:800 14px/1 system-ui,sans-serif;position:fixed;transform:translate(-50%)}.hud-toast.show{animation:1.4s forwards toast-in-out}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%)translateY(8px)}12%,78%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-6px)}}.hud-pause{top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 12px);border-radius:var(--radius-s);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;cursor:pointer;background:#00000073;border:none;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:flex;position:fixed}.hud-pause span{opacity:.9;background:#fff;border-radius:2px;width:5px;height:16px}.hud-pause:active{transform:scale(.92)}.hud-timer{top:calc(var(--safe-top) + 18px);left:calc(var(--safe-left) + 62px);font:700 20px/1.4 var(--ui-font);font-variant-numeric:tabular-nums;color:var(--ui-text);text-shadow:0 1px 3px #000;position:fixed}.hud-cityintro{left:0;right:0;bottom:calc(var(--safe-bottom) + 24%);pointer-events:none;flex-direction:column;align-items:center;gap:4px;animation:.6s ease-out cityintro-in;display:none;position:fixed}.hud-cityintro-name{font:var(--ui-display-weight) clamp(30px, 7vw, 54px) / 1 var(--ui-font);letter-spacing:.04em;transform:skewX(var(--ui-display-skew));color:var(--ui-text);text-shadow:0 3px #00000059,0 8px 30px #0009;font-style:italic}.hud-cityintro-sub{font:700 13px/1 var(--ui-font);letter-spacing:.34em;text-transform:uppercase;color:var(--ui-muted);text-shadow:0 1px 2px #000}@keyframes cityintro-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.screen{z-index:60;color:var(--ui-text);font-family:var(--ui-font);background:linear-gradient(var(--ui-scrim-top), var(--ui-scrim-bottom));padding:calc(var(--safe-top) + 12px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.panel{border-radius:var(--radius-l);background:var(--ui-panel);border:1px solid var(--ui-panel-border);width:min(92%,400px);box-shadow:var(--shadow-pop);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:auto;padding:26px 22px}.btn{border-radius:var(--radius-m);cursor:pointer;width:100%;min-height:52px;font:800 17px/1.15 var(--ui-font);letter-spacing:.06em;color:var(--ui-text);-webkit-tap-highlight-color:transparent;border:none;padding:14px 18px;transition:transform 80ms,background .15s;display:block;position:relative}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{background:var(--ui-accent);box-shadow:0 8px 26px #ff3b3b61}.btn-primary:active{background:var(--ui-accent-down)}.btn-secondary{background:var(--ui-glass-strong);border:1px solid var(--ui-panel-border)}.btn-ghost{color:var(--ui-muted);background:0 0;min-height:44px;font-weight:700}.btn-ghost.confirming{color:var(--ui-accent)}.btn-sub{font:600 12px/1 var(--ui-font);letter-spacing:.06em;opacity:.85;margin-top:3px;display:block}.screen-title{justify-content:flex-end}.title-logo{text-align:center;transform:skewX(var(--ui-display-skew));margin-bottom:6px}.title-logo-line{font:var(--ui-display-weight) clamp(52px, 14vw, 96px) / .92 var(--ui-font);letter-spacing:.01em;text-shadow:0 4px #00000059,0 14px 40px #000000a6;font-style:italic}.title-logo-line2{color:var(--ui-accent);text-shadow:0 4px #780a0a73,0 14px 40px #000000a6}.title-tagline{font:700 clamp(10px, 3vw, 13px) / 1 var(--ui-font);letter-spacing:.22em;text-transform:uppercase;color:var(--ui-muted);text-align:center;white-space:nowrap;margin-bottom:26px}.title-buttons{flex-direction:column;gap:12px;width:min(88%,340px);margin-bottom:18px;display:flex}.title-footer{font:600 11px/1 var(--ui-font);letter-spacing:.12em;color:#ffffff59;margin-bottom:6px}.screen-cityselect{justify-content:flex-start}.select-header{align-items:center;gap:8px;width:min(100%,720px);margin:4px 0 10px;display:flex}.select-back{width:auto;color:var(--ui-text);flex:none;padding:10px 14px}.select-titles{text-align:left;flex:1}.select-title{font:var(--ui-display-weight) 26px/1 var(--ui-font);letter-spacing:.03em;font-style:italic}.select-sub{font:600 12px/1.3 var(--ui-font);color:var(--ui-muted);margin-top:4px}.select-chips{flex-wrap:wrap;align-items:center;gap:8px;width:min(100%,720px);margin-bottom:14px;display:flex}.select-chips-label{font:800 11px/1 var(--ui-font);letter-spacing:.18em;color:var(--ui-muted)}.chip{border:1px solid var(--ui-panel-border);background:var(--ui-glass);color:var(--ui-text);font:800 12px/1 var(--ui-font);letter-spacing:.08em;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;padding:9px 13px}.chip.on{background:var(--ui-accent);border-color:#0000;box-shadow:0 4px 16px #ff3b3b66}.select-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:min(100%,720px);padding-bottom:10px;display:grid}.city-card{border:1px solid var(--ui-panel-border);border-radius:var(--radius-m);background:var(--ui-panel);color:var(--ui-text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:stretch;gap:2px;padding:12px 12px 11px;transition:transform .1s,border-color .15s;display:flex;position:relative}.city-card:active{transform:scale(.97)}.city-card:not(.locked):hover{border-color:var(--card-accent,var(--ui-accent))}.city-card-sky{height:52px;color:var(--card-accent,#9fb4d8);opacity:.95;margin-bottom:6px}.city-card-sky svg{fill:currentColor;width:100%;height:100%}.city-card-name{font:800 17px/1.1 var(--ui-font);letter-spacing:.02em;font-style:italic}.city-card-country{font:600 11px/1.2 var(--ui-font);letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted)}.city-card-meta{justify-content:space-between;align-items:center;min-height:18px;margin-top:8px;display:flex}.city-card-dots{gap:4px;display:flex}.city-card-dots .dot{background:var(--ui-glass-strong);border-radius:50%;width:7px;height:7px}.city-card-dots .dot.on{background:var(--card-accent,var(--ui-accent))}.city-card-best{align-items:center;gap:5px;display:flex}.city-card-time{font:700 12px/1 var(--ui-font);font-variant-numeric:tabular-nums;color:var(--ui-muted)}.city-card.locked{cursor:default}.city-card.locked .city-card-sky,.city-card.locked .city-card-name,.city-card.locked .city-card-country{opacity:.32;filter:saturate(.4)}.city-card.locked .city-card-meta{visibility:hidden}.city-card-lock{width:20px;height:20px;color:var(--ui-muted);position:absolute;top:12px;right:12px}.city-card-lock svg{fill:currentColor;width:100%;height:100%}.city-card-lockhint{font:700 10px/1 var(--ui-font);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);position:absolute;bottom:11px;left:12px}.city-card.shake{animation:.4s card-shake}@keyframes card-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.results-trophy .trophy{width:52px;height:52px}.results-trophy-big .trophy{width:72px;height:72px}.trophy-gold{fill:var(--gold)}.trophy-silver{fill:var(--silver)}.trophy-bronze{fill:var(--bronze)}.results-title{font:var(--ui-display-weight) 30px/1.1 var(--ui-font);letter-spacing:.02em;margin:6px 0 4px;font-style:italic}.results-sub{font:600 13px/1.4 var(--ui-font);color:var(--ui-muted);margin-bottom:12px}.results-newbest{background:var(--gold);color:#2b1f00;font:800 11px/1 var(--ui-font);letter-spacing:.14em;border-radius:999px;margin-bottom:10px;padding:5px 12px;animation:.5s ease-out newbest-pop;display:inline-block}@keyframes newbest-pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.results-points{font:800 15px/1 var(--ui-font);color:var(--gold);letter-spacing:.08em;margin-bottom:12px}.results-list{flex-direction:column;gap:8px;margin:4px 0 18px;display:flex}.results-row{border-radius:var(--radius-s);background:var(--ui-glass);font:600 15px/1 var(--ui-font);align-items:center;gap:10px;padding:10px 12px;display:flex}.results-row.me{background:var(--ui-glass-strong);outline:1px solid var(--ui-panel-border)}.results-place{text-align:left;opacity:.9;width:34px;font-weight:800}.chip-dot{border-radius:50%;flex:none;width:14px;height:14px}.results-name{text-align:left;flex:1}.results-time{font-variant-numeric:tabular-nums;color:var(--ui-muted)}.results-pts{text-align:right;width:44px;color:var(--gold);font-weight:800}.results-pts-big{width:64px}.results-trophystrip{justify-content:center;gap:4px;margin-bottom:16px;display:flex}.results-trophyslot{background:var(--ui-glass);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.results-trophyslot .trophy{width:17px;height:17px}.results-buttons{flex-direction:column;gap:10px;display:flex}@media (max-width:360px){.select-grid{grid-template-columns:repeat(2,1fr);gap:9px}}.screen-globe{cursor:pointer;background:0 0;justify-content:space-between;align-items:center}.globe-top{pointer-events:none;flex-direction:column;align-items:center;gap:7px;margin-top:6vh;display:flex}.globe-kicker{font:800 12px/1 var(--ui-font);letter-spacing:.3em;color:var(--ui-muted)}.globe-route{align-items:baseline;gap:14px;display:flex}.globe-city{font:var(--ui-display-weight) clamp(24px, 6vw, 44px) / 1 var(--ui-font);letter-spacing:.02em;transform:skewX(var(--ui-display-skew));text-shadow:0 3px 18px #000c;font-style:italic}.globe-city-to{color:var(--ui-accent)}.globe-arrow{font:800 clamp(18px, 4vw, 30px) / 1 var(--ui-font);color:var(--ui-muted)}.globe-sub{font:700 12px/1 var(--ui-font);letter-spacing:.26em;text-transform:uppercase;color:var(--ui-muted)}.globe-bottom{pointer-events:none;margin-bottom:5vh}.globe-skip{pointer-events:auto;letter-spacing:.18em;width:auto;padding:12px 26px}.settings-panel{max-height:86vh;overflow-y:auto}.settings-body{text-align:left;flex-direction:column;gap:7px;margin:6px 0 16px;display:flex}.settings-label{font:800 11px/1 var(--ui-font);letter-spacing:.22em;color:var(--ui-muted);margin-top:9px}.settings-label-danger{color:#ff8a8a}.settings-slider{width:100%;accent-color:var(--ui-accent);height:28px}.settings-chips{flex-wrap:wrap;gap:8px;display:flex}.settings-toggle{min-height:44px;font-size:14px}.btn.confirmable.confirming{color:#ff8a8a}.settings-back{margin-top:4px}.item-button{transform:scale(var(--hud-scale,1));transform-origin:100% 100%}.hud-speedo{transform:scale(var(--hud-scale,1));transform-origin:100% 0}.compass{transform:translateX(-50%) scale(var(--hud-scale,1));transform-origin:top}.hud-pause,.hud-timer{transform:scale(var(--hud-scale,1));transform-origin:0 0}