:root{font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:#f7f8f4;background:#1e3039;font-synthesis:none;font-weight:500;--ink:#253d46;--green:#28584e;--accent:#efce65;--panel:rgba(38,60,76,.83)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button{font:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}button svg{flex-shrink:0}button:active:not(:disabled){transform:translateY(2px)}.app-shell{width:100%;height:100%;height:100dvh;display:flex;align-items:center;justify-content:center;background:#1e3039}.game-stage{position:relative;width:100%;max-width:560px;height:100%;isolation:isolate;overflow:hidden;background:#a9d5f4;box-shadow:0 0 80px #0d202850}.game-stage canvas{display:block;touch-action:none}.hud{position:absolute;inset:calc(20px + env(safe-area-inset-top)) 20px auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:1}.stats{display:grid;gap:8px}.distance-panel,.best-panel{background:var(--panel);border:1px solid #ffffff15;border-radius:12px;padding:12px 17px;min-width:136px;font-variant-numeric:tabular-nums}.stat-label{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.06em;color:#e1edf5}.distance-panel strong{font-size:34px;line-height:1.3;font-weight:750;letter-spacing:-.03em}.unit{margin-left:7px;font-size:17px;font-weight:550}.best-panel{padding:9px 17px}.best-panel strong{font-size:23px;line-height:1.3;letter-spacing:-.02em}.best-panel .unit{font-size:13px}.best-panel .stat-label{font-size:10px}.pause-button{pointer-events:auto;width:56px;height:56px;border:1px solid #ffffff20;border-radius:12px;background:var(--panel);color:#fff;display:grid;place-items:center}.controls{position:absolute;bottom:calc(25px + env(safe-area-inset-bottom));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:1;touch-action:none}.controls button{width:86px;height:86px;border-radius:50%;border:2px solid #ffffffa8;color:#fff;background:#30424e69;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;touch-action:none;box-shadow:inset 0 1px #ffffff19}.controls button span{font-size:10px;letter-spacing:.12em;margin-top:-3px}.controls button:hover:not(:disabled){background:#30424ea8}.controls.inactive{opacity:.4;pointer-events:none}.control-hint{text-align:center;font-size:11px;line-height:1.9;letter-spacing:.13em;color:#ffffffe0;text-shadow:0 1px 5px #263c48}.control-hint>span{font-size:10px;color:#ffffffa6}.start-overlay{position:absolute;top:27%;left:50%;width:min(78%,350px);transform:translate(-50%);z-index:2}.title-sign{background:var(--green);padding:18px 24px 15px;border:2px solid #e3e9de;border-radius:8px;box-shadow:0 0 0 5px #a0aeb4,0 10px 20px #294b6930;transform:rotate(-2deg)}.sign-top{display:flex;gap:9px;align-items:center;font-size:13px;letter-spacing:.2em;color:#e4eddf}.title-sign h1{font-weight:900;line-height:1.12;letter-spacing:.05em;font-size:clamp(36px,9vw,53px);margin:17px 0 19px}.sign-bottom{border-top:1px solid #ffffff40;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sign-bottom span{font-size:9px;font-weight:600;letter-spacing:.12em}.start-card{margin-top:23px;padding:17px 16px 14px;background:#f3f5f0f2;border:1px solid #fff;border-radius:12px;color:var(--ink);box-shadow:0 6px 24px #263d4d1a;text-align:center}.start-card p{font-size:13px;margin:0 0 14px;letter-spacing:.05em}.primary-button{background:var(--green);color:#f9faf5;border:1px solid #183e35;border-radius:7px;min-height:54px;padding:12px 19px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:750;letter-spacing:.05em}.primary-button:hover{background:#1c4a40}.primary-button:disabled{opacity:.65}.instructions{display:block;font-size:10px;margin-top:11px;color:#56676b}.pause-dialog{position:absolute;max-width:340px;width:calc(100% - 48px);padding:27px 24px 18px;border:1px solid #fff;border-radius:18px;background:#f2f5f0;color:var(--ink);text-align:center;box-shadow:0 18px 70px #132c4050}.pause-dialog::backdrop{background:#1e344469;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-symbol{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 15px;background:#e0e8e0;color:var(--green);border-radius:50%}.pause-dialog h2{font-size:24px;margin:0 0 9px;letter-spacing:.02em}.pause-dialog p{font-size:12px;color:#657578;margin:0}.pause-distance{display:flex;flex-direction:column;gap:4px;margin:25px 0}.pause-distance>span{font-size:11px;letter-spacing:.1em;color:#657578}.pause-distance strong{font-size:38px;font-variant-numeric:tabular-nums;line-height:1.2}.pause-distance small{font-size:16px}.secondary-button{background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;color:#52676b;font-size:13px;margin-top:6px}.desktop-note{position:absolute;left:max(32px,calc((100vw - 1100px)/2));width:210px;color:#becbd0}.desktop-note h2{font-size:18px;color:#e8eeec;letter-spacing:.13em;margin:17px 0}.desktop-note p{font-size:13px;line-height:2;color:#94a9b2;margin-bottom:38px}.keyboard-guide{display:flex;align-items:center;gap:6px;margin:12px 0}.keyboard-guide span{font-size:11px;margin-left:7px;color:#9aafb7}kbd{min-width:25px;height:25px;display:grid;place-items:center;padding:3px 7px;background:#2a3f49;border:1px solid #5d717950;border-bottom-width:3px;border-radius:5px;font:11px system-ui}.landscape-note{display:none}.canvas-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:30px;background:#253d46;z-index:5}.canvas-error p{line-height:1.7}.canvas-error button{padding:15px;border-radius:8px}.canvas-error h2{font-size:22px}@media(max-width:1050px){.desktop-note{display:none}}@media(min-width:700px){.game-stage{border-left:1px solid #ffffff12;border-right:1px solid #ffffff12}.title-sign h1{font-size:53px}}@media(max-width:400px){.hud{inset:calc(14px + env(safe-area-inset-top)) 15px auto}.distance-panel{padding:9px 13px;min-width:120px}.distance-panel strong{font-size:30px}.best-panel{padding:7px 13px;min-width:120px}.controls{left:20px;right:20px;bottom:calc(20px + env(safe-area-inset-bottom))}.controls button{width:76px;height:76px}.title-sign{padding:16px 20px 13px}.title-sign h1{margin:13px 0 15px}.desktop-keys{display:none}}@media(max-height:720px)and (orientation:portrait){.start-overlay{top:25%;width:min(75%,300px)}.title-sign{padding:12px 18px}.title-sign h1{font-size:37px;margin:10px 0}.sign-top{font-size:11px}.sign-bottom{padding-top:7px}.start-card{margin-top:17px;padding:12px}.start-card p{margin-bottom:9px}.controls button{width:68px;height:68px}}@media(orientation:landscape)and (max-height:550px){.game-stage{max-width:none}.start-overlay{top:12%;width:270px}.title-sign{padding:10px 18px}.title-sign h1{font-size:29px;margin:8px 0}.sign-top{font-size:10px}.sign-bottom{padding-top:5px}.start-card{margin-top:12px;padding:10px}.start-card p{display:none}.instructions{font-size:9px}.primary-button{min-height:45px}.controls{left:30px;right:30px;bottom:18px}.control-hint{display:none}.landscape-note{display:block;position:absolute;right:18px;top:90px;font-size:10px;color:#294957}.pause-dialog{padding:15px 20px}.pause-symbol{display:none}.pause-distance{margin:14px}.desktop-note{display:none}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}.start-overlay{animation:arrive .45s ease-out}@keyframes arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}}@media(max-height:650px)and (orientation:portrait){.start-overlay{top:170px}.title-sign{padding:10px 16px}.title-sign h1{font-size:30px;margin:8px 0}.sign-top{font-size:10px}.sign-top svg{width:16px;height:16px}.sign-bottom span{font-size:8px}.sign-bottom svg{height:18px}.start-card{margin-top:14px;padding:11px}.start-card p{font-size:11px}.start-card .primary-button{min-height:48px}.instructions{font-size:9px}}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.health{background:var(--panel);display:flex;gap:4px;padding:9px 10px;border-radius:10px;border:1px solid #ffffff15}.healthy{color:#f65b55}.lost{color:#b7cad044}.speed{display:flex;align-items:baseline;gap:4px;color:#f8fcff;background:var(--panel);padding:6px 10px;border-radius:7px;font-variant-numeric:tabular-nums}.speed strong{font-size:20px}.speed span{font-size:9px}.route-status{position:absolute;left:20px;right:20px;top:calc(185px + env(safe-area-inset-top));z-index:1;background:#284c46e8;border:1px solid #ffffff40;border-radius:7px;overflow:hidden;color:#eff4e7}.route-status>div:first-child{display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:11px}.route-status strong{font-size:13px;letter-spacing:.08em}.route-status span{color:#dce7d7}.route-status small{margin-left:auto;font-size:10px;color:#e8edc7}.route-track{height:3px;background:#eff7e025}.route-track i{display:block;height:100%;background:#efd36c}.event-notice{position:absolute;left:50%;top:calc(237px + env(safe-area-inset-top));transform:translate(-50%);z-index:2;max-width:calc(100% - 28px);width:max-content;padding:10px 13px;border-radius:8px;display:flex;align-items:center;gap:7px;box-shadow:0 3px 14px #27394930;background:#ffdf84;color:#4a3822;font-size:12px;font-weight:750}.event-notice svg{flex-shrink:0}.is-impact{background:#a8403a;color:#fff}.is-success{background:#edf2dd;color:#2c5848}.impact-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;box-shadow:inset 0 0 90px #e83d3500}.impact-vignette.active{box-shadow:inset 0 0 85px #e83d35ac}.controls{left:17px;right:17px;gap:15px}.steering-controls,.pedal-controls{display:flex;gap:10px;align-items:center}.controls button{width:70px;height:70px}.controls .brake-button{width:57px;height:57px;border-color:#ffffff8a}.controls .boost-button{background:#2a51486e}.controls button span{font-size:10px;margin-top:0}.start-overlay{top:30%}.instructions{line-height:1.8}.result-stats{display:flex;justify-content:center;gap:44px;margin:-5px 0 24px}.result-stats span{font-size:11px;color:#657578}.result-stats strong{display:block;color:#253d46;font-size:23px;margin-top:6px}.result-dialog .pause-distance{margin:20px 0}.result-dialog h2{font-size:23px}@media(min-width:450px){.controls button{width:84px;height:84px}.controls .brake-button{width:66px;height:66px}.controls{left:25px;right:25px}}@media(max-width:400px){.route-status{left:15px;right:15px;top:calc(167px + env(safe-area-inset-top))}.event-notice{top:calc(216px + env(safe-area-inset-top))}.controls{left:14px;right:14px;bottom:calc(20px + env(safe-area-inset-bottom));gap:10px}.controls button{width:65px;height:65px}.controls .brake-button{width:54px;height:54px}.steering-controls,.pedal-controls{gap:8px}}@media(max-height:720px)and (orientation:portrait){.route-status{top:calc(166px + env(safe-area-inset-top))}.start-overlay{top:225px}.title-sign h1{font-size:31px;line-height:1.03;margin:9px 0}.start-card{padding:10px;margin-top:13px}.start-card p{font-size:11px;margin-bottom:8px}.start-card .primary-button{min-height:44px}.instructions{font-size:9px;line-height:1.6;margin-top:7px}}@media(max-height:650px)and (orientation:portrait){.start-overlay{top:216px;width:75%}.title-sign{padding:8px 15px}.title-sign h1{font-size:27px;margin:6px 0}.sign-top{display:none}.sign-bottom{padding-top:5px}.sign-bottom span{font-size:8px}.start-card p{display:none}.instructions{font-size:8px}.controls button{width:57px;height:57px}.controls .brake-button{width:51px;height:51px}.controls svg{width:29px}.result-dialog{padding:16px 20px}.result-dialog .pause-symbol{display:none}}@media(orientation:landscape)and (max-height:550px){.route-status{left:20px;right:auto;width:190px;top:185px}.event-notice{top:18px}.start-overlay{top:11%;width:260px}.title-sign h1{font-size:29px}.controls button{width:63px;height:63px}.controls .brake-button{width:57px;height:57px}.controls{left:28px;right:28px;bottom:15px}.route-status>div:first-child{gap:4px}.route-status small{font-size:9px}.health{margin-top:0}.landscape-note{display:none}.result-dialog .pause-distance{margin:10px 0}.result-stats{margin:0 0 12px}}.controls button{min-width:56px;min-height:56px}.rearview-frame{position:absolute;top:14px;width:52%;max-width:232px;aspect-ratio:3;pointer-events:none;border:4px solid #25353b;border-radius:13px;box-shadow:0 3px #0b1719,0 5px 15px #15263255;z-index:1;left:50%;transform:translate(-50%)}.rearview-frame span{position:absolute;bottom:2px;left:7px;font-size:8px;letter-spacing:.15em;color:#e7eeee;text-shadow:0 1px 3px #000}.hud{inset:100px 18px auto}.hud-right{gap:6px}.distance-panel{padding:7px 11px;min-width:112px}.distance-panel strong{font-size:27px}.best-panel{padding:6px 11px;min-width:112px}.best-panel strong{font-size:18px}.health{padding:6px 8px}.health svg{width:18px;height:18px}.speed{padding:4px 8px}.pause-button{width:40px;height:40px}.route-status{top:224px;left:18px;right:18px;background:#284c46dc}.route-status>div:first-child{padding:6px 10px}.route-status p{margin:0;padding:0 10px 6px;font-size:11px;letter-spacing:.07em;color:#e6ecd9}.start-overlay{top:34%}@media(max-width:400px){.hud{inset:88px 15px auto}.route-status{top:210px;left:15px;right:15px}.distance-panel strong{font-size:26px}.best-panel strong{font-size:16px}}@media(max-height:720px)and (orientation:portrait){.hud{inset:78px 14px auto}.hud-right{gap:4px}.pause-button{height:32px;width:40px}.route-status{top:190px}.route-status p{font-size:10px}.start-overlay{top:260px}.start-card p{display:none}.title-sign h1{font-size:27px}}@media(max-height:650px)and (orientation:portrait){.hud{inset:74px 14px auto}.route-status{top:183px}.start-overlay{top:250px}.start-card{margin-top:12px}.instructions{font-size:8px}.title-sign h1{font-size:24px}.start-card .primary-button{min-height:44px}}@media(orientation:landscape)and (max-height:550px){.rearview-frame{top:18px}.hud{inset:18px 20px auto}.route-status{top:161px;width:180px}.start-overlay{top:105px;width:240px}.title-sign{display:none}.start-card{margin-top:0}.controls{bottom:15px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;container-type:inline-size;color:#fff}.cover-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.home-stats{position:absolute;left:3%;top:2%;width:27%;display:grid;gap:6px}.home-stat{display:flex;gap:7px;align-items:flex-start;padding:9px;border-radius:10px;background:#19384bd9;box-shadow:inset 0 0 0 1px #ffffff24}.home-stat svg{width:21px;height:23px;flex-shrink:0}.home-stat>div{min-width:0}.home-stat span{display:block;font-size:clamp(10px,2.5cqw,14px);font-weight:700;white-space:nowrap}.home-stat strong{display:block;font-size:clamp(21px,6cqw,34px);line-height:1.2;margin-top:3px;white-space:nowrap}.home-stat small{font-size:.5em}.best-stat svg{color:#ffc64b}.best-stat strong{font-size:clamp(16px,4.4cqw,25px)}.location-stat strong{font-size:clamp(11px,2.7cqw,15px);margin:0 0 4px}.home-right{position:absolute;right:3%;top:2%;display:flex;gap:7px}.home-health,.home-right button{background:#19384bd9;border-radius:10px;padding:8px;display:flex;align-items:center;gap:5px;color:#fff}.home-health svg{width:22px;height:22px;color:#ff5551}.home-right button{min-width:44px;min-height:44px;justify-content:center}.home-right button svg{width:26px;height:26px}.home-actions{position:absolute;left:6%;right:6%;bottom:10.5%}.home-action-row{display:grid;grid-template-columns:1fr 3.1fr 1fr;gap:4%;align-items:stretch}.home-action-row button{border-radius:17px;min-height:62px;box-shadow:0 5px 10px #14233344;color:#162c3c;font-weight:900;display:flex;align-items:center;justify-content:center}.garage-button,.ranking-button{flex-direction:column;background:#f9f6efe8;font-size:clamp(12px,3cqw,17px);padding:8px 2px;gap:3px}.garage-button svg,.ranking-button svg{width:26px;height:26px}.ranking-button:disabled{color:#5f6d79;background:#e1e5e4df;opacity:.9}.ranking-button small{font-size:8px;font-weight:500;white-space:nowrap}.home-action-row .start-button{background:#ffcd57;border:3px solid #151d22;box-shadow:inset 0 3px #ffe6a0,0 5px 10px #14233366;border-radius:100px;gap:8px;font-size:clamp(18px,5cqw,29px);color:#090e0c;white-space:nowrap;padding:10px}.start-button svg{width:30px;height:30px}.start-button:disabled{filter:grayscale(.6)}.selected-car{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px auto 10px;background:#162b3ade;color:#eaf0eb;border-radius:100px;padding:6px 12px;min-height:30px;font-size:11px}.selected-car span{color:#ffda83}.mode-picker{display:flex;margin:0 auto;width:86%;background:#172d3cdb;border:2px solid #a4b6be70;border-radius:100px;padding:3px;box-shadow:0 5px 15px #17293870}.mode-picker>div{display:flex;gap:8px;align-items:center;justify-content:center;width:50%;padding:8px 4px;font-size:clamp(12px,3cqw,17px);font-weight:800}.mode-picker svg{width:27px;height:29px}.mode-picker small{display:block;font-size:.7em;margin-top:3px}.mode-active{border:2px solid #78e5a3;border-radius:100px;background:#20554ae3}.mode-active small{color:#87d69f}.mode-locked{opacity:.55}.home-footer{position:absolute;bottom:2%;left:4%;right:4%;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:9px;color:#d5dbdb;text-shadow:0 1px 4px #123}.home-footer p{width:100%;margin:0 0 15px;text-align:center;font-size:clamp(13px,3.6cqw,20px);font-weight:700;letter-spacing:.07em;font-style:italic}.garage-dialog{border:1px solid #a8bdb8;border-radius:24px;padding:27px 22px 22px;background:#f5f3e9;color:#243d44;width:min(92%,430px);max-height:90dvh;overflow:auto;box-shadow:0 20px 70px #102b4590}.garage-dialog::backdrop{background:#122d4099;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.close-dialog{position:absolute;right:10px;top:10px;width:44px;height:44px;border-radius:50%;background:transparent;color:#253e44}.dialog-eyebrow{font-size:11px;letter-spacing:.15em;color:#627b78}.garage-dialog h2{margin:8px 0 16px;font-size:27px}.garage-preview{height:210px;border-radius:17px;overflow:hidden;margin-bottom:16px}.vehicle-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.vehicle-choices button{border:2px solid #c8d2cd;border-radius:12px;background:#e6e9e0;min-height:74px;display:grid;place-items:center;padding:9px 3px;color:#425954;font-size:11px}.vehicle-choices svg{width:28px;height:28px}.vehicle-choices button[aria-pressed=true]{border-color:#315f50;background:#d6e7d6;color:#244e3f}.vehicle-description{font-size:12px;min-height:38px;line-height:1.7;color:#586f6c}.settings-copy{font-size:14px;line-height:2}.mirror-frame{position:absolute;z-index:1;pointer-events:none;border:3px solid #25353b;border-radius:9px;box-shadow:0 2px #0b1719,0 3px 8px #15263255}.mirror-frame span{position:absolute;bottom:1px;left:5px;font-size:8px;color:#edf5f5;text-shadow:0 1px 3px #000}.center-mirror{top:12px;left:50%;transform:translate(-50%);width:44%;max-width:220px;aspect-ratio:3}.left-mirror,.right-mirror{top:22px;width:20%;max-width:100px;aspect-ratio:1.7}.cockpit{position:absolute;left:0;right:0;bottom:0;z-index:1;background:#152a33f5;border-top:2px solid #8bada14a;border-radius:22px 22px 0 0;box-shadow:0 -3px 15px #1a35413a;padding:10px 15px calc(86px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.navigation{position:relative;display:flex;gap:9px;align-items:center;border-radius:10px;background:#27483f;padding:8px 9px 10px;min-width:0}.nav-route{display:grid;gap:3px;justify-items:center;flex-shrink:0;color:#c4f0bd}.route-shield{font-weight:800;font-size:10px;background:#e7eee0;color:#31513e;padding:1px 6px;border-radius:7px}.nav-copy{min-width:0}.nav-copy strong{font-size:12px;white-space:nowrap}.nav-copy strong span{font-weight:500;font-size:10px;color:#c4d5bf}.nav-copy p{font-size:10px;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3f1db}.nav-copy small{font-size:8px;color:#b2c6b2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-progress{position:absolute;bottom:0;left:8px;right:8px;height:2px;background:#d3e7bf20}.nav-progress i{display:block;height:100%;background:#cfdf92}.instruments{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.speedometer{text-align:center;font-variant-numeric:tabular-nums}.speedometer strong{display:block;font-size:34px;font-weight:650;letter-spacing:-.05em;line-height:1}.speedometer>span{font-size:9px;color:#91a9af}.trip{font-variant-numeric:tabular-nums;font-size:13px}.trip .health{border:0;padding:0;margin-bottom:9px;background:none;gap:1px}.trip small{font-size:9px;color:#9fb4b6}.instruments .pause-button{width:34px;height:44px;background:#e6eddb12;display:grid;place-items:center;border-radius:8px;color:#e9efe3}.controls{bottom:calc(12px + env(safe-area-inset-bottom));left:15px;right:15px;z-index:2}.controls button,.controls .brake-button,.controls .boost-button{height:60px;width:64px;min-width:50px;min-height:50px;border-radius:14px;background:#ffffff0b;border:1px solid #abc5c24a;box-shadow:none}.controls .boost-button{background:#366d535c;border-color:#7cca9461}.controls button svg{width:26px;height:26px}.controls button span{font-size:9px}.steering-controls,.pedal-controls{gap:10px}.is-driving .landscape-note{display:none}@media(min-width:450px){.cockpit{padding-bottom:calc(92px + env(safe-area-inset-bottom));padding-top:12px;gap:20px}.navigation{padding:10px 12px 12px}.nav-copy strong{font-size:15px}.nav-copy p{font-size:12px}.nav-copy small{font-size:10px}.speedometer strong{font-size:42px}.trip{font-size:16px}.controls button,.controls .brake-button,.controls .boost-button{width:78px;height:64px}.controls{left:22px;right:22px}.home-action-row button{min-height:75px}}@media(max-width:350px){.cockpit{padding-left:9px;padding-right:9px;gap:7px}.nav-route{display:none}.speedometer strong{font-size:30px}.home-stat{padding:6px;gap:4px}.home-stat svg{width:15px}.home-health svg{width:17px}.home-right{gap:4px}.home-health{gap:3px;padding:6px}.home-actions{left:4%;right:4%}.mode-picker{width:92%}.home-footer p{margin-bottom:10px}}@media(orientation:landscape)and (max-height:550px){.home-screen{max-width:56.3dvh;left:50%;transform:translate(-50%)}.home-action-row button{min-height:40px}.home-action-row .start-button{font-size:13px;padding:5px}.home-actions{bottom:8%}.selected-car{display:none}.mode-picker{margin-top:8px}.mode-picker>div{padding:3px;font-size:9px}.home-footer{display:none}.home-stats{width:31%}.home-stat{padding:5px}.location-stat,.home-right{display:none}.cockpit{left:50%;transform:translate(-50%);width:55%;padding:8px 12px;border-radius:15px 15px 0 0}.controls{left:15px;right:15px;bottom:12px}.controls button,.controls .brake-button,.controls .boost-button{width:48px;height:48px}.steering-controls,.pedal-controls{gap:6px}}.game-stage{max-width:min(560px,56.3dvh)}.home-stat{padding:6px 8px;gap:6px}.home-stat span{font-size:clamp(9px,2.4cqw,13px)}.home-stat strong{font-size:clamp(20px,5.5cqw,29px);margin-top:1px}.best-stat strong{font-size:clamp(16px,4cqw,22px)}.location-stat strong{font-size:clamp(10px,2.6cqw,14px)}.location-stat span{font-size:clamp(8px,2cqw,11px)}.home-stat svg{width:18px;height:21px}.home-stats{gap:5px}.home-health svg{width:clamp(17px,4cqw,22px)}@media(orientation:landscape)and (max-height:550px){.game-stage{max-width:none}}.game-stage{--cockpit-height:180px}.game-world{position:absolute;top:0;right:0;bottom:0;left:0}.is-driving .game-world{bottom:var(--cockpit-height)}.cockpit{height:var(--cockpit-height)}@media(min-width:450px){.game-stage{--cockpit-height:190px}}@media(max-width:350px){.game-stage{--cockpit-height:166px}.cockpit{padding-bottom:78px}.controls button,.controls .brake-button,.controls .boost-button{height:54px}}@media(orientation:landscape)and (max-height:550px){.game-stage{--cockpit-height:88px}.cockpit{height:88px}.is-driving .game-world{bottom:88px}}.home-stats{gap:4px}.home-stat{padding:5px 7px}.home-stat span{line-height:1.15}.home-stat strong{line-height:1.05}.location-stat strong{margin-bottom:2px}.home-stat svg{width:16px;height:19px}.home-actions{display:flex;flex-direction:column}.selected-car{order:-1;margin:0 auto 8px;min-height:26px;padding:5px 10px}.home-action-row{min-height:60px}.home-action-row button{position:relative;height:60px;min-height:60px}.ranking-button small{position:absolute;bottom:4px;font-size:7px}.ranking-button{padding-bottom:13px}.garage-button svg,.ranking-button svg{width:23px;height:23px}.mode-picker{margin-top:12px;min-height:48px}.mode-picker>div{padding:5px 3px}.mode-picker svg{height:25px;width:25px}@media(min-width:450px){.home-action-row button{height:74px}.mode-picker>div{padding:8px 4px}}@media(max-width:350px){.home-stats .location-stat{position:absolute;top:54px;left:calc(100cqw - 120px);width:100px}}.mode-picker{height:48px;min-height:48px;padding:2px}.mode-picker>div{padding:3px;line-height:1.1;min-height:0}.mode-picker small{margin-top:2px;font-size:9px}.home-action-row button{height:56px;min-height:56px}.home-action-row{min-height:56px}@media(min-width:450px){.home-action-row button{height:74px;min-height:74px}.mode-picker{height:58px}.mode-picker small{font-size:11px}}@media(orientation:landscape)and (max-height:550px){.home-stats{display:none}.home-action-row{grid-template-columns:1fr 2.6fr 1fr;gap:5px;min-height:42px}.home-action-row button{min-width:0;min-height:42px;height:42px;font-size:10px;padding:4px}.home-action-row .start-button{font-size:13px;gap:3px;border-width:2px}.start-button svg{width:17px;height:17px}.garage-button svg,.ranking-button svg{width:18px;height:18px}.ranking-button small{display:none}.mode-picker{height:37px;min-height:37px;margin-top:8px;width:100%}.mode-picker>div{font-size:10px}.mode-picker small{font-size:7px}.mode-picker svg{width:19px;height:19px}.home-actions{left:4%;right:4%;bottom:6%}}.controls{pointer-events:none}.controls button{pointer-events:auto}.game-stage.is-driving{background:#152a33}.ranking-panel{text-align:left}.ranking-panel p{font-size:14px;line-height:1.7}.ranking-list{list-style:none;padding:0;max-height:280px;overflow:auto}.ranking-list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #b4c5c530}.rank-number{width:24px;color:#267b8c;font-weight:800}.rank-name{flex:1;overflow-wrap:anywhere}.ranking-list strong{white-space:nowrap;font-size:14px}.ranking-note{font-size:11px!important;line-height:1.6!important;opacity:.7}.score-submit{margin:18px 0;padding:16px;border:1px solid #b4c5c550;border-radius:14px;text-align:left}.score-submit label{display:block;font-size:13px;margin-bottom:8px}.score-submit input{width:100%;font:inherit;padding:10px;border:1px solid #9caeae;border-radius:8px;background:#fff;color:#203c49}.score-submit p[role=status]{font-size:13px}.result-dialog{max-height:90dvh;overflow-y:auto}.personal-rank{font-weight:700}.result-dialog{width:min(90%,380px);padding:20px;max-height:calc(100dvh - 32px);border-radius:20px}.result-dialog .pause-symbol{width:40px;height:40px;margin:0 auto 10px}.result-dialog .pause-symbol svg{width:22px;height:22px}.result-dialog h2{font-size:24px;margin:0 0 6px}.result-dialog>p{font-size:13px;line-height:1.6;margin:0}.result-dialog .pause-distance{margin:16px 0 12px;gap:3px}.result-dialog .pause-distance strong{font-size:42px;line-height:1.1}.result-dialog .pause-distance span{font-size:12px}.result-dialog .pause-distance small{font-size:16px}.result-dialog .result-stats{margin:0 0 12px;gap:24px}.result-dialog .result-stats span{font-size:12px}.result-dialog .result-stats strong{font-size:22px;margin-top:2px}.result-dialog .primary-button{min-height:48px;padding:10px 14px;font-size:15px}.result-dialog>.secondary-button{min-height:40px;margin-top:6px;font-size:13px}.result-dialog .ranking-toggle{width:100%;border:1px solid #b4c5c550;border-radius:10px;margin:0 0 12px;min-height:40px}.result-dialog .score-submit{margin:0 0 12px;padding:12px}.result-dialog .score-submit .secondary-button{min-height:36px;padding:6px}.result-dialog .score-submit p[role=status]:empty{display:none}@media(max-height:650px){.result-dialog{padding:16px}.result-dialog .pause-symbol{display:none}.result-dialog .pause-distance{margin:12px 0 8px}.result-dialog h2{font-size:22px}}.game-stage button,.game-stage button *,.game-stage canvas,.game-stage .drive-topbar,.game-stage .mirror-frame,.game-stage .cockpit{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.controls button *{pointer-events:none}.game-stage img{-webkit-user-drag:none}.game-stage input,.game-stage textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.game-stage{container-type:inline-size;--cluster-height:clamp(145px,43cqw,234px);--cockpit-height:var(--cluster-height)}.is-driving .game-world{bottom:calc(var(--cluster-height) - 20px)}.game-stage.is-driving{background:#141b22}.drive-topbar{position:absolute;inset:10px 10px auto;z-index:2;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start;color:#f5f6f7}.drive-records{width:26%;max-width:135px;display:grid;gap:3px;font-variant-numeric:tabular-nums}.drive-records section{background:#172737dd;border:1px solid #9fabb53d;border-radius:5px;padding:6px 8px;box-shadow:0 2px 7px #1c2d3922}.drive-records section>span{display:flex;align-items:center;gap:5px;font-size:clamp(9px,2.4cqw,13px);white-space:nowrap;line-height:1.3}.drive-records section>div{display:flex;align-items:baseline;gap:4px;white-space:nowrap;margin-top:2px}.drive-distance strong{font-size:clamp(22px,6.4cqw,35px);line-height:1.05;letter-spacing:-.04em;font-weight:750}.drive-records small{font-size:clamp(11px,3cqw,17px)}.drive-best strong{font-size:clamp(17px,4.7cqw,25px);line-height:1.1;font-weight:650;letter-spacing:-.02em}.drive-best>span svg{width:15px;height:15px;color:#f0c367}.drive-status{display:flex;gap:5px;align-items:flex-start;pointer-events:auto}.drive-health{display:flex;gap:5px;background:#182735d9;border:1px solid #9fabb52e;padding:8px 9px;border-radius:5px}.drive-health svg{width:clamp(17px,4.8cqw,25px);height:clamp(17px,4.8cqw,25px)}.drive-status>button{height:44px;width:39px;display:grid;place-items:center;border-radius:5px;border:1px solid #abb3b448;background:#15232edf;color:#fff}.drive-status>button svg{width:25px;height:25px}.mirror-frame{border:4px solid #111b23;box-shadow:0 0 0 1px #b3bfc286,inset 0 0 0 1px #04090e,0 3px 7px #0c15194a;border-radius:15px;overflow:hidden}.mirror-frame span{font-size:7px;letter-spacing:.05em;bottom:2px;left:6px;color:#f3f6f9}.center-mirror{top:48px;width:44%;max-width:230px;aspect-ratio:3;border-radius:17px}.left-mirror,.right-mirror{top:126px;width:20%;max-width:100px;aspect-ratio:1.7;border-radius:10px}.left-mirror{left:2.5%}.right-mirror{right:2.5%}.dashboard-cluster{position:absolute;z-index:1;left:0;right:0;bottom:0;height:var(--cluster-height);pointer-events:none;color:#dce3ed;font-variant-numeric:tabular-nums}.cluster-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.cluster-speed{position:absolute;top:34%;left:50%;transform:translate(-50%);width:29%;display:flex;flex-direction:column;align-items:center;text-shadow:0 0 7px #d5ecff29}.cluster-speed>strong{font-family:Arial Narrow,SFMono-Regular,Consolas,monospace;font-style:italic;font-weight:500;letter-spacing:-.075em;font-size:clamp(34px,10.8cqw,60px);line-height:1}.cluster-speed>span{font-size:clamp(11px,3cqw,16px);line-height:1.3;margin-top:2px}.cluster-speed>small{display:grid;place-items:center;width:24px;height:26px;border:1px solid #768ba668;border-radius:4px;font-size:19px;line-height:1;margin-top:5px;background:#0b101ab5}.cluster-condition,.cluster-journey{position:absolute;top:46%;width:14%;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:8px;color:#cbd4dc}.cluster-condition{left:15%}.cluster-journey{right:15%}.cluster-condition>svg,.cluster-journey>svg{height:16px;width:16px;margin-bottom:1px;color:#c4cfd9}.cluster-condition>strong,.cluster-journey>strong{font-size:17px;font-weight:500;line-height:1.2}.cluster-condition small,.cluster-journey small{font-size:9px}.cluster-footer{position:absolute;left:10px;right:10px;bottom:calc(7px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:8px;align-items:center}.cluster-location{display:flex;align-items:center;gap:6px;border:1px solid #9aafbb40;border-radius:6px;background:#0c131aca;padding:5px 7px;min-width:0;max-width:78%}.cluster-location>svg{width:19px;height:23px;flex-shrink:0}.cluster-location>div{min-width:0}.cluster-location strong{font-size:clamp(10px,2.5cqw,14px);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;letter-spacing:.04em}.cluster-location strong>span{font-size:.9em;letter-spacing:0}.cluster-location small{font-size:clamp(8px,2cqw,11px);display:block;margin-top:2px;letter-spacing:.08em;color:#b6c3cc}.cluster-direction{font-size:clamp(9px,2.6cqw,14px);padding:6px 8px;border:1px solid #9aafbb40;border-radius:6px;background:#0c131aca;white-space:nowrap}.controls{left:2.4%;right:2.4%;bottom:calc(var(--cluster-height) - 4px);gap:12px;z-index:3;pointer-events:none;align-items:center}.controls button,.controls .brake-button,.controls .boost-button{pointer-events:auto;width:clamp(46px,13.7cqw,76px);height:clamp(46px,13.7cqw,76px);min-width:44px;min-height:44px;border-radius:50%;border:1.5px solid #e5e8e9ac;background:#14202c6b;box-shadow:inset 0 0 14px #0e141c26;color:#f6f7fa;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:3px}.controls button:active:not(:disabled){background:#65849c9e;border-color:#fff;transform:scale(.96)}.controls button svg{width:clamp(24px,6.7cqw,37px);height:clamp(24px,6.7cqw,37px)}.controls button span{font-size:clamp(9px,2.6cqw,13px);line-height:1.15;font-weight:650;margin-top:0}.steering-controls,.pedal-controls{gap:clamp(7px,2.3cqw,13px)}@media(max-width:350px){.drive-topbar{inset:8px 8px auto}.drive-records section{padding:5px 6px}.drive-health{gap:3px;padding:8px 6px}.drive-status{gap:4px}.drive-status>button{width:34px}.drive-best>span svg{width:12px}.cluster-speed>small{height:22px;font-size:16px;margin-top:2px}.cluster-footer{left:7px;right:7px;bottom:5px}.cluster-location{padding:4px 5px}.cluster-location>svg{width:15px}.cluster-direction{padding:5px}.cluster-condition,.cluster-journey{top:43%}}@media(orientation:landscape)and (max-height:550px){.game-stage{--cluster-height:125px}.dashboard-cluster{width:360px;left:50%;right:auto;transform:translate(-50%)}.is-driving .game-world{bottom:70px}.cluster-speed>strong{font-size:36px}.cluster-speed>span{font-size:11px}.cluster-speed>small{font-size:14px;height:20px;width:20px;margin-top:1px}.cluster-footer{bottom:3px;left:5px;right:5px}.cluster-location{padding:3px 5px}.cluster-location strong{font-size:9px}.cluster-location small{font-size:7px}.cluster-direction{font-size:9px;padding:5px}.cluster-condition,.cluster-journey{top:40%}.drive-topbar{inset:8px 10px auto}.drive-records{width:110px}.drive-distance strong{font-size:25px}.drive-best strong{font-size:19px}.drive-records section>span{font-size:10px}.drive-records small{font-size:11px}.drive-health svg{height:21px;width:21px}.center-mirror{top:10px}.left-mirror,.right-mirror{top:19px;left:auto;right:auto}.left-mirror{left:18%}.right-mirror{right:18%}.drive-status>button{width:39px}.controls{bottom:14px;left:18px;right:18px}.controls button,.controls .brake-button,.controls .boost-button{width:55px;height:55px}.controls button svg{width:26px;height:26px}.controls button span{font-size:10px}.steering-controls,.pedal-controls{gap:10px}}.game-stage{--cluster-height:clamp(165px,46cqw,260px)}.cluster-dials{position:absolute;top:0;right:0;bottom:32px;left:0}.cluster-speed{top:48%}.cluster-speed>strong{font-size:clamp(30px,9.6cqw,53px)}.cluster-speed>small{height:21px;font-size:16px;margin-top:3px}.cluster-condition,.cluster-journey{top:57%}.cluster-condition>svg,.cluster-journey>svg{width:13px;height:13px}.cluster-condition>strong,.cluster-journey>strong{font-size:14px}.cluster-footer{bottom:5px}.cluster-location{max-width:72%;padding:3px 6px}.cluster-location strong{font-size:10px}.cluster-location small{font-size:8px}.cluster-direction{font-size:10px;padding:6px}@media(orientation:landscape)and (max-height:550px){.game-stage{--cluster-height:145px}.cluster-dials{bottom:29px}.cluster-speed>strong{font-size:29px}.cluster-speed>span{font-size:10px}.cluster-speed>small{height:17px;font-size:13px}.cluster-condition,.cluster-journey{top:55%}.cluster-condition>svg,.cluster-journey>svg{height:11px}.cluster-condition>strong,.cluster-journey>strong{font-size:12px}}.is-driving .game-world{bottom:calc(var(--cluster-height) * .55)}@media(orientation:landscape)and (max-height:550px){.is-driving .game-world{bottom:70px}}.controls{bottom:calc(var(--cluster-height) - 54px)}@media(orientation:landscape)and (max-height:550px){.controls{bottom:14px}}.drive-topbar{--instrument-face:#111923;--instrument-edge:#687985;--instrument-text:#edf2f7;color:var(--instrument-text)}.drive-records{gap:5px}.drive-records section,.drive-health,.drive-status>button{background:linear-gradient(150deg,#293541,#121b26 58%,#090e15);border:1px solid var(--instrument-edge);box-shadow:inset 0 0 0 2px #090f17,inset 0 3px #cbd7e021,0 2px #060b10,0 4px 9px #07101933}.drive-records section{border-radius:11px;padding:7px 9px}.drive-records section>span{color:#acb9c6;letter-spacing:.04em;font-weight:500;font-size:clamp(8px,2.25cqw,12px)}.drive-records section>div{gap:4px;margin-top:3px}.drive-records strong{font-family:Arial Narrow,SFMono-Regular,Consolas,monospace;font-style:italic;font-weight:500;letter-spacing:-.055em;text-shadow:0 0 8px #b8d7f323}.drive-records small{color:#b8c4d1;font-weight:500}.drive-best>span svg{color:#e8c27b;width:13px;height:13px}.drive-health{height:44px;align-items:center;gap:5px;padding:8px 10px;border-radius:13px}.drive-health .healthy{color:#f36964;filter:drop-shadow(0 1px 3px #f35b552b)}.drive-health .lost{color:#51606c}.drive-status{gap:8px}.drive-status>button{width:44px;min-width:44px;height:44px;border-radius:50%;color:#edf2f7;transition:background .15s,box-shadow .15s}.drive-status>button svg{width:21px;height:21px}.drive-status>button:hover:not(:disabled){background:#303f4b;border-color:#aabdc9}.drive-status>button:active:not(:disabled){background:#0a1119;box-shadow:inset 0 2px 6px #0008;transform:translateY(1px)}.drive-status>button:focus-visible,.driving-pause button:focus-visible{outline:2px solid #deebf4;outline-offset:3px}.driving-pause{max-width:360px;width:calc(100% - 36px);max-height:calc(100dvh - 30px);overflow:auto;margin:auto;padding:26px 22px 18px;background:linear-gradient(155deg,#283440,#141d27 40%,#0a1018);border:1px solid #718391;border-radius:24px;color:#edf2f7;box-shadow:inset 0 0 0 3px #080f17,inset 0 4px #d6e5f02b,0 16px 60px #0008}.driving-pause::backdrop{background:#060c14aa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.driving-pause .pause-symbol{display:grid;width:45px;height:45px;margin:0 auto 13px;border:1px solid #7f919e;border-radius:50%;background:#101822;color:#e7edf3;box-shadow:inset 0 0 0 3px #050a10,0 2px #050a10}.pause-eyebrow{display:block;font-size:10px;letter-spacing:.12em;color:#9aaebb;margin-bottom:9px}.driving-pause h2{font-size:25px;font-weight:650;letter-spacing:.03em;margin:0 0 8px}.driving-pause p{font-size:12px;color:#a6b4c0;line-height:1.5}.pause-trip{display:grid;grid-template-columns:1fr auto;text-align:left;margin:22px 0 20px;padding:16px 15px 0;border-radius:13px;border:1px solid #687c8c60;background:#080f18b8;box-shadow:inset 0 2px 7px #0005}.driving-pause .pause-distance{margin:0;gap:5px}.driving-pause .pause-distance>span,.pause-condition>span{font-size:10px;letter-spacing:.08em;color:#95a8b8}.driving-pause .pause-distance strong{font-family:Arial Narrow,SFMono-Regular,Consolas,monospace;font-style:italic;font-size:37px;letter-spacing:-.045em;font-weight:500;line-height:1.15}.driving-pause .pause-distance small{font-size:15px;color:#aabcca}.pause-condition{display:flex;flex-direction:column;justify-content:center;gap:10px;padding-left:12px}.pause-condition>div{display:flex;gap:4px}.pause-location{grid-column:1 / -1;display:flex;align-items:center;gap:6px;padding:10px 0;margin-top:12px;border-top:1px solid #7890a52c;color:#b6c4cf;font-size:10px;min-width:0}.pause-location svg{flex-shrink:0}.pause-location span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driving-pause .pause-resume{justify-content:center;gap:9px;min-height:51px;background:#edc565;border:1px solid #fff0b8;border-radius:100px;box-shadow:inset 0 2px #fff3c68c,0 3px #080d14;color:#111a22;font-size:15px;font-weight:750;letter-spacing:.05em}.driving-pause .pause-resume:hover{background:#ffdb82}.pause-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;margin-top:12px}.driving-pause .secondary-button{min-height:44px;margin:0;padding:6px 3px;gap:5px;border:1px solid #6a7f9148;border-radius:10px;background:#ffffff05;color:#b9c8d4;font-size:11px}.driving-pause .secondary-button:hover{background:#ffffff0d;color:#f1f5f8}@media(max-width:350px){.drive-records section{padding:6px 7px}.drive-health{gap:4px;padding:8px}.drive-status{gap:6px}.drive-status>button{width:44px}.driving-pause{padding:22px 18px 16px}.driving-pause h2{font-size:23px}.pause-trip{margin:18px 0}}@media(orientation:landscape)and (max-height:550px){.drive-records section{padding:6px 8px}.driving-pause{max-width:420px;padding:17px 20px 14px}.driving-pause .pause-symbol{display:none}.pause-eyebrow{margin-bottom:5px}.driving-pause h2{font-size:22px;margin-bottom:5px}.pause-trip{margin:14px 0;padding:10px 14px 0}.driving-pause .pause-distance strong{font-size:30px}.pause-location{margin-top:8px;padding:7px 0}.pause-actions{margin-top:8px}.driving-pause .pause-resume{min-height:44px}}.rest-stop{padding:12px 18px 17px;background:#15212a;border-color:#a4b3b9;border-radius:20px}.rest-stop .pause-heading{padding:17px 12px 13px;background:#25574e;border:2px solid #e5ede2;border-radius:10px;box-shadow:0 3px #070f14,inset 0 0 0 3px #25574e,inset 0 0 0 4px #ffffff25;position:relative}.rest-stop .pause-eyebrow{color:#c8dcce;font-size:9px;letter-spacing:.15em;margin:0 0 9px}.rest-stop h2{font-size:31px;letter-spacing:.15em;font-weight:700;margin:0;color:#faf9e8}.rest-stop-english{display:block;font-size:10px;font-weight:600;color:#dce7d5;letter-spacing:.24em;margin-top:5px}.rest-services{display:flex;justify-content:center;gap:7px;margin-top:13px}.rest-services svg{width:31px;height:29px;padding:5px;background:#eef0dd;color:#29594e;border-radius:4px}.rest-stop .rest-stop-note{font-size:11px;color:#b6c3c8;margin:15px 0 0;letter-spacing:.04em}.rest-stop .pause-trip{margin:13px 0 18px;background:#0b141c;border-color:#66877d6e}.rest-stop .pause-resume{background:#edc565;color:#16252b}@media(max-width:350px){.rest-stop{padding:11px 15px 15px}.rest-stop h2{font-size:28px}.rest-stop .pause-heading{padding:14px 10px 12px}.rest-services{margin-top:10px}}@media(orientation:landscape)and (max-height:550px){.rest-stop{max-width:440px;padding:10px 16px 12px}.rest-stop .pause-heading{padding:11px 12px}.rest-stop h2{font-size:25px}.rest-stop .pause-eyebrow{margin-bottom:5px}.rest-stop-english{font-size:8px;margin-top:3px}.rest-services{position:absolute;right:10px;bottom:12px;flex-direction:column;gap:4px;margin:0}.rest-services svg{width:21px;height:21px;padding:3px}.rest-stop .rest-stop-note{margin-top:10px;font-size:10px}.rest-stop .pause-trip{margin:10px 0}.rest-stop .pause-distance strong{font-size:26px}.rest-stop .pause-location{margin-top:5px;padding:5px 0}}.drive-topbar{inset:10px 10px auto;min-height:59px;padding:9px 11px;gap:12px;align-items:center;border:1px solid #687985;border-radius:14px;background:linear-gradient(150deg,#293541,#121b26 58%,#090e15);box-shadow:inset 0 0 0 2px #090f17,inset 0 3px #cbd7e021,0 3px 9px #07101940}.drive-records{display:flex;align-items:center;gap:16px;width:auto;max-width:none;min-width:0}.drive-records section{background:none;border:0;box-shadow:none;border-radius:0;padding:0;min-width:60px}.drive-records section+section{border-left:1px solid #8296a638;padding-left:16px}.drive-records section>span{font-size:9px;line-height:1.2;letter-spacing:.03em;gap:4px}.drive-records section>div{margin-top:3px;gap:3px}.drive-distance strong,.drive-best strong{font-size:23px;line-height:1.05}.drive-records small{font-size:10px}.drive-best>span svg{width:11px;height:11px}.drive-status{margin-left:auto;gap:9px;align-items:center}.drive-health{height:auto;padding:0;gap:3px;border:0;border-radius:0;background:none;box-shadow:none}.drive-health svg{width:17px;height:17px}.drive-status>button{width:36px;min-width:36px;height:36px}.drive-status>button svg{width:17px;height:17px}.center-mirror{top:83px}.left-mirror,.right-mirror{top:89px}@media(max-width:350px){.drive-topbar{inset:8px 8px auto;padding:9px;gap:8px}.drive-records{gap:10px}.drive-records section{min-width:51px}.drive-records section+section{padding-left:10px}.drive-distance strong,.drive-best strong{font-size:20px}.drive-records section>span{font-size:8px}.drive-status{gap:7px}.drive-health svg{width:14px;height:16px}.drive-health{gap:2px}.center-mirror{top:81px}.left-mirror,.right-mirror{top:87px}}@media(orientation:landscape)and (max-height:550px){.drive-topbar{inset:6px 10px auto;min-height:52px;padding:6px 12px}.drive-records{gap:22px}.drive-records section+section{padding-left:22px}.drive-distance strong,.drive-best strong{font-size:22px}.drive-health svg{width:21px;height:21px}.drive-status{gap:16px}.center-mirror{top:70px;width:27%}.left-mirror,.right-mirror{top:77px;width:15%}.left-mirror{left:8%}.right-mirror{right:8%}}.result-dialog.rest-stop{padding:14px 16px 16px;width:min(90%,380px);color:#e5edf0}.result-dialog.rest-stop .pause-heading{padding:12px 10px 10px}.result-dialog.rest-stop h2{font-size:24px;letter-spacing:.05em;margin:0}.result-dialog.rest-stop .pause-eyebrow{margin-bottom:5px;font-size:9px}.result-dialog.rest-stop .rest-services{position:absolute;right:8px;bottom:8px;margin:0}.result-dialog.rest-stop .rest-services svg{width:23px;height:23px;padding:4px}.result-dialog.rest-stop .rest-stop-note{margin:12px 0 0;font-size:12px}.result-dialog.rest-stop .pause-distance{margin:14px 0 10px;color:#f5f2df}.result-dialog.rest-stop .pause-distance>span{color:#aebfc3}.result-dialog.rest-stop .result-stats{color:#aebfc3}.result-dialog.rest-stop .result-stats strong{color:#e9f0df}.result-dialog.rest-stop .ranking-toggle{color:#d6e5de;background:#233a3c;border-color:#73908755;margin:0 0 10px}.result-dialog.rest-stop .score-submit{background:#0c1921;border-color:#73908755;margin:0 0 10px;padding:10px}.result-dialog.rest-stop .score-submit label{color:#e5edf0}.result-dialog.rest-stop .score-submit .secondary-button{color:#d6e5de}.result-dialog.rest-stop>.primary-button{min-height:46px;font-size:15px}.result-dialog.rest-stop>.secondary-button{min-height:36px;color:#baccc9;margin-top:6px}@media(max-height:650px){.result-dialog.rest-stop{padding:10px 12px 12px}.result-dialog.rest-stop .pause-heading{padding:10px 8px}.result-dialog.rest-stop h2{font-size:22px}.result-dialog.rest-stop .pause-distance{margin:10px 0 8px}}