@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4f6667dd39116621-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/07935285219a259d-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/f58031ded4338640-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/77814b00d5ca94a4-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/605ce01b664af129-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.T19VSG_className{font-family:Geist,Geist Fallback;font-style:normal}.T19VSG_variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b0c6b664fd57c2c6-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6e342921ee4dcd9d-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bb852295097cd96-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9eb5a876700c0028-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2a04751c893bf294-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/07a39a8a4660cc7c-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}._8Li5zG_className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}._8Li5zG_variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg:#0b1016;--panel:#0c11189e;--panel-solid:#121a24;--line:#ffffff1f;--text:#eef2f6;--muted:#9aa7b4;--accent:#4fb3ff;--green:#4be37a;--amber:#ffb02e;--red:#ff4d4d;--font:var(--font-geist-sans), system-ui, -apple-system, "Segoe UI", sans-serif;--mono:var(--font-geist-mono), ui-monospace, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;appearance:none;background:#ffffff1a}.start{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:radial-gradient(at 50% 30%,#14283c59,#05080cbf);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.start-card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;width:min(520px,100%);padding:32px;box-shadow:0 30px 80px #00000073}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:13px}.start-card h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(28px,6vw,40px)}.lede{color:var(--muted);margin:0 0 24px;line-height:1.5}.progress{background:#ffffff0f;border-radius:10px;height:40px;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg, #2d7fc4, var(--accent));transition:width .2s;position:absolute;inset:0 auto 0 0}.progress span{padding:0 14px;font-size:14px;line-height:40px;display:block;position:relative}.primary{background:var(--accent);color:#04121f;border:0;border-radius:12px;padding:10px 18px;font-weight:600}.primary.big{width:100%;padding:16px;font-size:18px}.primary:hover{filter:brightness(1.08)}.quick-keys{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin:20px 0 0;padding:0;font-size:13px;list-style:none;display:flex}kbd{border:1px solid var(--line);min-width:22px;color:var(--text);font-family:var(--mono);text-align:center;background:#ffffff14;border-radius:6px;margin-right:3px;padding:2px 6px;font-size:12px;display:inline-block}.note{color:var(--muted);margin:18px 0 0;font-size:13px;line-height:1.5}.link{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}.hud{pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud-top-left{gap:6px;display:flex;position:absolute;top:14px;left:16px}.warn{background:var(--panel);border:1px solid var(--line);color:#fff3;text-align:center;border-radius:8px;min-width:34px;padding:5px 7px;font-size:12px;font-weight:700;transition:color 80ms,box-shadow 80ms}.warn.on.green{color:var(--green);box-shadow:0 0 12px #4be37a66}.warn.on.amber{color:var(--amber);box-shadow:0 0 12px #ffb02e66}.warn.on.red{color:var(--red);box-shadow:0 0 12px #ff4d4d66}.hud-top-right{align-items:center;gap:8px;display:flex;position:absolute;top:14px;right:16px}.pill{background:var(--panel);border:1px solid var(--line);color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:6px 10px;font-size:12px}.pill.button{pointer-events:auto;color:var(--text)}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:12px 14px}.hud-bottom-left{width:210px;font-size:13px;position:absolute;bottom:16px;left:16px}.row{justify-content:space-between;align-items:baseline;margin:2px 0;display:flex}.row.small{font-size:11px}.label{color:var(--muted)}.value{font-family:var(--mono);font-variant-numeric:tabular-nums}.money{color:#9be8a8;font-weight:600}.money.owed{color:var(--red)}.tyres.bad{color:var(--red);font-weight:700}.fuel-gauge{color:var(--muted);align-items:center;gap:6px;margin:4px 0 8px;font-size:10px;display:flex}.fuel-track{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.fuel-bar{background:linear-gradient(90deg,#f0c34a,#6fd88a);border-radius:4px;width:100%;height:100%}.fuel-bar.low{background:var(--red)}.hud-bottom-right{width:230px;position:absolute;bottom:8px;right:12px}.speedo{filter:drop-shadow(0 6px 20px #00000073);width:100%;display:block}.speedo-bg{fill:#0a0e14b8;stroke:#ffffff1f;stroke-width:1px}.tick{stroke:#ffffff73;stroke-width:1px}.tick.major{stroke:#fff;stroke-width:2px}.tick-label{fill:#ffffffbf;text-anchor:middle;font-size:9px;font-family:var(--font)}.rpm-track{fill:none;stroke:#ffffff12;stroke-width:4px}.rpm-fill{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round}.rpm-fill.redline{stroke:var(--red)}.needle{fill:#ff5a3c}.needle-hub{fill:#1b222c;stroke:#fff6}.speed-digits{fill:#fff;text-anchor:middle;font-size:26px;font-weight:700;font-family:var(--mono)}.speed-unit{fill:var(--muted);text-anchor:middle;font-size:9px}.gear{fill:var(--accent);text-anchor:middle;font-size:14px;font-weight:700;font-family:var(--mono)}.toast{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:14px;position:absolute;top:64px;left:50%;overflow:hidden;transform:translate(-50%)}.toast.show{animation:2.6s forwards toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,-6px)}8%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.hint{border:1px solid var(--line);text-align:center;opacity:0;background:#0a0e14b3;border-radius:12px;max-width:min(560px,100vw - 520px);padding:8px 14px;font-size:13px;transition:opacity .25s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hint.show{opacity:1}.limit-sign{aspect-ratio:1;color:#111;background:#fff;border:5px solid #c3242b;border-radius:50%;place-items:center;width:26%;font-family:Arial,sans-serif;font-size:clamp(12px,4.2vmin,19px);font-weight:800;display:grid;position:absolute;top:-10px;left:-14px;box-shadow:0 2px 10px #00000059}.limit-sign.american{aspect-ratio:.82;border:2px solid #111;border-radius:5px;align-content:center;gap:0;line-height:1}.limit-sign.american small{letter-spacing:.02em;font-size:.42em}.limit-sign.hidden{display:none}.limit-sign.over{animation:.8s ease-in-out infinite limit-over}@keyframes limit-over{0%,to{transform:scale(1);box-shadow:0 0 #ff3c3ce6}50%{transform:scale(1.08);box-shadow:0 0 0 8px #ff3c3c00}}.score.good{color:var(--green)}.score.ok{color:var(--amber)}.score.bad{color:var(--red)}.road-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.events{flex-direction:column;gap:8px;width:270px;display:flex;position:absolute;top:56px;right:16px}.event{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--amber);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:9px 12px;animation:.3s event-in}.event.bad{border-left-color:var(--red)}.event.good{border-left-color:var(--green)}.event.info{border-left-color:#5aa0ff}.event-title{font-size:14px;font-weight:700}.event-detail{color:var(--muted);margin-top:2px;font-size:12px}.event-chips{font-family:var(--mono);gap:6px;margin-top:6px;font-size:11px;display:flex}.event-chips span{background:#ffffff14;border-radius:999px;padding:2px 7px}.event-chips .fine{color:#ffb3b3;background:#ff4d4d26}@keyframes event-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.camera-flash{opacity:0;background:#fff;position:absolute;inset:0}.camera-flash.go{animation:.45s ease-out camera-flash}@keyframes camera-flash{0%{opacity:.85}to{opacity:0}}.service{background:var(--panel-solid);border:1px solid var(--line);border-left:5px solid var(--accent);pointer-events:auto;z-index:2;border-radius:14px;width:min(380px,100vw - 520px);min-width:280px;max-height:calc(100vh - 150px);padding:12px 14px;position:absolute;bottom:72px;left:50%;overflow-y:auto;transform:translate(-50%)}.service.small{pointer-events:none;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(320px,100vw - 520px)}.service-head{justify-content:space-between;align-items:baseline;gap:12px;font-size:16px;display:flex}.service-head span{font-family:var(--mono);color:#ffc23d;font-size:14px}.service-note{color:var(--muted);margin-top:2px;font-size:12px}.service-paid{color:#9be8a8;background:#6fd88a1f;border-radius:8px;margin-top:8px;padding:6px 8px;font-size:12px}.service-loyalty{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.stamps{gap:3px;display:inline-flex}.stamps i{border:1px solid var(--muted);border-radius:50%;width:10px;height:10px}.stamps i.on{background:#7fd4ff;border-color:#7fd4ff}.service-pump{margin-top:8px}.pump-digits{color:#ffc23d;font-family:var(--mono);font-variant-numeric:tabular-nums;background:#0b0e11;border-radius:8px;justify-content:space-between;padding:6px 10px;font-size:20px;display:flex}.service-working{font-size:13px}.service-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.service-bar div{background:var(--accent);height:100%}.service-options{flex-direction:column;gap:6px;margin-top:10px;display:flex}.service-options button{border:1px solid var(--line);text-align:left;background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.service-options button.first{border-color:var(--accent);background:#4fb3ff24}.service-options button:disabled{opacity:.45}.service-options kbd{min-width:26px;font-family:var(--mono);text-align:center;background:#ffffff1f;border-radius:5px;flex:none;padding:2px 5px;font-size:10px}.service-options strong{font-size:13px;display:block}.service-options small{color:var(--muted);font-size:11px;display:block}.minimap{pointer-events:auto;cursor:pointer;background:#274a60;border:3px solid #ffffff38;border-radius:50%;width:176px;height:176px;position:absolute;bottom:16px;left:16px;box-shadow:0 8px 24px #00000073}.hud-bottom-left{bottom:204px}.nav-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a3a5cdb;border:1px solid #78d2ff59;border-radius:14px;align-items:center;gap:12px;width:min(420px,100vw - 880px);min-width:300px;padding:8px 14px 8px 10px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.nav-arrow{fill:#fff;flex:none;width:44px;height:44px}.nav-text{min-width:0}.nav-line{white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:8px;display:flex;overflow:hidden}.nav-distance{font-size:19px;font-weight:800;font-family:var(--mono)}.nav-road{text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.nav-summary{color:#bfe6ff;font-size:12px}.nav-goal{color:#ffffffa8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.teacher{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:10px;width:min(370px,100vw - 32px);padding:8px 12px 8px 8px;animation:.2s ease-out teacher-in;display:flex;position:absolute;top:56px;left:16px}@keyframes teacher-in{0%{opacity:0;transform:translateY(-6px)}}.teacher-face{border-radius:50%;flex:none;width:58px;height:58px}.teacher-words{min-width:0;font-size:14px;line-height:1.32}.teacher-words strong{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:11px;display:block}.teacher.mood-angry .teacher-words strong,.teacher.mood-worried .teacher-words strong{color:var(--amber)}.teacher.mood-happy .teacher-words strong,.teacher.mood-laugh .teacher-words strong{color:var(--green)}.teacher-pick{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:8px;display:grid}.teacher-pick button{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;display:flex}.teacher-pick button.active{border-color:var(--accent);background:#4fb3ff24}.teacher-pick small{color:var(--muted);font-size:12px}.result{text-align:center;background:var(--panel-solid);border:1px solid var(--line);pointer-events:auto;z-index:5;border-radius:18px;width:min(380px,100vw - 32px);max-height:calc(100vh - 32px);padding:18px 20px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 70px #00000080}.result h3{margin:0;font-size:19px}.result-place{color:var(--muted);margin:2px 0 8px;font-size:13px}.stars{gap:3px;font-size:32px;line-height:1;display:inline-flex}.stars i{color:#ffffff29;font-style:normal}.stars i.on{color:#ffc23d;animation:.35s ease-out backwards star-pop}@keyframes star-pop{0%{opacity:0;transform:scale(.2)}70%{transform:scale(1.25)}}.result ul{color:var(--muted);margin:10px 0;padding:0;font-size:13px;list-style:none}.result-pay{background:#ffffff0f;border-radius:10px;justify-content:space-between;align-items:baseline;padding:8px 12px;display:flex}.result-pay strong{font-family:var(--mono);color:var(--green);font-size:22px}.result-good{color:var(--green);margin:8px 0 0;font-size:12px}.result-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.result-actions button:not(.primary){border:1px solid var(--line);background:#ffffff14;border-radius:10px;padding:10px 16px}@media (max-width:1120px) and (min-width:721px){.nav-card{width:320px;min-width:0;top:52px;left:auto;right:16px;transform:none}.nav-card~.events{top:148px}.teacher{width:min(370px,100vw - 372px)}}.map-overlay{padding:12px}.map-screen{background:var(--panel-solid);border:1px solid var(--line);border-radius:18px;width:100%;max-width:1500px;height:100%;max-height:100%;margin:0 auto;display:flex;overflow:hidden}.map-area{touch-action:none;cursor:grab;flex:60%;min-width:0;position:relative;overflow:hidden}.map-area canvas{display:block}.map-side{border-left:1px solid var(--line);flex:0 0 min(440px,42%);padding:14px 16px;overflow-y:auto}.map-pin{white-space:nowrap;z-index:1;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:flex;position:absolute;transform:translate(-7px,-7px)}.map-pin i{background:#fff;border:3px solid #d6332b;border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 1px 4px #00000080}.map-pin span{color:#fff;background:#080e14a8;border-radius:5px;padding:1px 5px;font-size:11px;font-weight:600}.map-pin.town i,.map-pin.village i{border-color:#1b1f24}.map-pin.sel,.map-pin:hover{z-index:3}.map-pin.sel span{background:var(--accent);color:#06131f}.map-station{z-index:1;border:1.5px solid #ffffffd9;border-radius:5px;width:19px;height:19px;padding:0;font-size:11px;font-weight:800;line-height:1;position:absolute;transform:translate(-50%,-50%)}.map-station.sel,.map-station:hover{outline:2px solid var(--accent);z-index:3}.map-car{pointer-events:none;z-index:4;width:26px;height:26px;position:absolute}.map-car svg{fill:#fff;stroke:#0b1d2b;stroke-width:1.8px;stroke-linejoin:round;width:100%;height:100%}.map-zoom{z-index:5;flex-direction:column;gap:4px;display:flex;position:absolute;top:12px;left:12px}.map-zoom button{border:1px solid var(--line);background:#080e14d1;border-radius:9px;width:36px;height:36px;font-size:18px}.map-key{pointer-events:none;z-index:5;background:#080e14b8;border-radius:9px;gap:10px;padding:5px 9px;font-size:11px;display:flex;position:absolute;bottom:12px;left:12px}.map-key i{color:#fff;text-align:center;background:#333;border-radius:3px;width:15px;height:15px;margin-right:3px;font-size:10px;font-style:normal;font-weight:800;line-height:15px;display:inline-block}.map-now{background:#4fb3ff24;border:1px solid #4fb3ff59;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.map-now.pick{background:#3ee0701a;border-color:#3ee07052}.map-now small{color:var(--muted);font-size:11px;display:block}.map-now strong{font-size:14px}.map-now button:not(.primary){border:1px solid var(--line);background:#ffffff14;border-radius:9px;flex:none;padding:8px 12px}.map-now button.primary{flex:none;padding:8px 12px;font-size:13px}.job{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:12px;flex-direction:column;gap:2px;width:100%;margin-bottom:7px;padding:10px 12px;display:flex}.job:hover{border-color:var(--accent)}.job-top{justify-content:space-between;gap:10px;display:flex}.job-top b{font-family:var(--mono);color:var(--green)}.job-brief{font-size:13px}.job-meta{color:var(--muted);font-size:11px}.map-table{flex-direction:column;display:flex}.map-row{text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0f;grid-template-columns:minmax(0,1fr) 58px 48px 50px 46px;align-items:baseline;gap:6px;padding:6px 4px;font-size:12.5px;display:grid}.map-table.stations .map-row{grid-template-columns:minmax(0,1fr) 96px 58px}button.map-row:hover,.map-row.sel{background:#4fb3ff24}.map-row.head{color:var(--muted);font-size:11px}.map-row .short{color:var(--amber);font-weight:700}.map-row .dot{border:1px solid #ffffff80;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}@media (max-width:860px){.map-overlay{padding:0}.map-screen{border:none;border-radius:0;flex-direction:column}.map-area{flex:0 0 42%}.map-side{border-left:none;border-top:1px solid var(--line);flex:auto}.map-pin span{font-size:10px}}@media (max-height:500px) and (min-width:561px){.map-screen{flex-direction:row}.map-area{flex:50%}.map-side{border-left:1px solid var(--line);border-top:none;flex:0 0 50%}}@media (min-width:721px) and (min-height:501px){.hud.touch-mode .hud-bottom-left{top:56px;bottom:auto}.hud.touch-mode .minimap{width:150px;height:150px;inset:56px 16px auto auto}.hud.touch-mode .events{top:216px}.hud.touch-mode .teacher{width:min(330px,100vw - 420px);left:240px}.hud.touch-mode .nav-card{width:min(330px,100vw - 420px);min-width:0;top:56px;left:240px;transform:none}.hud.touch-mode .nav-card~.teacher{top:146px}.hud.touch-mode .service{width:min(380px,100vw - 32px);max-height:calc(100vh - 320px);bottom:256px}.hud.touch-mode .hint{bottom:176px}.touch .touch-buttons{gap:6px}.touch .touch-buttons button{width:46px;height:46px}}@media (min-width:721px) and (max-width:1000px) and (min-height:501px){.touch .touch-pedals{bottom:84px}.hud.touch-mode .hint{bottom:240px}}.overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03060a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.menu{background:var(--panel-solid);border:1px solid var(--line);border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:22px;overflow-y:auto;box-shadow:0 30px 80px #00000080}.menu-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.menu h2{margin:0;font-size:22px}.menu h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px;font-size:12px}.segmented{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;display:grid}.segmented button{border:1px solid var(--line);text-align:center;background:#ffffff0a;border-radius:10px;padding:10px 8px}.segmented button small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.segmented button.active{border-color:var(--accent);background:#4fb3ff24}.toggle-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.toggle-row strong{font-size:14px;display:block}.toggle-row small{color:var(--muted);font-size:12px;line-height:1.4;display:block}.switch{background:#ffffff26;border:0;border-radius:13px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on span{transform:translate(18px)}.care-list{margin:0;padding:0;font-size:13px;list-style:none}.care-list li{border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:12px;padding:5px 0;display:flex}.care-list li span:last-child{text-align:right;color:var(--muted)}.care-list small{color:#ffc23d;font-family:var(--mono);margin-left:4px;font-size:11px}.care-group h4{margin:10px 0 2px;font-size:13px;font-weight:600}.care-tank{color:var(--muted);margin:0;font-size:13px}.roadside{border:1px solid var(--line);text-align:left;background:#ffffff0d;border-radius:10px;width:100%;margin-top:10px;padding:10px 12px;display:block}.roadside:not(:disabled){border-color:var(--amber);background:#f0c34a1a}.roadside:disabled{opacity:.6}.roadside strong{font-size:14px;display:block}.roadside small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.menu-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.menu-actions button{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;flex:140px;padding:10px}.help table{border-collapse:collapse;width:100%;font-size:13px}.help th{text-align:left;color:var(--muted);padding:6px 4px;font-weight:500}.help td{border-top:1px solid #ffffff0f;padding:6px 4px}.help h3{margin:18px 0 6px;font-size:15px}.help .rules{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.5}.help td:first-child{color:var(--muted)}.touch{z-index:11;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.touch-wheel{pointer-events:auto;touch-action:none;background:#0a0e1440;border:14px solid #ffffff47;border-radius:50%;width:150px;height:150px;position:absolute;bottom:150px;left:24px}.touch-wheel-spoke{background:#ffffff47;border-radius:6px;width:100%;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-wheel-spoke:after{content:"";background:var(--amber);border-radius:3px;width:6px;height:14px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.touch-pedals{align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:24px;right:250px}.touch-pedal{pointer-events:auto;touch-action:none;letter-spacing:.05em;background:#0a0e1473;border:2px solid #ffffff4d;border-radius:16px;place-items:center;font-size:13px;font-weight:700;display:grid}.touch-pedal:active{background:#4fb3ff59}.touch-pedal.brake{width:96px;height:90px}.touch-pedal.gas{width:72px;height:140px}.touch-buttons{gap:8px;display:flex;position:absolute;bottom:24px;left:24px}.touch-buttons button{border:1px solid var(--line);pointer-events:auto;touch-action:none;background:#0a0e1480;border-radius:14px;width:52px;height:52px;font-size:13px;font-weight:700}@media (max-width:720px){.hud-bottom-right{width:160px}.minimap{width:112px;height:112px;inset:210px 10px auto auto}.teacher{gap:6px;width:calc(100vw - 136px);padding:6px 8px 6px 6px;top:248px;left:8px}.teacher-face{width:38px;height:38px}.teacher-words{font-size:12px}.nav-card{gap:8px;width:calc(100vw - 136px);min-width:0;padding:5px 8px;top:236px;left:8px;transform:none}.nav-arrow{width:30px;height:30px}.nav-distance{font-size:15px}.nav-road{font-size:12px}.nav-summary,.nav-goal{font-size:10.5px}.nav-card~.teacher{top:318px}.row.extra,.hud.on-site .events{display:none}.service,.service.small{width:min(340px,100vw - 32px);min-width:0;max-height:calc(100vh - 500px);padding:8px 10px;bottom:216px}.service.small{bottom:262px}.events{width:min(300px,100vw - 32px);inset:auto auto 270px 50%;transform:translate(-50%)}.event-detail{display:none}.hud-bottom-left{width:170px;padding:8px 10px;top:52px;bottom:auto}.hud-top-left{flex-wrap:wrap;max-width:calc(100vw - 186px)}.key-hint,.cam-pill{display:none}.warn{min-width:28px;padding:3px 5px;font-size:10px}.touch-pedals{right:176px}.touch-wheel{width:120px;height:120px;bottom:96px}.hint{max-width:calc(100vw - 32px);bottom:220px}}@media (max-width:720px) and (orientation:portrait){.touch-wheel-spoke:after{top:-45px}.hud-top-right{gap:5px;top:8px;right:8px}.hud-top-left{flex-wrap:nowrap;gap:3px;max-width:none;top:44px;left:8px;right:8px}.toast{text-align:center;white-space:normal;border-radius:14px;width:calc(100vw - 32px);top:330px}.hud-top-left .warn{text-align:center;flex:1;min-width:0;padding:4px 0;font-size:9px}.hud-bottom-right{width:124px;top:80px;bottom:auto;right:8px}.hud-bottom-left{top:80px}.touch-wheel{bottom:20px;left:16px}.touch-pedals{bottom:20px;right:12px}.touch-pedal.brake{width:84px;height:78px}.touch-pedal.gas{width:64px;height:124px}.touch-buttons{gap:4px;bottom:160px;left:8px;right:8px}.touch-buttons button{flex:1;width:auto;min-width:0;height:42px;padding:0;font-size:11px}.hint{bottom:216px}}@media (max-height:500px){.minimap{border-width:2px;width:88px;height:88px;inset:40px 26px auto auto}.nav-card{gap:6px;width:250px;min-width:0;padding:3px 8px;top:40px;left:178px;right:auto;transform:none}.nav-arrow{width:26px;height:26px}.nav-distance{font-size:14px}.nav-road{font-size:11.5px}.nav-summary{font-size:10px}.nav-goal{display:none}.teacher{gap:6px;width:250px;padding:4px 8px 4px 4px;top:40px;left:178px}.nav-card~.teacher{top:92px}.teacher-face{width:30px;height:30px}.teacher-words{font-size:11.5px}.teacher-words strong{display:none}.events{width:calc(100vw - 576px);inset:40px auto auto 436px;transform:none}.nav-card~.events{top:40px}.event{padding:6px 10px}.hud-top-left{top:8px;left:10px}.hud-top-right{top:8px;right:10px}.hud-bottom-left{width:160px;padding:6px 10px;font-size:11px;top:40px;bottom:auto;left:10px}.hud-bottom-right{width:116px;bottom:130px;right:18px}.touch-wheel{border-width:11px;width:116px;height:116px;bottom:16px;left:18px}.touch-wheel-spoke:after{top:-46px}.touch-pedals{bottom:14px;right:14px}.touch-pedal.brake{width:80px;height:70px}.touch-pedal.gas{width:60px;height:110px}.touch-buttons{gap:6px;bottom:14px;left:50%;transform:translate(-50%)}.touch-buttons button{width:42px;height:42px;font-size:12px}.hint{max-width:calc(100vw - 340px);bottom:66px}.row.extra,.hud.on-site .events{display:none}.service,.service.small{width:min(340px,100vw - 390px);min-width:0;max-height:calc(100vh - 110px);padding:6px 10px;top:44px;bottom:auto}.service-options{gap:4px;margin-top:6px}.service-options button{padding:4px 8px}.service-options small{display:none}}.windscreen{pointer-events:none;opacity:.85;width:100vw;height:100dvh;position:fixed;inset:0}.windscreen.cockpit{-webkit-mask-image:linear-gradient(#000 56%,#0000 72%);mask-image:linear-gradient(#000 56%,#0000 72%)}.garage{pointer-events:none;z-index:40;justify-content:flex-end;display:flex;position:fixed;inset:0}.garage-panel{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid var(--line);color:#eef1f3;background:#0e1217e6;width:min(400px,100vw);height:100%;padding:18px 18px 28px;overflow-y:auto}.garage-panel section{margin-top:16px}.garage-panel h3{margin:0 0 8px}.garage-cars{gap:6px;display:grid}.garage-car{text-align:left;border:1px solid var(--line);background:#ffffff0a;border-radius:10px;padding:10px 12px}.garage-car small{opacity:.72;margin-top:3px;line-height:1.35;display:block}.garage-car.active{background:#6fd0a424;border-color:#6fd0a4}.garage-car:disabled{opacity:.6;cursor:default}.garage-car .lock{opacity:.75;font-size:.8em;font-weight:400}.swatches{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.swatches button{border:2px solid #ffffff40;border-radius:50%;width:30px;height:30px;padding:0}.swatches button.active{border-color:#fff;box-shadow:0 0 0 2px #6fd0a4}.swatch-any{border:1px solid var(--line);cursor:pointer;border-radius:15px;justify-content:center;align-items:center;height:30px;padding:0 10px;font-size:12px;display:inline-flex;position:relative}.swatch-any input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.slider-row{align-items:center;gap:10px;font-size:13px;display:flex}.slider-row input{flex:1}.plate-input{border:1px solid var(--line);color:#151515;letter-spacing:.08em;text-align:center;background:#f4f4ef;border-radius:8px;width:100%;padding:10px 12px;font:700 20px/1.2 Arial Narrow,Arial,sans-serif}@media (max-width:720px){.garage{align-items:flex-end}.garage-panel{border-left:0;border-top:1px solid var(--line);border-radius:14px 14px 0 0;width:100%;height:58vh}}@media (max-height:500px) and (orientation:landscape){.garage{align-items:stretch}.garage-panel{border-top:0;border-left:1px solid var(--line);border-radius:0;width:min(42vw,400px);height:100%}}.graphics-choice{gap:10px;display:grid}.graphics-choice h2{margin:0;font-size:20px}.lesson-offer{z-index:45;border:1px solid var(--line);color:#eef1f3;background:#0e1217f0;border-radius:14px;width:min(420px,100vw - 32px);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.lesson-offer button:not(.primary){border:1px solid var(--line);border-radius:10px;padding:10px 18px}.lesson-offer h2{margin:0 0 8px}.lesson-offer p{margin:0 0 14px;line-height:1.45}.lesson-actions{flex-wrap:wrap;gap:8px;display:flex}.lesson-actions button{flex:1;min-height:44px}.lesson-card{z-index:24;text-align:center;color:#eef1f3;background:#0e1217db;border:1px solid #6fd0a48c;border-radius:12px;justify-items:center;gap:2px;width:min(380px,100vw - 32px);padding:10px 16px;display:grid;position:fixed;top:70px;left:50%;transform:translate(-50%)}@media (max-height:500px){.lesson-card{padding:6px 12px;top:84px}}.lesson-count{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:11px}.lesson-card strong{font-size:17px}.lesson-keys{color:#9fe3c2;font-size:13px}.start{overflow-y:auto}.start-card{margin:auto}.rotate-hint{z-index:9000;text-align:center;color:#fff;background:#0b0f14;place-content:center;justify-items:center;gap:14px;padding:32px;display:grid;position:fixed;inset:0}.rotate-hint svg{width:76px;height:76px}.rotate-hint h2{margin:0;font-size:22px}.rotate-hint p{color:var(--muted);margin:0;line-height:1.45}@media (max-width:520px){.graphics-choice .segmented button{padding-inline:4px}.graphics-choice .segmented strong{font-size:13px}}@media (max-height:500px) and (orientation:landscape){.start{padding:8px}.start-card{border-radius:14px;width:min(620px,100%);padding:12px 20px}.start-card .eyebrow{margin:0}.start-card h1{margin:0 0 8px;font-size:24px}.start-card .lede{display:none}.start-card .segmented{margin:0 0 8px}.start-card .segmented button small{display:none}.start-card .primary.big{margin:0;padding-block:10px}.start-card .note{margin:8px 0 0}}@media (max-height:400px){.hud.touch-mode .minimap{top:44px;right:154px}}
