:root{--bg: #0f1115;--panel: rgba(20, 23, 30, .92);--line: #2a2f3a;--text: #e8eaf0;--muted: #98a0b3;--accent: #3fb6ff;--minor: #e8a020;--serious: #e04a3a;--dangerous: #ff2b2b;--ok: #3ccf6e;--steer: #2196d6;--transmission: #23a866;--signals: #e9a318;--other: #8e55e0}*{box-sizing:border-box}.steer-row,.hud-selector,.hud-lamps,.ctl-card{direction:ltr}.ctl-card small,.ctl-legend>span,.ctl-more{unicode-bidi:plaintext}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}:root{color-scheme:dark}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:#3a4150;border:2px solid transparent;border-radius:8px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#4b5468}@supports not selector(::-webkit-scrollbar){:root{scrollbar-width:thin;scrollbar-color:#3a4150 transparent}}#view{position:fixed;inset:0}#view canvas{display:block;width:100%!important;height:100%!important}button{background:#232834;color:var(--text);border:1px solid #3a4150;border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#08131c;border-color:transparent;font-weight:600}button:disabled{opacity:.45;cursor:default}input,select{background:#1b1f27;color:var(--text);border:1px solid #3a4150;border-radius:6px;padding:7px 10px;font:inherit}.muted{color:var(--muted)}.small{font-size:12px}h1{font-size:24px;margin:0 0 8px}h2{font-size:20px;margin:0 0 10px}h3{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:16px 0 6px}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);z-index:50;gap:8px}.spinner{width:28px;height:28px;border:3px solid #2a2f3a;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{line-height:0}.brand img{height:auto}#loading .brand{margin:0 0 2px}#loading .brand img{width:232px}#loading pre{max-width:80vw;white-space:pre-wrap;color:#ff8a8a;font-size:12px}.load-card{margin-top:26px;padding:14px 20px 10px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.load-card:empty,#loading.freeze .load-card{display:none}.load-card-note{margin:8px 0 0;text-align:center;font-size:12px;color:var(--muted)}#loading.freeze{background:#0f111559}#loading .freeze-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1;filter:brightness(.5) saturate(.6)}#start{position:fixed;inset:0;background:var(--bg);z-index:20;display:none}#start.show{display:block}.start-layout{display:grid;grid-template-columns:360px 1fr;grid-template-rows:100%;height:100%}.start-side{padding:18px;overflow:hidden;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:8px;min-height:0;overflow-wrap:anywhere}.start-side .brand-row{margin:2px 0 12px}.start-side .brand img{width:168px}.start-place{color:var(--muted);margin:-6px 0 2px;font-size:14px}.start-tabs{display:flex;gap:16px;margin-top:2px;border-bottom:1px solid var(--line);flex:0 0 auto}.start-tabs button{margin-bottom:-1px;padding:6px 2px 7px;border:none;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);font-weight:600;font-size:13px}.start-tabs button:hover{color:var(--text)}.start-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.start-tabs button.info{margin-inline-start:auto;padding-inline:3px}.start-tabs button.info svg{display:block;width:18px;height:18px}.start-tab{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;overflow:auto;padding-top:4px}.start-tab[hidden]{display:none}.start-tab>h3:first-child{margin-top:6px}.start-foot{display:flex;flex-direction:column;gap:8px;flex:0 0 auto;padding-top:10px;border-top:1px solid var(--line)}.start-map{position:relative;min-height:0;overflow:hidden}.start-map canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.quick{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;font-size:17px}.quick small{text-align:left;font-size:12px;font-weight:400;color:#123;opacity:.85}.quick:not(.primary){font-size:15px;font-weight:600;background:#171b23;border-color:var(--line)}.quick:not(.primary) small{color:var(--muted);opacity:1}.learn-card{position:relative;flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;border:1px solid #2d5f86;border-radius:12px;background:linear-gradient(160deg,#173049,#141c2a 70%);box-shadow:0 0 0 1px #3fb6ff1f,0 6px 20px #00000059}.learn-card[hidden]{display:none}.learn-card.on{border-color:var(--accent)}.learn-card-head{display:flex;align-items:center;gap:8px;padding-inline-end:24px;font-size:16px}.learn-card-head span{color:var(--muted);font-size:13px;white-space:nowrap}.learn-card p{margin:0;font-size:13px;color:#cfd6e4}.learn-card .primary{padding:10px 14px;font-size:15px}.learn-card-close{position:absolute;top:6px;inset-inline-end:6px;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:none;color:var(--muted);font-size:18px;line-height:1}.learn-card-close:hover,.learn-card-close:focus-visible{color:var(--text);background:#ffffff14;outline:none}.line-icon{flex:0 0 auto;width:22px;height:22px;color:var(--accent)}.learn-ghost{position:fixed;z-index:60;margin:0;pointer-events:none;transform-origin:center}.start-tabs button.pulse{color:var(--accent);animation:tab-pulse .85s ease-in-out 3;border-radius:50%}@keyframes tab-pulse{0%,to{box-shadow:0 0 #3fb6ff00}50%{box-shadow:0 0 0 7px #3fb6ff59}}.learn-toast{position:relative;flex:0 0 auto;margin-top:4px;text-align:start;padding:9px 12px;font-size:12.5px;line-height:1.35;color:var(--text);background:#1b2a3a;border:1px solid #2d5f86;border-radius:10px;box-shadow:0 8px 24px #00000080;animation:drop .25s ease-out}.learn-toast:before{content:"";position:absolute;top:-6px;inset-inline-end:8px;width:10px;height:10px;background:#1b2a3a;border-top:1px solid #2d5f86;border-inline-start:1px solid #2d5f86;transform:rotate(45deg)}[dir=rtl] .learn-toast:before{transform:rotate(-45deg)}.help-item{display:flex;align-items:center;gap:10px;text-align:start;padding:9px 10px;background:#171b23;border:1px solid var(--line);border-radius:8px;flex:0 0 auto}.help-item:hover{background:#1f2430}.help-item>span:not(.key-hint){flex:1 1 auto;min-width:0}.help-item b{display:block;font-size:13.5px}.help-item small{display:block;font-size:11.5px;color:var(--muted);font-weight:400}.cats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cats button{text-align:start;padding:8px 10px;background:#171b23;border:1px solid var(--line);border-radius:8px;font-weight:600;font-size:13px}.cats button.on{border-color:var(--accent);background:#1b2536}.cats button small{display:block;font-weight:400;font-size:11px;color:var(--muted)}.cats button:nth-child(odd):last-child{grid-column:1 / -1}.cat-blurb{font-size:12px;color:var(--muted);margin:0}#plan-search{width:100%}.plan-results{display:flex;flex-direction:column}.plan-item{padding:6px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px}.plan-item:hover{background:#1f2430}.plan-item .name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-item .sub{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kind-tag{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 4px;flex:0 0 auto}.plan-stops{display:flex;flex-direction:column;gap:4px}.plan-stop{display:flex;align-items:center;gap:6px;background:#171b23;border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:12.5px}.plan-stop b{width:16px;color:var(--muted);font-weight:600}.plan-stop span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-stop button{padding:2px 7px;font-size:12px}.plan-note{font-size:12px;color:var(--muted);margin:0}#plan-clear{align-self:flex-start;font-size:12.5px;padding:6px 10px}.plan-results:empty,.plan-stops:empty,.plan-status:empty{display:none}.presets{display:flex;flex-wrap:wrap;gap:6px}.presets button{font-size:12.5px;padding:6px 10px}.start-chosen{background:#171b23;border:1px solid var(--line);border-radius:8px;padding:10px;min-height:48px}.routes{display:flex;flex-direction:column;gap:4px;flex:0 1 auto;min-height:96px;overflow-y:auto}.route-item{display:flex;align-items:center;gap:8px;text-align:start;padding:6px 8px;background:#171b23;border:1px solid var(--line);border-radius:8px}.route-item:hover{background:#1f2430}.route-item.on{border-color:var(--accent);background:#1b2536}.route-item.hover{background:#202634}.route-item b{font-size:13px;white-space:nowrap}.route-item span{font-size:11.5px;color:var(--muted);flex:1 1 auto;min-width:0}.route-item .sw{width:12px;height:12px;border-radius:50%;flex:0 0 auto}#route-new{align-self:flex-start;font-size:12.5px;padding:6px 10px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-row .brand{margin:0}.brand-row .brand img{display:block}.brand-row .lang-pick{margin-top:12px}.lang-pick{field-sizing:content;padding:3px 8px;font-size:12px;color:var(--muted);background:#171b23;border:1px solid var(--line);border-radius:12px;cursor:pointer;flex:0 0 auto}.lang-pick:hover,.lang-pick:focus-visible{border-color:var(--accent);color:var(--text);outline:none}.map-callout{position:absolute;z-index:2;background:var(--panel);border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:10px;padding:10px 12px;max-width:260px;box-shadow:0 8px 24px #00000073;font-size:12.5px;overflow-wrap:anywhere}.map-callout>b{display:block;padding-inline-end:20px}.map-callout .map-callout-close{position:absolute;top:5px;inset-inline-end:5px;width:22px;height:22px;padding:0;border-radius:50%;font-size:14px;line-height:1}.map-callout{min-width:230px;padding-bottom:12px}.map-callout-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:12px}.map-callout-actions button{width:100%;padding:7px 12px;font-size:13px}.map-callout-actions button.primary{padding:10px 12px;font-size:14px}.map-tip{position:absolute;z-index:3;pointer-events:none;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:12px;white-space:nowrap;box-shadow:0 4px 12px #00000059}.map-tip.muted{color:var(--muted)}.map-tip.warn{color:var(--text);border-color:var(--serious);border-inline-start-width:4px;background:#461414eb;white-space:normal;max-width:260px}#hud{position:fixed;inset:0;pointer-events:none;display:none;z-index:10}#hud.show{display:block}.hud-top-left{position:absolute;left:16px;top:14px}.hud-street{background:var(--panel);border-radius:10px;padding:8px 14px;font-size:18px;font-weight:600;display:flex;flex-direction:column}.hud-street #hud-street-uk{font-size:12px;font-weight:400;color:var(--muted)}.hud-next{margin-top:6px;background:var(--panel);border-radius:8px;padding:6px 12px;font-size:13px;color:#d5dbe8;min-height:16px;max-width:42ch}.hud-next:empty{display:none}.hud-nav{display:none;margin-top:6px;background:var(--panel);border-radius:10px;padding:8px 12px;min-width:220px;max-width:42ch;border-inline-start:6px solid var(--accent)}.hud-nav.show{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center}.nav-arrow{width:44px;height:44px}.nav-arrow svg{width:100%;height:100%}.nav-dist{font-size:20px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.nav-what{font-size:14px;font-weight:600}.nav-street{font-size:12.5px;color:#d5dbe8}.nav-then{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px;margin-top:2px}.nav-then:empty{display:none}.nav-then svg{width:16px;height:16px}.nav-foot{grid-column:1 / -1;font-size:11.5px;color:var(--muted);margin-top:4px;border-top:1px solid var(--line);padding-top:4px}.nav-foot:empty{display:none}.nav-foot.off{color:var(--minor)}.hud-limit{margin-top:10px;width:62px;height:62px;border-radius:50%;background:#fff;border:7px solid #d21e2c;display:flex;align-items:center;justify-content:center;color:#111;font-weight:800;font-size:22px}.hud-limit.over{box-shadow:0 0 0 4px #ff3c3c99;animation:pulse .8s infinite alternate}@keyframes pulse{to{box-shadow:0 0 0 8px #ff3c3c26}}.hud-bottom-left{position:absolute;left:16px;bottom:16px;background:var(--panel);border-radius:12px;padding:12px 16px;min-width:260px}.hud-speed{font-size:46px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.hud-speed small{font-size:14px;margin-inline-start:6px;color:var(--muted);font-weight:400}.hud-rpm{height:6px;background:#2a2f3a;border-radius:3px;margin:8px 0;overflow:hidden}.hud-rpm div{height:100%;width:0;background:linear-gradient(90deg,#3ccf6e,#ffd24b 70%,#ff3b3b)}.hud-selector{display:flex;gap:6px;margin:6px 0}.hud-selector span{width:30px;height:30px;border-radius:6px;background:#1b1f27;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--muted)}.hud-selector span.on{background:var(--transmission);color:#fff}.hud-selector span.on[data-g=R]{background:#ffb300;color:#1a1200;transform:scale(1.25)}#hud.cabin .hud-bottom-left{display:none}.hud-lamps{display:flex;gap:8px;align-items:center;margin-top:4px}.lamp{font-size:12px;font-weight:700;color:#3b4150;padding:2px 4px;border-radius:4px}.lamp.on{color:#6fdc8c}.lamp.dipped{color:#7ee36a}.lamp.warn{color:#ff4d4d}.lamp.blue{color:#59a8ff}.lamp.ind{font-size:16px}.lamp.ind.on{color:#6fdc8c;text-shadow:0 0 8px #6fdc8c}.hud-bottom-right{position:absolute;right:16px;bottom:16px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}#hud-minimap{width:220px;height:220px;border-radius:50%;border:3px solid rgba(255,255,255,.25);background:#ddd}.hud-session{background:var(--panel);border-radius:8px;padding:5px 10px;font-size:12px;color:var(--muted)}.hud-keys{position:absolute;right:16px;top:14px;color:var(--muted);font-size:12px;background:var(--panel);padding:5px 10px;border-radius:8px}.hud-tip{position:absolute;display:none;background:var(--panel);border-radius:8px;padding:5px 10px;font-size:12.5px;white-space:nowrap;box-shadow:0 4px 14px #0006}.hud-tip.show{display:block}#view.offer canvas{cursor:pointer}.hud-toasts{position:absolute;left:50%;top:14px;transform:translate(-50%);width:min(560px,60vw);display:flex;flex-direction:column;gap:8px}.toast{background:var(--panel);border-inline-start:6px solid var(--minor);border-radius:10px;padding:10px 14px;animation:drop .25s ease-out}.toast.serious{border-inline-start-color:var(--serious)}.toast.dangerous{border-inline-start-color:var(--dangerous);background:#461414eb}.toast-title{font-weight:700;font-size:15px}.toast-what{color:#d9dde8;font-size:13px}.toast-advice{color:#9fd0ff;font-size:13px;margin-top:2px}@keyframes drop{0%{transform:translateY(-10px);opacity:0}}.hud-hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);background:#1e3c5aeb;border-radius:10px;padding:8px 14px;font-size:13.5px;max-width:60vw;opacity:0;transition:opacity .3s}.hud-hint.show{opacity:1}.hud-steer{position:absolute;left:50%;bottom:96px;transform:translate(-50%);width:266px;text-align:center}.steer-row{display:flex;align-items:center;gap:8px}.steer-track{flex:1}.pedal{position:relative;width:9px;height:26px;border-radius:4px;background:#14171eb8;border:1px solid var(--line);overflow:hidden}.pedal i{position:absolute;left:0;right:0;bottom:0;height:0}.pedal.brake i{background:var(--serious)}.pedal.throttle i{background:var(--ok)}.steer-track{position:relative;height:10px;border-radius:5px;background:#14171eb8;border:1px solid var(--line);overflow:hidden}.steer-centre{position:absolute;left:50%;top:1px;bottom:1px;width:2px;margin-left:-1px;background:#e8eaf080}.steer-lock{position:absolute;top:2px;bottom:2px;background:#2196d680;border-radius:2px}.steer-hand{position:absolute;top:-2px;bottom:-2px;width:4px;margin-left:-2px;background:var(--steer);border-radius:2px;box-shadow:0 0 0 1px #00000080}.steer-hand.centred{background:var(--ok)}.steer-note{position:relative;left:50%;transform:translate(-50%);width:max-content;max-width:90vw;margin-top:5px;font-size:12px;color:var(--muted);text-shadow:0 1px 3px rgba(0,0,0,.8)}.steer-note:empty{display:none}.hud-card{position:absolute;left:50%;top:14px;transform:translate(-50%);display:none;pointer-events:auto;background:#14171eb3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid rgba(120,132,156,.35);border-radius:14px;padding:12px 18px;box-shadow:0 10px 30px #00000073}.hud-card.show{display:block;animation:drop-centred .25s ease-out}@keyframes drop-centred{0%{transform:translate(-50%,-10px);opacity:0}}#hud.carded .hud-toasts{top:196px}.hud-card-foot{margin-top:6px;text-align:center;font-size:12px;color:var(--muted)}.hud-card-close{position:absolute;top:6px;right:6px;width:24px;height:24px;padding:0;border-radius:50%;font-size:15px;line-height:1}.hud-card-timer{position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--accent);border-radius:1px;transform-origin:left}.hud-card-note{position:absolute;left:50%;bottom:160px;transform:translate(-50%);background:var(--panel);border-radius:8px;padding:5px 10px;font-size:12.5px;color:var(--muted);white-space:nowrap}.hud-card-note:empty{display:none}.ctl-card{display:flex;align-items:center;gap:24px}.ctl-mouse{display:block;font-family:inherit}.ctl-keys{display:flex;flex-direction:column;align-items:center;gap:5px}.ctl-krow{display:flex;gap:5px}.cap{width:42px;height:42px;border-radius:8px;background:#1c2029;border:1px solid #3a4150;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:17px;line-height:1;color:var(--text)}.cap small{font-size:9.5px;font-weight:600;margin-top:2px;opacity:.8}.cap.go{background:var(--ok);color:#06200f;border-color:transparent}.cap.brake{background:var(--serious);color:#fff;border-color:transparent}.cap.steer{background:var(--steer);color:#e8f4ff;border-color:transparent}.cap.transmission{background:var(--transmission);color:#eafff2;border-color:transparent;font-size:13px}.cap.wide{width:136px}.cap.wide small{font-size:9px}.cap.signals{background:var(--signals);color:#2a1a02;border-color:transparent}.cap.signals small{opacity:.85}.cap.pair{width:65.5px}.ctl-legend{display:flex;gap:12px;font-size:11.5px;color:var(--muted);margin-top:3px}.ctl-more{font-size:11px;color:var(--muted)}.ctl-panel-card{display:flex;justify-content:center;margin:8px 0 4px}.ctl-basics{gap:12px;align-items:stretch}.ctl-basic{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px 8px;border:1px solid rgba(120,132,156,.3);border-radius:10px;background:#1c20298c;transition:opacity .4s,border-color .4s}.ctl-basic-pic{display:flex;align-items:center;gap:5px;min-height:60px}.ctl-basic-or{color:var(--muted);font-size:13px}.ctl-basic b{font-size:14px}.ctl-basic .cap{width:40px;height:40px;font-size:16px}.ctl-basic .ctl-glyph{width:82px;height:68px}.ctl-basic-tick{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--ok);color:#06200f;font-style:normal;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.ctl-basic.done{opacity:.45;border-color:var(--ok)}.ctl-basic.done .ctl-basic-tick{transform:scale(1)}.ctl-glyph{display:block}.hud-learn{position:absolute;left:50%;top:14px;transform:translate(-50%);width:min(620px,64vw);display:none;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:9px 16px 12px;box-shadow:0 10px 30px #00000073}.hud-learn.show{display:block;animation:drop-centred .25s ease-out}.learn-head{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--muted);padding-inline-end:22px}.learn-head b{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.7px}.learn-quit{position:absolute;top:5px;inset-inline-end:6px;width:22px;height:22px;padding:0;border:none;border-radius:6px;background:none;color:var(--muted);font-size:16px;line-height:1;pointer-events:auto}.learn-quit:hover,.learn-quit:focus-visible{color:var(--text);background:#ffffff14;outline:none}.learn-bar{position:relative;height:8px;margin:6px 0 10px;border-radius:4px;background:#232834;overflow:hidden;direction:ltr}.learn-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:linear-gradient(90deg,#2bb673,var(--ok));transition:width .7s cubic-bezier(.2,.9,.3,1)}#hud-learn-marks i{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#0f1115d9}.learn-body{display:flex;align-items:center;gap:14px}.learn-glyph{flex:0 0 auto;display:flex;align-items:center;gap:5px;min-width:72px;justify-content:center;direction:ltr}.learn-lines{flex:1 1 auto;min-width:0}.learn-text{font-size:19px;font-weight:600;line-height:1.25}.learn-text b{color:var(--ok);margin-inline-end:7px}.learn-text b:empty{display:none}.learn-alt{margin-top:3px;font-size:12.5px;color:var(--muted)}.learn-note{margin-top:3px;font-size:12px;color:#8fb8d8}.learn-alt:empty,.learn-note:empty,.learn-parts:empty{display:none}.learn-parts{display:flex;gap:8px;margin-top:5px}.learn-parts span{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 5px;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--muted);unicode-bidi:plaintext}.learn-parts i{width:14px;height:14px;border-radius:50%;background:#232834;color:transparent;font-style:normal;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.learn-parts span.done{color:var(--text);border-color:var(--ok)}.learn-parts span.done i{background:var(--ok);color:#06200f}.hud-learn.flash{animation:learn-flash .9s ease-out}@keyframes learn-flash{0%{border-color:var(--ok);box-shadow:0 0 #3ccf6e8c,0 10px 30px #00000073}to{border-color:var(--line);box-shadow:0 0 0 16px #3ccf6e00,0 10px 30px #00000073}}#hud.learning .hud-session,#hud.learning .hud-toasts{display:none}#hud.learning .hud-next{max-width:24ch}@media(prefers-reduced-motion:reduce){.learn-fill{transition:none}.hud-learn.flash{animation:none}}.learn-done{width:min(460px,94vw);text-align:center;padding:26px 28px 22px}.learn-done-mark{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:var(--ok);color:#06200f;font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;animation:pop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes pop{0%{transform:scale(0)}}.learn-done h2{font-size:24px;margin-bottom:8px}.learn-done p{margin:0 0 14px;color:#cfd6e4}.learn-done-keys{display:flex;flex-direction:column;gap:6px;margin:0 0 18px;padding:10px 12px;background:#171b23;border:1px solid var(--line);border-radius:10px;text-align:start}.learn-done-keys div{display:flex;align-items:baseline;gap:10px;font-size:13px;color:#d9dde8}.learn-done-keys b{flex:0 0 auto;min-width:40px;text-align:center;background:var(--other);color:#f3ecff;border-radius:6px;padding:3px 8px;font-size:12.5px}.learn-done-actions{display:flex;flex-direction:column;gap:8px}.learn-done-actions .primary{padding:12px 14px;font-size:16px}.key-hint{display:inline-block;margin-inline-start:8px;padding:1px 6px;border-radius:4px;background:#1b1f27;border:1px solid #3a4150;font-size:11px;color:var(--muted);vertical-align:1px}.hud-stuck{position:absolute;left:50%;bottom:68px;transform:translate(-50%);display:none;pointer-events:auto;background:var(--minor);color:#21160a;border:none;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:600;box-shadow:0 6px 18px #00000073;animation:pulse-stuck 1.4s infinite alternate}.hud-stuck.show{display:block}.hud-stuck:hover{background:#ffc25a;border:none}@keyframes pulse-stuck{to{box-shadow:0 6px 18px #00000073,0 0 0 7px #e8a0202e}}#replay-banner{position:fixed;left:50%;top:14px;transform:translate(-50%);background:#4a2a80;padding:8px 16px;border-radius:10px;z-index:12;display:none}#replay-banner.show{display:block}#overlay{position:fixed;inset:0;background:#05080e8c;z-index:30;display:none;align-items:center;justify-content:center;padding:20px}#overlay.show{display:flex}.panel{background:#141821;border:1px solid var(--line);border-radius:14px;padding:18px 22px;max-height:92vh;overflow:auto;box-shadow:0 20px 60px #00000080}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.menu-panel{width:420px}.menu-buttons{display:flex;flex-direction:column;gap:8px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.settings label{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--muted)}.report-panel{width:min(1000px,94vw)}.report-summary{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:10px;margin:8px 0 12px;background:#1b2a1f}.report-summary.fail{background:#2c1a1a}.report-summary .big{font-size:28px;font-weight:800;color:var(--ok)}.report-summary.fail .big{color:var(--serious)}table.faults{width:100%;border-collapse:collapse;font-size:13px}table.faults th{text-align:start;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--line)}table.faults td{padding:8px;border-bottom:1px solid #1f242e;vertical-align:top}table.faults tr.minor .sev{color:var(--minor)}table.faults tr.serious .sev{color:var(--serious)}table.faults tr.dangerous .sev{color:var(--dangerous)}.report-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.controls-panel{width:min(900px,96vw)}.keyboard{display:flex;flex-direction:column;gap:5px;margin:10px 0}.kb-row{display:flex;gap:5px}.key{width:56px;height:50px;background:#1c2029;border-radius:6px;padding:4px 5px;position:relative;font-size:10px;color:#6b7387;display:flex;flex-direction:column;justify-content:space-between}.key.wide{width:84px}.key.space{width:340px}.key-label{font-weight:700;font-size:11px}.key-name{color:#fff;font-size:10.5px;line-height:1.15}.key.go{background:var(--ok);color:#06200f}.key.go .key-name{color:#06200f}.key.brake{background:var(--serious);color:#fff}.key.steer{background:var(--steer);color:#e8f4ff}.key.transmission{background:var(--transmission);color:#eafff2}.key.signals{background:var(--signals);color:#1a1200}.key.signals .key-name{color:#1a1200}.key.other{background:var(--other);color:#f3ecff}.legend{display:flex;gap:18px;font-size:12.5px;color:var(--muted)}.legend .sw,.ctl-legend .sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-inline-end:6px;vertical-align:-1px}.sw.go{background:var(--ok)}.sw.brake{background:var(--serious)}.sw.steer{background:var(--steer)}.sw.transmission{background:var(--transmission)}.sw.signals{background:var(--signals)}.sw.other{background:var(--other)}#hud.simple .hud-rpm,#hud.simple #lamp-engine,#hud.simple #lamp-hb,#hud.simple #lamp-lights,#hud.simple #lamp-high,#hud.simple #lamp-hazard,#hud.simple #lamp-wipers{display:none}.simple-keys{display:flex;flex-direction:column;gap:6px;margin:10px 0}.simple-keys div{display:flex;align-items:baseline;gap:10px}.simple-keys b{background:#1c2029;color:var(--text);border-radius:6px;padding:4px 9px;font-size:14px}.simple-keys b.go{background:var(--ok);color:#06200f}.simple-keys b.brake{background:var(--serious);color:#fff}.simple-keys b.transmission{background:var(--transmission);color:#eafff2}.simple-keys b.signals{background:var(--signals);color:#2a1a02}.simple-keys b.other{background:var(--other);color:#f3ecff}.simple-keys span{color:#d9dde8;font-size:13.5px}.settings label.wide{grid-column:1 / -1}.start-place button.link{background:none;border:none;padding:0 0 0 4px;color:var(--accent);font-size:13px;text-decoration:underline;text-underline-offset:2px}.start-place button.link:hover{color:#fff}#cities{position:fixed;inset:0;background:var(--bg);z-index:20;display:none}#cities.show{display:block}.cities-layout{display:grid;grid-template-columns:clamp(240px,23vw,310px) minmax(0,1fr);grid-template-rows:100%;height:100%}.cities-side{padding:18px;overflow:auto;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:8px;min-height:0}.cities-side .brand-row{margin:2px 0 14px}.cities-side .brand img{width:168px}.cities-side .brand{flex:1;min-width:0}.cities-side .brand img{max-width:100%}.cities-lead{font-size:18px;font-weight:600;margin:0}.cities-benefits{position:relative;margin:4px 0 2px;padding:12px 12px 4px;padding-inline-end:30px;background:#141821;border:1px solid var(--line);border-radius:12px}.cities-benefits ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.cities-benefits li{display:flex;gap:10px;align-items:flex-start}.cities-benefits svg{flex:0 0 auto;width:26px;height:26px;margin-top:1px;color:var(--accent)}.cities-benefits b{display:block;font-size:13.5px}.cities-benefits li span{display:block;font-size:12px;line-height:1.35;color:var(--muted)}.cities-benefits-close{position:absolute;top:6px;inset-inline-end:6px;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:none;color:var(--muted);font-size:18px;line-height:1}.cities-benefits-close:hover,.cities-benefits-close:focus-visible{color:var(--text);background:#1f2430;outline:none}.cities-tabs{display:flex;gap:16px;margin-top:2px;border-bottom:1px solid var(--line)}.cities-tabs button{margin-bottom:-1px;padding:6px 2px 7px;border:none;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);font-weight:600;font-size:13px}.cities-tabs button:hover{color:var(--text)}.cities-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.cities-suggested{display:flex;flex-direction:column;min-height:120px;overflow:auto;flex:1}.cities-suggested h3:first-child{margin-top:6px}.city-row{display:block;width:100%;text-align:start;padding:5px 8px;border:none;border-radius:6px;background:none}.city-row:hover,.city-row:focus-visible{background:#1f2430;outline:none}.city-row span{display:block;font-size:11.5px;color:var(--muted)}.cities-foot{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:auto;padding-top:8px}.cities-why{font-size:12.5px;color:var(--accent);text-decoration:none}.cities-why:hover,.cities-why:focus-visible{text-decoration:underline;text-underline-offset:2px}.cities-why .ext{display:inline-block;width:12px;height:12px;margin-inline-start:4px;vertical-align:-1px}[dir=rtl] .cities-why .ext{transform:scaleX(-1)}.cities-mail{font-size:12.5px;color:var(--accent);text-decoration:none;white-space:nowrap}.cities-mail:hover,.cities-mail:focus-visible{text-decoration:underline;text-underline-offset:2px}.cities-benefits[hidden],.cities-suggested[hidden],.cities-list[hidden]{display:none}#city-search{width:100%;margin-top:6px}.cities-list{display:flex;flex-direction:column;min-height:120px;overflow:auto;flex:1}.cities-country h3{margin:10px 0 3px}.cities-country button{display:block;width:100%;text-align:start;background:none;border:none;border-radius:6px;padding:5px 8px}.cities-country button:hover,.cities-country button:focus-visible{background:#1f2430;outline:none}.cities-country button[hidden],.cities-country[hidden]{display:none}.cities-map{position:relative;min-height:0;overflow:hidden;background:#0b1420}.world{position:absolute;inset:0;width:100%;height:100%;display:block}.world .land path{fill:#182331;fill-rule:evenodd;stroke:#293a4a;stroke-width:.8px;stroke-linejoin:round}.world .leaders path,.world .tip path{fill:none;stroke:#6a8395;stroke-width:.75px;opacity:.65;pointer-events:none}.world .city{cursor:pointer;outline:none}.world .city circle{fill:var(--accent);stroke:#0b1420;stroke-width:1.5px}.world .city circle.hit{fill:transparent;stroke:none}.world text{fill:#e8eaf0;dominant-baseline:central;paint-order:stroke;stroke:#0b1420;stroke-width:3px;stroke-linejoin:round}.world .city.priority-B text,.world .city.priority-C text{opacity:.88}.world .city:hover text,.world .city:focus text,.world .city.hot text{fill:#fff;opacity:1}.world .city.unlabelled text{opacity:0;pointer-events:none}.world .city:hover circle:not(.hit),.world .city:focus circle:not(.hit),.world .city.hot circle:not(.hit){r:7;fill:#fff}.world .city.featured circle:not(.hit){stroke:#fff;stroke-width:2.5px}.cities-featured{position:absolute;left:50%;top:14px;transform:translate(-50%);max-width:calc(100% - 28px)}.cities-featured:empty{display:none}.cities-featured button{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:220px;padding:10px 24px;border-radius:12px;box-shadow:0 6px 24px #00000073}.cities-featured button:hover,.cities-featured button:focus-visible{background:#fff;outline:none}.cities-featured button b{font-size:18px;white-space:nowrap}.cities-featured button span{font-size:12px;font-weight:400;opacity:.75}.world .tip{display:none}.world .tip.show{display:block}.world .tip a{cursor:pointer}.world .tip rect{fill:#0b1420;stroke:#6a8395;stroke-width:.7px}.world .tip text{fill:#fff;font-weight:600}@media(max-width:720px){.cities-layout{grid-template-columns:1fr;grid-template-rows:38% 62%}.cities-side{border-inline-end:none;border-bottom:1px solid var(--line)}.cities-list{min-height:60px}}