:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#182119;width:100%;height:100%;margin:0;overflow:hidden}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}#driving-game{width:100%;height:100dvh;position:relative;overflow:hidden}#driving-game,#driving-game *,#driving-game :before,#driving-game :after{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}#game-canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:none;outline:none;width:100%;height:100%;display:block}#speed-lines-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){#speed-lines-canvas{display:none}.drive-leaderboard{transition:none!important}}.topbar{z-index:5;color:#fff;pointer-events:none;grid-template-columns:1fr auto;align-items:center;width:100%;padding:18px 22px;display:grid;position:absolute;top:0;left:0}.wordmark,.actions button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12191bb3;border:1px solid #ffffff29;box-shadow:0 8px 30px #0000001f}.wordmark{color:#fff;letter-spacing:-.06em;pointer-events:auto;border-radius:50%;justify-self:start;place-items:center;width:42px;height:42px;font-weight:850;text-decoration:none;display:grid}.mode-hud{z-index:5;pointer-events:none;position:absolute;top:74px;right:22px}.mode-hud:empty{display:none}.map-diagnostics{z-index:8;color:#ffffffc7;white-space:pre;pointer-events:none;background:#0d1412d1;border:1px solid #ffffff29;border-radius:10px;min-width:190px;padding:11px 13px;font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:74px;left:22px}.map-diagnostics[hidden]{display:none}.drive-leaderboard{z-index:8;opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;pointer-events:none;background:#12191bdb;border:1px solid #ffffff2e;border-radius:18px;width:176px;padding:16px 18px 17px;transition:opacity .18s,transform .18s;position:absolute;top:74px;right:22px;transform:translateY(-8px)scale(.98);box-shadow:0 18px 46px #0000003d}#driving-game[data-game-mode=chase] .drive-leaderboard{top:186px}.drive-leaderboard.is-visible{opacity:1;transform:translateY(0)scale(1)}.drive-leaderboard.is-leaving{opacity:0;transition-duration:.42s;transform:translateY(-5px)scale(.99)}.drive-leaderboard__title{color:#ffffff9e;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:9px;display:block}.drive-leaderboard__empty{color:#ffffff94;margin:0;font-size:11px}.drive-leaderboard__list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.drive-leaderboard__list li{color:#ffffff9e;font-variant-numeric:tabular-nums;border-radius:7px;grid-template-columns:1fr auto;align-items:baseline;padding:4px 7px;font-size:10px;display:grid}.drive-leaderboard__list li>strong{color:#fff;letter-spacing:-.02em;font-size:13px}.drive-leaderboard__list li.is-current{color:#b9d99d;background:#b9d99d21}.chase-status[hidden]{display:none}.chase-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#12191bb8;border:1px solid #ffffff29;border-radius:17px;gap:4px;width:176px;padding:13px 15px 14px;display:grid;box-shadow:0 8px 30px #00000024}.chase-status__label{color:#ffffff9e;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.chase-status__timer{font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:25px;line-height:1}.chase-status__message{color:#ffffffd1;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.chase-status__meter{background:#ffffff24;border-radius:2px;height:3px;margin-top:5px;overflow:hidden}.chase-status__meter>span{border-radius:inherit;transform-origin:0;background:#e2c148;width:100%;height:100%;display:block;transform:scaleX(0)}.chase-status[data-pressure=danger] .chase-status__meter>span{background:#e9553f}.chase-status[data-state=captured]{background:#2f1816d1;border-color:#e9553f80}.actions{pointer-events:auto;justify-self:end;gap:8px;display:flex}.actions button{color:#fff;cursor:pointer;border-radius:22px;min-height:42px;padding:0 14px}.actions button:hover{background:#12191be6}.action-mobile{display:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #e7f5d9}kbd{min-width:20px;min-height:20px;color:inherit;background:#ffffff17;border:1px solid #ffffff40;border-radius:5px;justify-content:center;align-items:center;padding:2px 5px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.intro{z-index:10;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);touch-action:pan-y pinch-zoom;background:#0d161152;place-items:center;transition:opacity .3s,visibility .3s;display:grid;position:absolute;inset:0;overflow-y:auto}.intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-card{color:#fff;text-align:center;background:#141d1de0;border:1px solid #ffffff30;border-radius:28px;width:min(520px,100%);padding:clamp(28px,6vw,54px);box-shadow:0 30px 80px #0000004d}.eyebrow{color:#b9d99d;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:800}.intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(42px,8vw,72px);line-height:.98}.intro-card>p:not(.eyebrow){color:#ffffffb3;max-width:390px;margin:22px auto 18px;font-size:15px;line-height:1.55}.selector-label{color:#ffffff94;letter-spacing:.12em;text-align:left;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.mode-select{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 auto 22px;display:grid}.map-select{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.mode-select button{color:#ffffffa8;font:inherit;text-align:left;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff21;border-radius:14px;gap:3px;padding:12px 14px;transition:border-color .14s,background .14s,color .14s;display:grid}.mode-select button:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d}.mode-select button[aria-pressed=true]{color:#fff;background:#b9d99d21;border-color:#b9d99db8}.mode-select strong{font-size:13px}.mode-select span{color:#ffffff85;font-size:10px}#start-driving{color:#172117;cursor:pointer;background:#e7f5d9;border:0;border-radius:27px;align-items:center;gap:32px;min-height:52px;padding:0 20px 0 23px;font-weight:800;transition:transform .16s,background .16s;display:inline-flex}#start-driving:hover{background:#fff;transform:translateY(-2px)}.key-guide{color:#ffffff94;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:13px;margin-top:30px;font-size:10px;font-weight:700;display:flex}.key-guide span{align-items:center;gap:5px;display:inline-flex}.pause-overlay{z-index:9;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:none;touch-action:pan-y pinch-zoom;background:#0d161152;place-items:center;transition:opacity .18s,visibility .18s;display:grid;position:absolute;inset:0;overflow-y:auto}.pause-overlay.is-visible{visibility:visible;opacity:1;pointer-events:auto}.pause-card{color:#fff;text-align:center;background:#141d1de6;border:1px solid #ffffff30;border-radius:26px;width:min(390px,100%);padding:38px;box-shadow:0 30px 80px #0000004d}.pause-card h2{letter-spacing:-.05em;margin:0 0 26px;font-size:clamp(30px,7vw,46px);line-height:1}.pause-drive-time{gap:3px;margin:-8px 0 22px;display:grid}.pause-drive-time span{color:#ffffff94;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.pause-drive-time strong{font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:27px}.pause-mode-select>span,.pause-mode-select>.control-mode-setting>span{color:#ffffff94;letter-spacing:.12em;text-align:left;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.mode-select--pause{margin-bottom:22px}.mode-select--between{margin-bottom:14px}.control-mode-setting[hidden],#driving-game[data-desktop-controls=false] .control-mode-setting{display:none}.pause-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}#resume-driving,#fullscreen-button{color:#172117;cursor:pointer;background:#e7f5d9;border:0;border-radius:24px;min-height:48px;padding:0 20px;font-weight:800}.touch-controls{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:none;display:none}.touch-controls button{appearance:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:none}.steering-icon{fill:none;stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:24px;height:24px;display:block}#driving-game[data-touch-capable=true] .touch-controls{display:flex}@media (width<=720px),(any-pointer:coarse){.topbar{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));grid-template-columns:1fr auto}.actions button{place-items:center;width:42px;padding:0;display:grid;position:relative;overflow:hidden}.actions .action-label,.actions button kbd{display:none}.actions .action-mobile{color:#fff;font-size:11px;font-weight:800;display:inline}#reset-button .action-mobile,#pause-button .action-mobile{font-size:18px}.key-guide{display:none}.mode-hud{top:calc(max(12px, env(safe-area-inset-top)) + 56px);right:max(12px, env(safe-area-inset-right))}.drive-leaderboard{top:calc(max(12px, env(safe-area-inset-top)) + 56px);right:max(12px, env(safe-area-inset-right));width:156px}#driving-game[data-game-mode=chase] .drive-leaderboard{top:calc(max(12px, env(safe-area-inset-top)) + 166px)}.chase-status{width:156px}.touch-controls{z-index:6;padding:18px max(18px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:end;position:absolute;bottom:0;left:0;right:0}.steering-controls{pointer-events:auto;grid-template-columns:repeat(2,58px);gap:9px;display:grid}.touch-controls button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;pointer-events:auto;background:#12191bad;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;font-size:22px;font-weight:750;display:grid;box-shadow:0 8px 25px #0000002e}.touch-controls button.is-active{color:#172117;background:#e7f5d9eb;transform:scale(.94)}.touch-controls .drift{letter-spacing:.06em;text-transform:uppercase;width:52px;height:52px;margin-bottom:3px;font-size:9px}.touch-controls .drift:before{content:"Drift";pointer-events:none}}@media (orientation:landscape) and (height<=520px){.intro,.pause-overlay{padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));place-items:start center}.intro-card{border-radius:18px;width:min(680px,100%);padding:16px 22px}.eyebrow{margin-bottom:6px}.intro h1{font-size:34px}.intro-card>p:not(.eyebrow){margin:8px auto 10px;font-size:12px;line-height:1.35}.selector-label,.pause-mode-select>span,.pause-mode-select>.control-mode-setting>span{margin-bottom:4px}.mode-select,.mode-select--pause,.mode-select--between{gap:6px;margin-bottom:8px}.mode-select button{padding:7px 10px}#start-driving,#resume-driving,#fullscreen-button{min-height:42px}.key-guide{margin-top:10px}.pause-card{border-radius:18px;width:min(560px,100%);padding:15px 22px}.pause-card .eyebrow{display:none}.pause-card h2{margin-bottom:8px;font-size:28px}.pause-drive-time{grid-template-columns:auto auto;justify-content:center;align-items:baseline;gap:8px;margin:0 0 8px}.pause-drive-time strong{font-size:20px}.touch-controls{padding-top:8px;padding-bottom:max(10px, env(safe-area-inset-bottom))}}@media (orientation:landscape) and (height<=400px){.intro-card>p:not(.eyebrow),.intro-card>.eyebrow{display:none}}@media (width<=440px){.intro-card{border-radius:22px}.map-select>button:last-child:nth-child(odd){grid-column:1/-1}.steering-controls{grid-template-columns:repeat(2,52px)}.touch-controls button{width:52px;height:52px}}