:root{font-family:Inter,Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8f5eb;background:#adbea9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#192d33;--yellow:#ffcf48;--cream:#f8f5eb;--muted:#b7c4c5;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body,#app{touch-action:none}body{-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#game-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;outline:0;touch-action:none}#app{position:relative;isolation:isolate}.start-screen{position:absolute;inset:0;background:linear-gradient(90deg,#0e2126f7,#0e2126e6 28%,#0e21266e 53%,#0e212600 77%);display:flex;align-items:center;padding:50px 6.5%;z-index:20}.intro-content{width:480px;max-width:52%;padding-bottom:24px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2.1px;display:flex;align-items:center;gap:9px;color:var(--yellow)}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--yellow);flex:none;box-shadow:0 0 12px #ffcf482d}h1{font-weight:850;font-size:clamp(80px,10vw,152px);line-height:.82;letter-spacing:-7px;margin:32px 0 27px}h1>span{display:block;color:var(--yellow)}.title-period{color:var(--cream)}.intro-tagline{font-size:clamp(20px,2.1vw,27px);font-weight:550;letter-spacing:-.7px;margin:0 0 17px}.intro-description{font-size:14px;color:#cad4d1;line-height:1.65;margin:0 0 31px;font-weight:450}.primary-button{height:56px;border-radius:12px;background:var(--yellow);color:var(--ink);padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:750;gap:35px;box-shadow:0 5px 22px #00000015;transition:background .15s,transform .15s}.primary-button svg{width:24px;height:24px;stroke-width:1.8}.primary-button:hover{background:#ffdc71;transform:translateY(-1px)}.primary-button:active{transform:translateY(1px)}.start-button{width:230px}.intro-controls{margin-top:20px;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:450;letter-spacing:.1px;color:#bac7c7}.intro-controls svg{height:26px;width:26px;stroke-width:1.4}.mini-keys{display:flex;gap:3px}kbd{font:inherit;min-width:20px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #a9bab938;border-bottom-width:2px;border-radius:4px;color:#e7eeeb;font-size:9px;padding:0 5px}.touch-copy{display:none}.intro-footer{position:absolute;bottom:calc(27px + var(--safe-bottom));left:6.5%;right:3%;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:650;letter-spacing:1.7px;color:#b0c1bf}.checker-mark{width:60px;height:18px;background:conic-gradient(#f7f4e9 25%,transparent 0 50%,#f7f4e9 0 75%,transparent 0) 0 0/12px 12px;opacity:.8}.intro-location{position:absolute;right:4%;top:calc(37px + var(--safe-top));display:flex;align-items:flex-start;gap:11px;color:#192d33;font-size:10px;letter-spacing:1.6px;font-weight:800;text-align:left;padding:12px 15px;border-radius:8px;background:#f8f5ebd9;box-shadow:0 4px 24px #1933330b}.location-rule{height:24px;width:3px;background:var(--ink);margin-top:2px}.location-subtitle{display:block;font-size:9px;letter-spacing:0;font-weight:500;opacity:.65;margin-top:5px}#game-hud{position:absolute;inset:0;pointer-events:none;z-index:10}#game-hud button,#touch-controls{pointer-events:auto}.hud-top-left{position:absolute;left:calc(26px + var(--safe-left));top:calc(22px + var(--safe-top));max-width:calc(100% - 550px)}.wordmark{font-weight:850;font-size:18px;letter-spacing:-.65px;color:var(--ink);display:flex;align-items:center;text-shadow:0 1px 10px #f9f8ed66}.wordmark-dot{color:#b17a16}.district-label{font-size:8px;letter-spacing:1.5px;margin-left:16px;font-weight:800;border-left:1px solid #243b3844;padding-left:15px}.mission-card{margin-top:16px;display:flex;gap:13px;align-items:center;background:#f8f5ebf2;border:1px solid #ffffffa6;box-shadow:0 5px 24px #18383214;border-radius:13px;padding:16px 19px 16px 15px;color:var(--ink);min-width:278px;max-width:370px}.mission-icon{width:41px;height:44px;display:flex;align-items:center;justify-content:center;flex:none;color:#354640;background:#efc747;border-radius:9px}.mission-icon svg{width:24px;height:24px;stroke-width:1.7}.small-label{font-size:8px;font-weight:800;letter-spacing:1.6px;opacity:.5;margin-bottom:5px}.mission-copy h2{font-size:16px;font-weight:750;letter-spacing:-.3px;margin:0;line-height:1.2}.mission-copy p{font-size:10px;font-weight:500;line-height:1.4;margin:6px 0 0;color:#637374}.navigation-card{position:absolute;top:calc(24px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#1b3035ed;padding:14px 23px 14px 17px;min-width:135px;border-radius:12px;box-shadow:0 4px 22px #152d3920}.navigation-arrow{color:var(--yellow);width:30px;height:30px;stroke-width:2.7}.navigation-card #nav-distance{display:block;font-size:22px;letter-spacing:-.7px;font-weight:750;line-height:1}.navigation-card #nav-label{display:block;font-size:7px;font-weight:700;letter-spacing:1.3px;margin-top:5px;color:#b8c6c7}.hud-top-right{position:absolute;top:calc(23px + var(--safe-top));right:calc(25px + var(--safe-right));display:flex;gap:8px;align-items:center}.icon-button{height:40px;width:40px;background:#f8f5ebf2;border:1px solid #ffffffb3;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:0 4px 20px #1838320a;transition:background .15s}.icon-button:hover{background:#fffdf5}.icon-button svg{width:20px;height:20px}.icon-button.is-muted{color:#9aa39d}.sound-muted-indicator,.is-muted .sound-waves{display:none}.is-muted .sound-muted-indicator{display:block}.fare-chip{height:40px;display:flex;align-items:center;background:#f8f5ebf2;border:1px solid #ffffffb3;border-radius:11px;color:var(--ink);padding:0 12px;gap:6px;box-shadow:0 4px 20px #1838320a}.fare-chip svg{width:17px;height:17px}.fare-chip #fare-count{font-size:15px;font-weight:800}.fare-caption{font-size:7px;letter-spacing:.9px;font-weight:700;opacity:.6;margin-left:1px}.map-panel{position:absolute;bottom:calc(66px + var(--safe-bottom));left:calc(26px + var(--safe-left));width:166px;padding:10px;background:#f8f5ebeb;border:1px solid #ffffff99;border-radius:13px;box-shadow:0 5px 20px #18383214;color:var(--ink)}.map-label{display:flex;gap:6px;align-items:center;font-weight:800;font-size:7px;letter-spacing:1.2px;padding:1px 2px 8px}.map-label .status-dot{width:4px;height:4px;background:#567066;box-shadow:none}#minimap{width:144px;height:144px;display:block;border-radius:6px;background:#bdcbbc}.map-legend{display:flex;gap:4px;align-items:center;font-size:6px;font-weight:750;letter-spacing:.7px;opacity:.67;padding:8px 2px 0}.legend-car{width:5px;height:7px;background:#d99506;display:inline-block;border-radius:1px}.legend-destination{width:5px;height:5px;border-radius:50%;background:#192d33;display:inline-block;margin-left:10px}#keyboard-hint{position:absolute;left:calc(26px + var(--safe-left));bottom:calc(25px + var(--safe-bottom));color:#294139;display:flex;align-items:center;gap:15px;font-size:9px;font-weight:650;background:#f8f5ebce;padding:8px 10px;border-radius:8px}#keyboard-hint>span{display:flex;align-items:center;gap:3px}#keyboard-hint kbd{color:#294139;border-color:#29413933;height:18px;font-size:8px;min-width:18px}.speed-panel{position:absolute;right:calc(28px + var(--safe-right));bottom:calc(25px + var(--safe-bottom));display:flex;align-items:center;gap:18px;padding:14px 15px 14px 22px;border:1px solid #ffffff18;background:#1b3035ed;border-radius:14px;box-shadow:0 4px 25px #172f3024;min-width:157px;justify-content:space-between}.speed-readout{display:flex;align-items:baseline;gap:7px}#speed-value{font-weight:550;line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:43px}.speed-unit{font-size:7px;letter-spacing:.8px;font-weight:700;color:#b1c2c2}#gear-button{width:34px;height:38px;border:1px solid #d8e4dc27;border-radius:8px;background:#304449;color:#ffcf48;font-size:17px;font-weight:800}#gear-button:hover{background:#475958}#toast{position:absolute;bottom:calc(52px + var(--safe-bottom));left:50%;transform:translate(-50%);max-width:390px;text-align:center;padding:14px 23px;border:1px solid #fdfcf324;background:#1c3337f2;color:#fffcef;border-radius:12px;font-size:13px;line-height:1.5;font-weight:650;box-shadow:0 5px 24px #17333324;animation:toast-in .25s ease-out}#toast.warning{background:#775c22f2}#toast.success{background:#295f4ef2}@keyframes toast-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}#touch-controls{display:none;position:absolute;inset:0;pointer-events:none;touch-action:none}#steer-pad{position:absolute;left:calc(30px + var(--safe-left));bottom:calc(34px + var(--safe-bottom));width:148px;height:148px;border:1px solid #ffffff68;border-radius:50%;background:radial-gradient(circle,#263f4530 0 42%,#eef4e329 43% 44%,#1b333641 45% 100%);box-shadow:inset 0 0 0 6px #ecf0e710,0 3px 28px #18383218;pointer-events:auto;touch-action:none;outline:none}#steer-knob{width:94px;height:94px;position:absolute;left:26px;top:26px;display:flex;align-items:center;justify-content:center;background:#f8f5ebdc;border:1px solid #ffffffb3;border-radius:50%;box-shadow:0 3px 12px #1c35362b;pointer-events:none;will-change:transform}#steer-knob svg{width:63px;height:63px;color:#243b3e;stroke-width:1.8}.steer-notch{position:absolute;top:70px;width:6px;height:6px;border-radius:50%;background:#f8f5eb9c}.steer-notch.left{left:8px}.steer-notch.right{right:8px}.steer-label{position:absolute;bottom:-19px;width:100%;text-align:center;font-weight:850;font-size:8px;letter-spacing:1.7px;color:#263e3b;text-shadow:0 1px 3px #ffffff66}.pedals{position:absolute;right:calc(28px + var(--safe-right));bottom:calc(30px + var(--safe-bottom));display:flex;align-items:flex-end;gap:14px;pointer-events:auto;touch-action:none}.pedals button{width:78px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;touch-action:none;box-shadow:0 5px 18px #18383220;transition:background .1s,transform .1s}.pedals button svg{width:38px;height:38px;stroke-width:1.5}.pedals button span{font-size:8px;font-weight:850;letter-spacing:1.1px}#brake-button{height:95px;border:1px solid #ffffffa0;background:#f8f5ebdc;color:#344747}#gas-button{height:122px;background:#ffcf48ed;border:1px solid #ffedba9e;color:#223b37}#gas-button:active,#gas-button.active,#gas-button.is-pressed{background:#ffe6a0;transform:translateY(3px)}#brake-button:active,#brake-button.active,#brake-button.is-pressed{background:#fff;transform:translateY(3px)}.modal-screen{position:absolute;inset:0;z-index:30;background:#13292b87;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal-card{width:400px;max-width:100%;background:var(--cream);color:var(--ink);border-radius:22px;padding:34px;box-shadow:0 20px 100px #0d292e47;text-align:left;border:1px solid #fff9}.modal-card .eyebrow{color:#738177;font-size:8px;letter-spacing:1.5px}.modal-card h2{font-size:41px;letter-spacing:-1.8px;line-height:1.02;font-weight:750;margin:18px 0 12px}.modal-card>p{font-size:13px;line-height:1.6;color:#738077;margin:0 0 25px}.modal-card .primary-button{width:100%;height:52px;font-size:13px}.secondary-button{width:100%;height:44px;border:1px solid #ced6c9;border-radius:10px;background:transparent;color:#465952;font-size:11px;font-weight:650;margin-top:10px}.secondary-button:hover{background:#e9ede2}.text-button{display:block;margin:16px auto 0;background:transparent;padding:7px 9px;color:#6a796f;font-size:11px;font-weight:650;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9baa9855}.text-button:hover{color:#193c30}.modal-footnote{margin-top:25px;padding-top:17px;border-top:1px solid #dce2d5;color:#869083;font-size:9px;line-height:1.6}.result-card{width:460px;text-align:center;padding:32px}.result-card .eyebrow{justify-content:center;margin-top:19px}.result-card h2{font-size:37px;margin-top:12px}.result-emblem{width:56px;height:56px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;margin:0 auto;color:#234735;box-shadow:0 0 0 6px #efc94817}.result-emblem svg{width:34px;height:34px;stroke-width:2.3}.result-stats{display:grid;grid-template-columns:1fr 1fr 1fr;margin:24px 0;padding:18px 0;border-top:1px solid #dce2d5;border-bottom:1px solid #dce2d5}.result-stats>div+div{border-left:1px solid #dce2d5}.result-stats span{display:block;font-size:7px;font-weight:750;letter-spacing:1px;color:#839082;margin-bottom:8px}.result-stats strong{font-size:14px;font-weight:750;letter-spacing:-.3px}.result-card>p{max-width:285px;margin-left:auto;margin-right:auto;font-size:12px}:where(.touch-device) .desktop-copy,:where(.touch-device) #keyboard-hint{display:none}:where(.touch-device) .touch-copy{display:flex}:where(.touch-device) #touch-controls{display:block}:where(.touch-device) .map-panel{left:auto;right:calc(25px + var(--safe-right));top:calc(76px + var(--safe-top));bottom:auto;width:132px;padding:8px}:where(.touch-device) #minimap{width:114px;height:114px}:where(.touch-device) .map-label{font-size:6px;padding-bottom:6px;letter-spacing:1px}:where(.touch-device) .map-legend{display:none}:where(.touch-device) .speed-panel{bottom:calc(175px + var(--safe-bottom));right:calc(28px + var(--safe-right));padding:10px 10px 10px 16px;min-width:126px;gap:10px}:where(.touch-device) .speed-readout{gap:6px}:where(.touch-device) #speed-value{font-size:32px}:where(.touch-device) .speed-unit{font-size:6px}:where(.touch-device) #gear-button{width:30px;height:33px;font-size:14px}:where(.touch-device) #toast{bottom:calc(70px + var(--safe-bottom));max-width:calc(100% - 420px);font-size:11px;padding:12px 18px}:where(.touch-device) .hud-top-left{max-width:calc(100% - 450px)}@media(max-width:1100px){.hud-top-left{max-width:325px}.mission-card{max-width:325px;min-width:260px;padding:14px 15px 14px 12px;gap:10px}.mission-copy h2{font-size:14px}.mission-copy p{font-size:9px}.navigation-card{left:53%;top:calc(22px + var(--safe-top));padding:12px 18px 12px 13px;min-width:125px}.navigation-card #nav-distance{font-size:20px}.intro-content{max-width:56%}h1{font-size:116px;letter-spacing:-6px}.intro-tagline{font-size:22px}.intro-description{font-size:13px}.intro-location{right:3%;top:28px}.intro-controls{font-size:9px}}@media(max-height:650px)and (min-width:650px){.start-screen{padding-top:35px;padding-bottom:35px}.intro-content{padding-bottom:10px}.eyebrow{font-size:8px}h1{font-size:95px;margin:23px 0;letter-spacing:-5px}.intro-tagline{font-size:20px;margin-bottom:12px}.intro-description{font-size:11px;line-height:1.6;margin-bottom:23px}.start-button{height:48px;width:210px;font-size:13px}.intro-controls{margin-top:16px;font-size:8px}.intro-footer{bottom:19px;font-size:7px}.intro-location{top:20px;font-size:8px}.location-subtitle{font-size:8px}.hud-top-left{top:calc(15px + var(--safe-top));left:calc(18px + var(--safe-left));max-width:285px}.wordmark{font-size:15px}.district-label{font-size:6px;margin-left:10px;padding-left:10px}.mission-card{margin-top:10px;padding:10px;min-width:240px;max-width:280px}.mission-icon{width:33px;height:37px}.mission-icon svg{width:21px;height:21px}.small-label{font-size:6px;margin-bottom:4px}.mission-copy h2{font-size:12px}.mission-copy p{font-size:8px;margin-top:4px}.navigation-card{top:calc(15px + var(--safe-top));left:53%;gap:8px;padding:10px 14px 10px 10px;min-width:106px}.navigation-card #nav-distance{font-size:17px}.navigation-card #nav-label{font-size:6px;letter-spacing:.8px}.navigation-arrow{width:24px;height:24px}.hud-top-right{top:calc(15px + var(--safe-top));right:calc(18px + var(--safe-right));gap:6px}.icon-button{height:34px;width:34px;border-radius:9px}.icon-button svg{height:17px;width:17px}.fare-chip{height:34px;padding:0 9px}.fare-caption{font-size:6px}.fare-chip #fare-count{font-size:13px}.map-panel{left:calc(18px + var(--safe-left));bottom:calc(58px + var(--safe-bottom));width:128px;padding:8px}#minimap{width:110px;height:110px}.map-legend{display:none}.map-label{font-size:6px;padding-bottom:6px}.speed-panel{bottom:calc(21px + var(--safe-bottom));right:calc(18px + var(--safe-right));padding:12px;min-width:135px}#speed-value{font-size:34px}#keyboard-hint{left:calc(18px + var(--safe-left));bottom:calc(17px + var(--safe-bottom));font-size:7px;gap:10px}#keyboard-hint kbd{font-size:7px;height:17px;min-width:16px}.modal-card{padding:26px;max-height:calc(100dvh - 30px);overflow:auto}.modal-card h2{font-size:33px;margin-top:13px}.modal-card>p{margin-bottom:18px}.modal-footnote{margin-top:17px;padding-top:12px}.result-emblem{width:45px;height:45px}.result-card .eyebrow{margin-top:16px}.result-stats{margin:18px 0;padding:14px 0}}@media(max-height:650px)and (min-width:650px){:where(.touch-device) .map-panel{left:auto;right:calc(18px + var(--safe-right));top:calc(59px + var(--safe-top));bottom:auto;width:108px;padding:7px}:where(.touch-device) #minimap{width:92px;height:92px}:where(.touch-device) .map-label{font-size:5px;letter-spacing:.8px}:where(.touch-device) #steer-pad{width:124px;height:124px;left:calc(25px + var(--safe-left));bottom:calc(28px + var(--safe-bottom))}:where(.touch-device) #steer-knob{left:22px;top:22px;width:78px;height:78px}:where(.touch-device) #steer-knob svg{width:52px;height:52px}:where(.touch-device) .steer-notch{top:59px;width:5px;height:5px}:where(.touch-device) .steer-label{font-size:7px;bottom:-16px}:where(.touch-device) .pedals{right:calc(22px + var(--safe-right));bottom:calc(22px + var(--safe-bottom));gap:11px}:where(.touch-device) .pedals button{width:68px;border-radius:14px}:where(.touch-device) .pedals button svg{width:32px;height:32px}:where(.touch-device) .pedals button span{font-size:7px}:where(.touch-device) #brake-button{height:78px}:where(.touch-device) #gas-button{height:103px}:where(.touch-device) .speed-panel{right:calc(22px + var(--safe-right));bottom:calc(140px + var(--safe-bottom));padding:8px 9px 8px 12px;min-width:113px}:where(.touch-device) #speed-value{font-size:27px}:where(.touch-device) #gear-button{width:27px;height:30px;font-size:12px}:where(.touch-device) #toast{bottom:calc(40px + var(--safe-bottom));font-size:10px;max-width:calc(100% - 350px);padding:10px 14px}}@media(max-width:750px)and (orientation:landscape){.intro-content{max-width:60%}h1{font-size:76px;margin:20px 0}.intro-tagline{font-size:18px}.intro-description{font-size:10px;margin-bottom:18px}.start-button{height:44px;width:185px;font-size:12px}.intro-controls{margin-top:12px}.intro-location{font-size:7px;padding:10px;top:18px;right:18px}.location-subtitle{font-size:7px}.intro-footer{font-size:6px;bottom:14px}.hud-top-left{max-width:235px}.mission-card{max-width:235px;min-width:210px}.mission-copy h2{font-size:11px}.mission-copy p{font-size:7px}.navigation-card{left:55%;min-width:90px;padding:9px;gap:5px}.navigation-card #nav-distance{font-size:15px}.navigation-card #nav-label{font-size:5px}.navigation-arrow{width:20px;height:20px}.fare-caption{display:none}.fare-chip{padding:0 7px;gap:3px}.fare-chip svg{width:13px}.hud-top-right{gap:5px}.map-panel,.district-label{display:none}.modal-card{padding:24px;width:360px}.modal-card h2{font-size:30px}.result-card{width:400px}.result-emblem{display:none}.result-card .eyebrow{margin-top:0}.result-stats{margin:15px 0;padding:12px 0}}@media(orientation:portrait)and (max-width:800px){.start-screen{padding:60px 8%;align-items:flex-start;background:linear-gradient(180deg,#0e2126f5,#0e2126d9 37%,#0e212630 78%,#0e212610)}.intro-content{max-width:100%;width:100%;padding-top:20px}h1{font-size:100px;letter-spacing:-5px;margin:28px 0}.intro-tagline{font-size:22px}.intro-description{font-size:12px;margin-bottom:25px}.intro-location{right:7%;top:auto;bottom:80px}.intro-footer{left:8%;right:8%;bottom:26px}.intro-controls{font-size:9px;max-width:280px;line-height:1.5}.hud-top-left{left:calc(16px + var(--safe-left));top:calc(18px + var(--safe-top));max-width:calc(100% - 32px)}.wordmark{font-size:15px}.district-label{display:none}.mission-card{margin-top:19px;max-width:calc(100vw - 32px);min-width:calc(100vw - 32px);padding:12px;gap:10px}.mission-copy h2{font-size:14px}.mission-copy p{font-size:9px}.mission-icon{height:37px;width:35px}.hud-top-right{right:calc(16px + var(--safe-right));top:calc(13px + var(--safe-top));gap:6px}.icon-button{width:32px;height:32px;border-radius:8px}.icon-button svg{width:17px;height:17px}.fare-chip{height:32px;padding:0 9px}.fare-caption{font-size:6px}.fare-chip #fare-count{font-size:12px}.navigation-card{top:calc(145px + var(--safe-top));left:16px;transform:none;min-width:110px;padding:10px 13px;gap:8px}.navigation-card #nav-distance{font-size:18px}.navigation-card #nav-label{font-size:6px}.navigation-arrow{width:24px;height:24px}.map-panel{top:calc(145px + var(--safe-top));right:16px;width:102px;padding:6px}.map-label{font-size:5px;letter-spacing:.8px;padding-bottom:5px}#minimap{width:88px;height:88px}#steer-pad{left:calc(19px + var(--safe-left));bottom:calc(35px + var(--safe-bottom));width:130px;height:130px}#steer-knob{width:82px;height:82px;top:23px;left:23px}#steer-knob svg{width:55px;height:55px}.steer-notch{top:61px}.pedals{right:calc(18px + var(--safe-right));bottom:calc(31px + var(--safe-bottom));gap:9px}.pedals button{width:64px;border-radius:15px}#brake-button{height:80px}#gas-button{height:110px}.pedals button span{font-size:7px}.pedals button svg{width:33px;height:33px}.speed-panel{right:calc(18px + var(--safe-right));bottom:calc(158px + var(--safe-bottom));padding:9px 10px 9px 13px;min-width:118px}.speed-readout{gap:5px}#speed-value{font-size:30px}#gear-button{width:29px;height:32px}#toast{bottom:calc(228px + var(--safe-bottom));max-width:calc(100% - 32px);width:max-content;font-size:11px}.modal-screen{padding:18px}.modal-card{padding:28px}.modal-card h2{font-size:37px}.result-card h2{font-size:33px}.result-stats strong{font-size:12px}.result-stats span{font-size:6px}}:where(.touch-device) #gear-button,:where(.touch-device) .icon-button{min-width:44px;min-height:44px}#steer-pad:focus-visible{outline:3px solid var(--yellow);outline-offset:5px;box-shadow:0 0 0 8px #192d3366}#app:after{content:"";position:absolute;inset:0;z-index:9;background:#f8f5eb;opacity:0;pointer-events:none}.retry-flash #app:after{animation:crossing-retry .35s ease-out both}@keyframes crossing-retry{0%{opacity:.78}35%{opacity:.52}to{opacity:0}}@media(max-height:650px)and (min-width:650px){:where(.touch-device) .map-panel{top:calc(69px + var(--safe-top))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.intro-tagline{max-width:390px;line-height:1.2}.intro-description{max-width:385px}.passport-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid #f5e4ae;border-radius:11px;background:#f6d579;color:#263b3e;box-shadow:0 4px 20px #18383212;font-size:13px;font-weight:750}.passport-button:hover{background:#ffe2a0}.passport-button svg{width:21px;height:21px;stroke-width:1.55}.passport-progress{display:inline-block;max-width:325px;margin-top:9px;padding:7px 10px;border-radius:6px;background:#f8f5ebdc;color:#415b4d;font-size:11px;font-weight:650;line-height:1.4}.street-chip{position:absolute;left:50%;top:calc(97px + var(--safe-top));transform:translate(-50%);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 11px;border-radius:6px;color:#233c39;background:#f8f5ebda;font-size:12px;font-weight:650;box-shadow:0 3px 15px #1838320a}button.map-label{width:100%;min-height:44px;padding:0 2px 5px;background:transparent;color:inherit;text-align:left}button.map-label svg{width:14px;height:14px;margin-left:auto;flex-shrink:0;stroke-width:1.3}button.map-label:hover{color:#507351}.map-attribution{position:absolute;left:50%;bottom:var(--safe-bottom);z-index:22;transform:translate(-50%);display:flex;min-height:44px;align-items:flex-end;padding:0 8px 7px;white-space:nowrap;color:#253a38;font-size:8px;font-weight:600;text-decoration:none;text-shadow:0 1px 3px #fff,0 0 7px #fff}.map-attribution:hover{text-decoration:underline}.map-attribution:focus-visible{outline:2px solid #f5c550;outline-offset:-4px}body:has(.journey-screen:not([hidden])),body:has(.modal-screen:not([hidden])),#app:has(.journey-screen:not([hidden])),#app:has(.modal-screen:not([hidden])){touch-action:pan-y}.journey-screen{position:absolute;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:max(24px,var(--safe-top)) max(24px,var(--safe-right)) max(24px,var(--safe-bottom)) max(24px,var(--safe-left));background:#122e34a8;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.journey-sheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:980px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #fff8;border-radius:21px;color:#243b3e;background:#f4f0e5;box-shadow:0 24px 90px #0a252653;touch-action:pan-y}.journey-header{position:sticky;top:0;z-index:2;background:#f4f0e5;display:flex;justify-content:space-between;gap:25px;padding:28px 30px 21px;align-items:flex-start}.journey-eyebrow{color:#5f6d5e;font-size:10px;font-weight:800;letter-spacing:1.65px;line-height:1.3}.journey-header h2{margin:10px 0 8px;font-size:clamp(25px,3vw,34px);font-weight:750;line-height:1.05;letter-spacing:-1.2px}.journey-header p{margin:0;color:#5f6d5e;font-size:13px;line-height:1.6}.journey-close{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;background:#e8e9de;color:#4d6359;border-radius:50%}.journey-close svg{width:20px;height:20px}.journey-close:hover{background:#dde1d4}.journey-screen button:focus-visible,.result-card button:focus-visible{outline-color:#365849}.passport-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 30px;padding:12px 0;border-top:1px solid #dce0d1;border-bottom:1px solid #dce0d1;color:#536752;font-size:12px;font-weight:650}.passport-owner{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.05px}.passport-monogram{display:grid;place-items:center;width:25px;height:25px;background:#e4dac0;border:1px solid #cabb8f;border-radius:50%;color:#79683f;font-size:13px}.city-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:15px;padding:23px 30px 0}.city-card{border:1px solid #d9ded0;border-radius:13px;overflow:hidden;background:#fdfbf4;display:flex;flex-direction:column}.city-card.is-current,.city-card[data-current=true]{border-color:#b4c1a3;box-shadow:0 0 0 2px #a6bc8330}.city-picture{position:relative;overflow:hidden}.city-art{width:100%;height:auto;display:block;fill:none;stroke:none}.city-stamp{position:absolute;top:12px;left:12px;padding:5px 7px;border:1px solid #a7ae9f80;border-radius:3px;background:#f8f3e6bb;color:#506258;font-size:9px;font-weight:800;letter-spacing:1.1px}.city-card-body{padding:17px;display:flex;flex:1;flex-direction:column;align-items:stretch}.city-country{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#617160}.city-country>span{font-size:10px;letter-spacing:.5px;font-variant-numeric:tabular-nums}.city-card h3{margin:8px 0 9px;font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.85px}.city-card h3>span{font-size:15px;font-weight:500;letter-spacing:1px;margin-left:5px;color:#8c7d7a}.city-description{min-height:38px;margin:0 0 12px;color:#617160;font-size:12px;line-height:1.55}.city-status{margin:0;color:#435f47;font-size:13px;font-weight:750;line-height:1.5}.learned-phrases{min-height:37px;display:flex;flex-wrap:wrap;gap:4px;align-content:center;color:#5d6b58;font-size:11px;padding:7px 0}.learned-phrases>*{padding:3px 6px;margin:0;background:#eff0e7;border:1px solid #e1e5d8;border-radius:4px;font-size:11px;line-height:1.4}.city-travel{width:100%;margin-top:auto;min-height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:5px;border-radius:8px;background:#334f45;color:#fff9e9;font-size:14px;font-weight:700}.city-travel>span{font-size:19px;line-height:1}.city-travel:hover:not(:disabled){background:#426356}.city-travel:disabled{cursor:default;opacity:1;background:#e9eae0;color:#5b695c}.city-home .city-travel{margin-top:auto}.passport-note{display:flex;justify-content:center;align-items:center;gap:12px;padding:21px 30px 24px}.passport-note svg{width:30px;height:30px;color:#83957f;flex-shrink:0;stroke-width:1.25}.passport-note p{margin:0;color:#52684f;font-size:12px;line-height:1.6}.passport-note p>span{font-size:11px;color:#617160}.neighbourhood-sheet{width:1050px}.neighbourhood-sheet .journey-header{border-bottom:1px solid #dce0d1}.neighbourhood-body{display:grid;grid-template-columns:minmax(0,1fr) 250px}.overview-wrap{position:relative;padding:18px;background:#e0e6d7}#overview-map{display:block;width:100%;max-height:min(66dvh,570px);aspect-ratio:900 / 760;object-fit:contain;border-radius:9px;background:#d4dfc9}.overview-legend{display:flex;align-items:center;justify-content:center;gap:5px;padding-top:13px;color:#4f634a;font-size:10px;font-weight:750;letter-spacing:1px}.local-stops-panel{padding:26px 20px}#local-stops{display:grid;gap:9px;margin-top:18px}.stop-button{display:flex;min-height:55px;width:100%;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px 12px;border:1px solid #d8ddcf;border-radius:9px;color:#3d594a;background:#fbf9f0;text-align:left;font-size:13px;font-weight:750;line-height:1.4}.stop-button small,.stop-button span{color:#617160;font-size:11px;font-weight:500}.stop-button:hover{border-color:#aebda0;background:#f0f1e3}.stop-button.is-selected,.stop-button[aria-pressed=true]{border-color:#8ba27f;background:#e8eddc}.map-note{border-top:1px solid #dce0d1;margin:22px 0 0;padding-top:16px;color:#617160;font-size:12px;line-height:1.8}.result-card{display:flex;flex-direction:column;width:500px;max-height:100%;overflow:hidden;padding:0}.result-body{min-height:0;padding:25px 30px 0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.result-actions{flex:0 0 auto;padding:12px 30px 20px;border-top:1px solid #dce2d5;background:var(--cream)}.result-emblem{width:44px;height:44px}.result-emblem svg{width:28px;height:28px}.result-card .eyebrow{margin-top:15px}.result-card h2{margin:10px 0;font-size:31px}.result-body>p{max-width:285px;margin:0 auto 14px;color:#738077;font-size:12px;line-height:1.6}.result-stats{margin:17px 0;padding:14px 0}.phrase-card{padding:14px 16px;margin:0 0 16px;border-radius:11px;border:1px solid #dbdfcd;background:#e9edde}.phrase-heading{display:flex;align-items:center;justify-content:center;gap:6px;color:#53684a;font-size:10px;font-weight:800;letter-spacing:1.1px}.phrase-heading svg{width:16px;height:16px;stroke-width:1.5}#phrase-native{display:block;margin:7px 0 3px;color:#354d3f;font-size:25px;font-weight:650;line-height:1.2;letter-spacing:.5px}#phrase-spoken{color:#536c4b;font-size:14px;font-weight:650}#phrase-meaning{display:block;color:#5e7056;font-size:13px;margin-top:4px}.result-body>.unlock-message{max-width:none;padding:10px 12px;background:#f4dfa0;border-radius:8px;color:#665022;font-size:13px;line-height:1.55}#result-passport-button{min-height:44px;margin-top:9px}.result-card .text-button{min-height:44px;margin-top:3px}.journey-transition{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1b333aed;color:#faf3df;text-align:center;padding:30px;animation:journey-arrive .45s ease both}.arrival-mark{display:grid;place-items:center;height:84px;width:100px;margin-bottom:20px;border:1px solid #aebd9a55;border-radius:48%;color:#ddc786}.arrival-mark svg{width:64px;height:48px;stroke-width:1.3}#arrival-country{color:#c3cbaa;font-size:10px;font-weight:700;letter-spacing:2.5px}#arrival-city{margin:14px 0;font-size:clamp(45px,8vw,90px);font-weight:600;line-height:1;letter-spacing:-3px}#arrival-detail{max-width:380px;color:#b4c6bd;font-size:13px;line-height:1.6}@keyframes journey-arrive{0%{opacity:0}to{opacity:1}}@media(max-width:1100px){.hud-top-right{gap:6px}.passport-button{padding:0 10px;gap:6px;font-size:12px}.fare-chip{padding:0 9px}.fare-caption{display:none}.street-chip{left:53%;top:calc(91px + var(--safe-top));max-width:230px}.journey-header{padding:25px 25px 20px}.passport-meta{margin:0 25px}.city-cards{padding:20px 25px 0;gap:13px}.city-card-body{padding:15px}.city-description{font-size:12px}.city-card h3{font-size:25px}.passport-note{padding-top:18px;padding-bottom:20px}.neighbourhood-body{grid-template-columns:minmax(0,1fr) 230px}.local-stops-panel{padding:23px 18px}}@media(max-height:700px)and (min-width:760px){.journey-screen{padding:16px}.journey-sheet{max-height:calc(100dvh - 32px)}.journey-header{padding-top:18px;padding-bottom:15px}.journey-header h2{font-size:27px;margin:7px 0}.passport-meta{padding:9px 0}.city-cards{padding-top:15px}.city-picture{max-height:125px}.city-art{height:125px;object-fit:cover}.city-card-body{padding:12px 15px}.city-card h3{font-size:23px;margin:6px 0}.city-description{margin-bottom:8px;min-height:32px}.passport-note{padding:13px 25px}.street-chip{top:calc(76px + var(--safe-top));font-size:9px}.passport-progress{margin-top:6px;padding:5px 8px;font-size:8px}.result-body{padding-top:18px}.result-emblem{width:36px;height:36px}.result-card .eyebrow{margin-top:10px}.result-card h2{font-size:28px;margin:8px 0}.result-stats{margin:12px 0;padding:10px 0}.phrase-card{padding:10px 14px;margin-bottom:12px}}@media(max-width:760px){.journey-screen{padding:12px;align-items:flex-start}.passport-meta{flex-wrap:wrap;row-gap:8px}.journey-sheet{max-height:calc(100dvh - 24px);border-radius:15px}.journey-header{padding:19px 18px 17px}.journey-header h2{font-size:25px}.journey-header p{font-size:12px;max-width:270px}.journey-eyebrow{font-size:9px}.passport-meta{margin:0 18px;font-size:11px}.passport-owner{font-size:8px;letter-spacing:.6px}.city-cards{padding:18px 18px 0;grid-template-columns:1fr;gap:15px}.city-card{display:grid;grid-template-columns:35% minmax(0,1fr)}.city-picture{min-height:100%}.city-art{height:100%;width:100%;object-fit:cover}.city-stamp{top:10px;left:7px;font-size:8px;padding:4px;letter-spacing:.6px}.city-card-body{padding:14px}.city-card h3{font-size:24px}.city-description{font-size:12px;margin-bottom:10px}.city-country{font-size:9px}.city-status{font-size:12px;margin-bottom:6px}.city-travel{font-size:13px}.learned-phrases{min-height:0;padding:3px 0 7px}.passport-note{padding:17px;gap:10px}.passport-note p{font-size:11px}.passport-note p>span{font-size:10px}.neighbourhood-body{grid-template-columns:1fr}.overview-wrap{padding:12px}#overview-map{max-height:43dvh}.local-stops-panel{padding:20px}#local-stops{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.stop-button{min-height:55px;font-size:13px}.map-note{margin-top:13px;padding-top:11px}.map-note br{display:none}}@media(max-width:760px)and (orientation:landscape){.passport-button{width:44px;padding:0}.passport-button>span{display:none}.passport-progress{max-width:235px;font-size:7px}.street-chip{top:calc(74px + var(--safe-top));left:55%;max-width:170px;font-size:8px}.map-attribution{font-size:6px}}@media(max-width:800px)and (orientation:portrait){.hud-top-right{top:calc(11px + var(--safe-top));right:calc(12px + var(--safe-right));gap:5px}.passport-button{width:44px;padding:0}.passport-button>span{display:none}.hud-top-right .fare-chip{display:none}.hud-top-right .icon-button{min-width:44px;min-height:44px}.wordmark{padding-top:6px}.mission-card{margin-top:25px}.passport-progress{margin-top:7px;max-width:calc(100vw - 145px);font-size:8px}.navigation-card{top:calc(179px + var(--safe-top))}.street-chip{left:calc(16px + var(--safe-left));transform:none;top:calc(244px + var(--safe-top));max-width:180px;font-size:9px}:where(.touch-device) .map-panel,.map-panel{top:calc(174px + var(--safe-top));right:calc(16px + var(--safe-right));left:auto;width:116px;padding:7px}:where(.touch-device) #minimap,#minimap{width:100px;height:100px}:where(.touch-device) .map-label,.map-label{font-size:6px;letter-spacing:.6px}.map-attribution{font-size:6px;padding-bottom:5px}.result-body{padding:22px 22px 0}.result-actions{padding:12px 22px 16px}}.journey-screen button,.result-card button{min-width:44px;min-height:44px}.city-travel{height:auto;padding-top:10px;padding-bottom:10px;line-height:1.35}.city-card-body{min-width:0}.city-description,.city-status,.passport-phrase,.city-travel{overflow-wrap:anywhere}.passport-phrase.learned{background:#e5ebd8;border-color:#cad7b6;color:#405d3b}#result-passport-button{font-size:13px}.result-card .text-button{font-size:12px}.journey-route{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:18px 30px 0;padding:0}.journey-route li{flex:1 1 140px;padding:9px 10px;border:1px solid #d8ddcf;border-radius:7px;font-size:11px;font-weight:700;color:#6c786b;background:#e9eade}.journey-route li.is-unlocked{color:#3a5d48;background:#e4ebd9}.journey-route li.is-current{color:#fff9e9;border-color:#334f45;background:#334f45}.passport-book .city-picture{max-height:165px}.passport-book .city-art{height:165px;object-fit:cover}@media(max-width:759px){.journey-route{margin:14px 18px 0}}.damage-panel{margin-top:8px;max-width:300px;padding:9px 11px;border-radius:9px;background:#fff6ddeb;color:#74521f;border:1px solid #efc979}.damage-heading{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750}.damage-heading svg{width:18px;height:18px}#damage-value{margin-left:auto;font-variant-numeric:tabular-nums}.damage-meter{height:5px;margin-top:6px;overflow:hidden;border-radius:5px;background:#aa7d3225}#damage-fill{display:block;height:100%;width:0;background:#d9972e;transition:width .25s}body.needs-repair .mission-card{border:2px solid #d36d47;background:#fff0df}body.needs-repair .mission-icon{background:#e3a15d}body.needs-repair .damage-panel{background:#fff0df;color:#8d3e29;border-color:#d36d47}body.needs-repair #damage-fill{background:#c95736}body.has-damage #passport-progress{display:none}@media(max-width:680px){.damage-panel{padding:6px 9px;margin-top:5px}.damage-heading{font-size:10px}}@media(max-width:800px)and (orientation:portrait){body.has-damage .navigation-card{top:calc(222px + var(--safe-top))}body.has-damage .street-chip{top:calc(282px + var(--safe-top))}.damage-panel{max-width:min(300px,calc(100vw - 155px))}}.speed-limit-sign{display:flex;flex:0 0 48px;align-items:center;flex-direction:column;gap:4px}.map-attribution{gap:3px}.map-attribution a{color:inherit;text-decoration:none}.map-attribution a:hover{text-decoration:underline}.map-attribution a:focus-visible{outline:2px solid #f5c550;outline-offset:3px}#speed-limit-value{display:grid;place-items:center;width:43px;height:43px;border:5px solid #d6483b;border-radius:50%;color:#23353b;background:#fffdf4;font-size:24px;font-weight:850;line-height:1;font-variant-numeric:tabular-nums}#speed-limit-kind{color:#d7e2df;font-size:7px;font-weight:750;letter-spacing:.7px}.speed-limit-sign.is-over #speed-limit-value{box-shadow:0 0 0 3px #ffae7270;background:#ffe0bb}.traffic-setting{display:inline-block;margin:7px 0 0 5px;font-size:8px;font-weight:750;color:#3b5554;letter-spacing:.7px;text-shadow:0 1px 2px #fff}.traffic-status{margin-top:8px;max-width:300px;padding:10px 12px;border-radius:9px;border:1px solid #d4ded2;background:#f8f5eaf2;color:#32574b;font-size:12px;font-weight:750;line-height:1.45}.traffic-status.red{color:#953d37;border-color:#dcaaa4}.traffic-status.amber,.traffic-status.warning{color:#825b1e;background:#fff0cbf2;border-color:#dba954}.traffic-status.police{color:#264f84;background:#e4f1fff2;border-color:#6fa0dd}body.police-stop .mission-card{border:2px solid #568ed0;background:#edf5ff}body.police-stop .mission-icon{background:#9bc4ed}body.police-stop #passport-progress,body.traffic-warning #passport-progress{display:none}@media(max-width:800px)and (orientation:portrait){.traffic-status{max-width:min(300px,calc(100vw - 155px));font-size:11px;padding:8px}body:has(.traffic-status:not([hidden])) .navigation-card{top:calc(265px + var(--safe-top))}body:has(.traffic-status:not([hidden])) .street-chip{top:calc(325px + var(--safe-top))}body.has-damage:has(.traffic-status:not([hidden])) .navigation-card{top:calc(280px + var(--safe-top))}body.has-damage:has(.traffic-status:not([hidden])) .street-chip{top:calc(340px + var(--safe-top))}.traffic-setting{font-size:7px}}@media(max-height:600px){.traffic-setting{font-size:7px}.traffic-status{font-size:10px;padding:7px 9px}}#game-hud .speed-panel{--dial-size: 162px;--gear-width: 88px;--gear-height: 150px;--lever-travel: 74px;position:absolute;right:calc(24px + var(--safe-right));bottom:calc(24px + var(--safe-bottom));display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;padding:10px;border:1px solid #c9d2cf42;border-radius:99px 24px 24px 99px;background:linear-gradient(145deg,#3b4546 0,#202c30 35%,#142025 78%);box-shadow:inset 0 1px 1px #e0e7de40,inset 0 -2px 3px #030b0e80,0 5px 16px #0a171a35;isolation:isolate}.speedometer{position:relative;flex:0 0 var(--dial-size);width:var(--dial-size);height:var(--dial-size)}.speed-dial{display:block;width:100%;height:100%;stroke:none;overflow:visible}.speed-dial .dial-bezel{fill:url(#dial-bezel);stroke:#d2ddda55;stroke-width:.65}.speed-dial .dial-face{fill:url(#dial-face);stroke:#040b0d;stroke-width:1.5}.speed-dial .dial-scale-arc{stroke:#82938f42;stroke-width:.65}.speed-dial .dial-tick{stroke:#a6b6b3;stroke-width:1.1;stroke-linecap:butt}.speed-dial .dial-tick.major{stroke:#f0f1e7;stroke-width:2}.speed-dial .dial-numbers{fill:#f1f2e9;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;text-anchor:middle;dominant-baseline:central}.speed-dial .dial-brand{fill:#a4b3af;font-size:6px;font-weight:750;letter-spacing:1.5px;text-anchor:middle}.speed-dial .dial-unit{fill:#bbc6bd;font-size:8px;font-weight:500;text-anchor:middle}.speed-dial .dial-needle-shadow{fill:#0008;transform:translate(1px,2px)}.speed-dial .dial-needle{fill:#ff674d;stroke:#ffbaa1;stroke-width:.45;stroke-linejoin:round}.speed-dial .dial-hub-ring{fill:#182126;stroke:#aab6b6;stroke-width:1}.speed-dial .dial-hub{fill:#465453;stroke:#c4cfcb55;stroke-width:.6}#game-hud .speed-panel .speed-readout{position:absolute;left:50%;bottom:14%;display:flex;flex-direction:column;align-items:center;gap:3px;transform:translate(-50%);min-width:37px;padding:3px 5px 4px;border:1px solid #a1b1a11f;border-radius:3px;background:#060f1259;box-shadow:inset 0 1px 3px #0004}#game-hud .speed-panel #speed-value{font-size:18px;font-weight:550;line-height:1;letter-spacing:.5px;font-variant-numeric:tabular-nums;color:#e7efd4}#game-hud .speed-panel .speed-unit{font-size:5px;font-weight:650;letter-spacing:1px;color:#a2b49f}#game-hud .speed-panel #speed-limit-sign{position:absolute;left:calc(var(--dial-size) - 20px);bottom:8px;display:flex;width:36px;gap:3px;align-items:center;padding:4px 2px 3px;border-radius:20px 20px 5px 5px;background:#182429;box-shadow:0 0 0 1px #89999538,0 2px 4px #0004}#game-hud .speed-panel #speed-limit-value{width:29px;height:29px;border-width:3px;font-size:17px}#game-hud .speed-panel #speed-limit-kind{font-size:5px;line-height:1;letter-spacing:.3px;color:#ced5ce}#gear-selector{position:relative;flex:0 0 var(--gear-width);width:var(--gear-width);height:var(--gear-height);--lever-position: 0}#gear-selector[data-gear=R]{--lever-position: 1}.gear-plate{position:absolute;inset:0 0 15px;border:1px solid #a4b2b34f;border-radius:15px;background:repeating-linear-gradient(0deg,#9eaaa704 0 1px,transparent 1px 3px),linear-gradient(105deg,#293638,#4a5554 44%,#344144 48%,#263235);box-shadow:inset 1px 1px 2px #c8d4cd25,inset 0 -2px 3px #10191a80,0 1px 2px #0006}#gear-lever{position:absolute;left:0;top:8px;width:44px;height:calc(var(--gear-height) - 28px);touch-action:none;pointer-events:auto;cursor:grab}#gear-lever:before{content:"";position:absolute;inset:13px 17px;background:#071014;border:1px solid #76858477;border-radius:5px;box-shadow:inset 2px 1px 3px #000,1px 1px #acb7ad22}#gear-lever:after{content:"";position:absolute;inset:20px 8px;border-top:2px solid #87938e66;border-bottom:2px solid #87938e66;pointer-events:none}.gear-knob{position:absolute;z-index:1;left:3px;top:calc(2px + var(--lever-position) * var(--lever-travel));width:38px;height:44px;border:1px solid #c1cbc284;border-bottom:3px solid #131e22;border-radius:14px 14px 12px 12px;background:linear-gradient(100deg,#172126,#536060 24%,#394548 60%,#182429);box-shadow:inset 0 2px 2px #d5dcd05c,0 4px 5px #0008;transition:top .18s cubic-bezier(.2,.75,.3,1);pointer-events:none}.gear-knob:before{content:"";position:absolute;inset:5px 5px 10px;border:1px solid #a5b1a233;border-radius:9px 9px 7px 7px;background:linear-gradient(135deg,#78817d,#3c4a4c 65%);box-shadow:inset 0 1px #d7ddc92b}.gear-knob-grip{position:absolute;height:3px;left:10px;right:10px;bottom:5px;border-top:1px solid #192526;border-bottom:1px solid #8b9a9466;border-radius:2px}#gear-selector .gear-detent{position:absolute;right:0;width:44px;height:48px;min-width:44px;min-height:44px;padding:0 0 0 6px;border:0;border-radius:8px;background:none;color:#a6b4ae;font-size:21px;font-weight:750;line-height:1;text-shadow:0 1px 1px #000;touch-action:none;transition:color .15s}#gear-drive{top:8px}#gear-reverse{bottom:20px}#gear-selector .gear-detent:before{content:"";position:absolute;left:5px;top:calc(50% - 2px);width:3px;height:4px;border-radius:2px;background:#63736c;box-shadow:inset 0 1px 1px #0005}#gear-selector .gear-detent[aria-checked=true]{color:#f6dd8c}#gear-selector .gear-detent[aria-checked=true]:before{background:#ffdb79;box-shadow:0 0 5px #ffd56566}#gear-selector .gear-detent:hover{color:#fff2c6}#gear-selector .gear-detent:focus-visible{outline:2px solid #ffda71;outline-offset:-2px;background:#f8df9320}#gear-status{position:absolute;bottom:0;left:0;width:100%;color:#c4cec5;text-align:center;font-size:8px;font-weight:600;line-height:12px;letter-spacing:.5px;white-space:nowrap}#gear-selector[data-shifting=true] #gear-status{color:#ffd485}#gear-selector[data-shifting=true] .gear-knob{border-color:#d8bb7d}#gear-selector[data-dragging=true] #gear-lever{cursor:grabbing}#gear-selector[data-dragging=true] .gear-knob{transition:none;box-shadow:inset 0 2px 2px #d5dcd05c,0 5px 9px #000a}:where(.touch-device) #game-hud .speed-panel{--dial-size: 156px;right:calc(28px + var(--safe-right));bottom:calc(170px + var(--safe-bottom))}@media(orientation:portrait)and (max-width:800px){:where(.touch-device) #game-hud .speed-panel{right:calc(18px + var(--safe-right));bottom:calc(158px + var(--safe-bottom))}}@media(orientation:landscape)and (max-height:650px){:where(.touch-device) #game-hud .speed-panel{--dial-size: 136px;--gear-height: 142px;--lever-travel: 66px;right:calc(187px + var(--safe-right));bottom:calc(22px + var(--safe-bottom));padding:8px;gap:8px}}@media(orientation:landscape)and (max-height:430px){:where(.touch-device) #game-hud .speed-panel{--dial-size: 120px;--gear-height: 134px;--lever-travel: 58px;padding:7px;gap:6px;right:calc(183px + var(--safe-right));bottom:calc(18px + var(--safe-bottom))}#game-hud .speed-panel .speed-readout{min-width:29px;padding:2px 3px;gap:2px}#game-hud .speed-panel #speed-value{font-size:14px}#game-hud .speed-panel #speed-limit-sign{left:calc(var(--dial-size) - 22px);bottom:10px}}@media(orientation:landscape)and (max-width:650px){:where(.touch-device) #game-hud .speed-panel{--dial-size: 108px;--gear-height: 126px;--lever-travel: 50px;padding:6px;gap:4px;right:calc(168px + var(--safe-right));bottom:calc(20px + var(--safe-bottom))}:where(.touch-device) #game-hud #steer-pad{width:112px;height:112px;left:calc(20px + var(--safe-left));bottom:calc(25px + var(--safe-bottom))}:where(.touch-device) #game-hud #steer-knob{width:72px;height:72px;left:19px;top:19px}:where(.touch-device) #game-hud #steer-knob svg{width:48px;height:48px}:where(.touch-device) #game-hud .steer-notch{top:52px}:where(.touch-device) #game-hud .pedals{right:calc(18px + var(--safe-right));bottom:calc(20px + var(--safe-bottom));gap:9px}:where(.touch-device) #game-hud .pedals button{width:64px;border-radius:13px}:where(.touch-device) #game-hud .pedals button svg{width:30px;height:30px}:where(.touch-device) #game-hud #brake-button{height:74px}:where(.touch-device) #game-hud #gas-button{height:96px}}@media(prefers-reduced-motion:reduce){.gear-knob{transition:none}}