@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-arabic-400-normal-DMZFCm7K.woff2)format("woff2"),url(/assets/vazirmatn-arabic-400-normal-C4W5XURk.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vazirmatn-arabic-600-normal-CPKvAnd1.woff2)format("woff2"),url(/assets/vazirmatn-arabic-600-normal-CWYTfCgi.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-arabic-700-normal-Dge_DOjm.woff2)format("woff2"),url(/assets/vazirmatn-arabic-700-normal-B5nPuCFv.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/vazirmatn-arabic-800-normal-Bwnt96zj.woff2)format("woff2"),url(/assets/vazirmatn-arabic-800-normal-BH12s3-y.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-400-normal-BT_DHTc7.woff2)format("woff2"),url(/assets/vazirmatn-latin-400-normal-GKyMcI03.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/vazirmatn-latin-600-normal-D-zF-Oec.woff2)format("woff2"),url(/assets/vazirmatn-latin-600-normal-BxJiDPKT.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-latin-700-normal-9BlbvDRV.woff2)format("woff2"),url(/assets/vazirmatn-latin-700-normal-DrB0PBU6.woff)format("woff")}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/vazirmatn-latin-800-normal-e0EQwLmk.woff2)format("woff2"),url(/assets/vazirmatn-latin-800-normal-fM8Xz9cI.woff)format("woff")}:root{--bg:#0e1824;--card:#15233a;--line:#26395a;--fg:#e6edf7;--mut:#8ea2bf;--acc:#3f9d63}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:Vazirmatn,system-ui,sans-serif;overflow:hidden}button{font:inherit}.app{grid-template-columns:380px 1fr;height:100vh;display:grid;overflow:hidden}.stage{background:radial-gradient(circle at 50% 40%, #1b2f4d, var(--bg) 70%);grid-area:1/2;min-width:0;position:relative;overflow:hidden}.stage canvas{display:block}.panel{background:var(--card);border-inline-end:1px solid var(--line);grid-area:1/1;padding:18px;overflow:auto}.types{top:12px;gap:6px;padding-bottom:4px;display:flex;position:absolute;inset-inline:12px;overflow-x:auto}.types button{white-space:nowrap;border:1px solid var(--line);color:var(--fg);cursor:pointer;background:#0b1220cc;border-radius:999px;flex:none;padding:6px 12px}.types button.on{background:var(--acc);border-color:var(--acc)}.types button:disabled{opacity:.4;cursor:not-allowed}.legend{top:68px;color:var(--mut);align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset-inline-start:14px}.legend i{border-radius:50%;width:10px;height:10px;margin-inline-start:6px;display:inline-block}.explode{bottom:14px;color:var(--mut);width:200px;font-size:12px;position:absolute;inset-inline-start:14px}.hint{bottom:14px;text-align:center;color:var(--mut);pointer-events:none;font-size:13px;position:absolute;inset-inline:0}.labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.labels .label3d{opacity:0;position:absolute;top:0;left:0}.label3d{border:1px solid var(--acc);color:#fff;white-space:nowrap;background:#0b1220cc;border-radius:10px;padding:2px 8px;font-size:12px;transition:opacity .25s}.label3d.asm{padding:3px 12px;font-size:13px;font-weight:600}h1{margin:0 0 8px;font-size:20px}h1 small,h2 small{color:var(--mut);margin-top:2px;font-size:12px;font-weight:400;display:block}h2{color:var(--mut);margin:0 0 8px;font-size:14px}h2 small{font-size:11px;display:inline}section{margin-bottom:18px}.crumbs{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.crumbs button{color:var(--acc);cursor:pointer;background:0 0;border:0;padding:0}.crumbs button:disabled{color:var(--fg);cursor:default}.crumbs span{color:var(--mut)}.gears{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin-bottom:12px;display:grid}.gears button{border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:8px;padding:10px 0;font-weight:600}.gears button.on{background:var(--acc);border-color:var(--acc)}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.stats div{text-align:center;background:#0e1a2c;border-radius:8px;padding:8px}.stats b{font-size:18px;display:block}.stats span{color:var(--mut);font-size:10px}.els{gap:4px;margin-bottom:12px;display:grid}.el{border:1px solid var(--line);color:var(--mut);opacity:.55;border-radius:6px;padding:6px 10px;font-size:13px}.el small{font-size:11px;display:block}.el.on{opacity:1;color:var(--fg);background:#f0a03018;border-color:#f0a030}label{margin-bottom:10px;font-size:13px;display:block}input[type=range]{width:100%;accent-color:var(--acc)}.range-ends{color:var(--mut);justify-content:space-between;font-size:11px;display:flex}.note,.draft,.empty{color:var(--mut);font-size:11px}.asm-tag{color:var(--mut);border-inline-start:3px solid;margin:0 0 8px;padding:0 8px;font-size:12px;display:inline-block}dl{grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px;display:grid}dt{color:var(--mut)}dd{margin:0}.info p{font-size:13px;line-height:1.9}.fact{background:#3f9d6322;border-radius:8px;padding:8px 10px}.simp{color:var(--mut);margin:0;padding-inline-start:18px;font-size:12px;line-height:1.8}.mode{gap:6px;margin-bottom:12px;display:flex}.mode button{border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:8px 0;font-weight:600}.mode button.on{background:#274a73;border-color:#3b6ea8}.phase{background:#274a7355;border-radius:8px;margin:0 0 10px;padding:6px 10px;font-size:12px;line-height:1.7}.el{position:relative;overflow:hidden}.el .lvl{z-index:0;background:#f0a03030;transition:width 80ms;position:absolute;inset-block:0;inset-inline-start:0}.el>small{position:relative}.el.part{opacity:.95;border-color:#f0a03088}.chips{color:var(--mut);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.chips button{border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px}.chips button.on{background:var(--acc);border-color:var(--acc)}.check{align-items:center;gap:6px;font-size:12px;display:flex}.check input{width:auto}.dim{opacity:.45}.legend i.glow{box-shadow:0 0 6px #7fe3ff}.flow{background:#0b1424;border-radius:10px;width:100%;height:auto}.flow-dash{animation:linear infinite dash}@keyframes dash{to{stroke-dashoffset:-28px}}.lessons{background:#0e1a2c;border-radius:10px;margin-bottom:12px;padding:10px}.lessons h3{margin:0 0 8px;font-size:13px}.lessons>button{border:1px solid var(--line);width:100%;color:var(--fg);cursor:pointer;background:0 0;border-radius:8px;margin-bottom:6px;padding:8px;display:block}.lessons>button.on{background:#7a3b2e;border-color:#c0752f}.lesson-text{background:#274a7355;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.9}.hud{inset-inline:0;pointer-events:none;background:linear-gradient(#0000,#0b1220e6 35%);padding:10px 14px 12px;position:absolute;bottom:0}.hud>*{pointer-events:auto}.hud-row{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.coach{background:#274a73dd;border:1px solid #3b6ea8;border-radius:10px;max-width:640px;margin:0 auto 8px;padding:8px 12px;font-size:13px;line-height:1.8}.coach.warn{background:#6b4a12dd;border-color:#c89a2c}.coach.error{background:#7a2b2bdd;border-color:#d6584b}.coach.ok{background:#1f5a3adc;border-color:#3f9d63}.shifter{flex-wrap:wrap;gap:4px;max-width:150px;display:flex}.shifter button,.start{border:1px solid var(--line);color:var(--fg);cursor:pointer;background:#0e1a2c;border-radius:8px;padding:7px 10px;font-weight:700}.shifter button.on{background:var(--acc);border-color:var(--acc)}.start{background:#7a2b2b;border-color:#d6584b;margin-top:6px}.cluster{flex:1;gap:6px;max-width:320px;display:grid}.speed{align-items:baseline;gap:6px;display:flex}.speed b{font-size:34px}.speed span{color:var(--mut);font-size:12px}.rpm-bar{background:#1a2740;border-radius:6px;height:12px;position:relative;overflow:hidden}.rpm-bar em{background:var(--acc);transition:width 50ms;position:absolute;inset-block:0;inset-inline-start:0}.rpm-bar em.low{background:#d6a13a}.rpm-bar em.off{background:#555}.rpm-bar i{background:#fff8;width:2px;position:absolute;inset-block:0}.rpm-bar i.stall{background:#d6584b88;width:auto;inset-inline-start:0}.rpm-bar i.idle{background:#7fe3ff}.rpm-bar i.red{background:#d6584b}.rpm span{color:var(--mut);font-size:12px}.torq{gap:3px;font-size:11px;display:grid}.torq div{background:#1a2740;border-radius:4px;height:16px;position:relative;overflow:hidden}.torq i{opacity:.85;position:absolute;inset-block:0;inset-inline-start:0}.torq span{padding-inline:6px;line-height:16px;position:relative}.pedals{align-items:flex-end;gap:10px;display:flex}.pedal{color:var(--mut);justify-items:center;gap:4px;font-size:11px;display:grid}.pedal-track{border:1px solid var(--line);touch-action:none;cursor:ns-resize;background:#14213a;border-radius:8px;width:34px;height:96px;position:relative;overflow:hidden}.pedal-fill{inset-inline:0;opacity:.9;position:absolute;top:0}.pedal-zone{background:#f0a03040;border-block:1px dashed #f0a030;position:absolute;inset-inline:0}.pedal-mark{background:#fff;height:2px;position:absolute;inset-inline:-2px}.hud-keys{color:var(--mut);text-align:center;margin-top:6px;font-size:11px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:14px;display:flex}.tabs button{border:0;color:var(--mut);cursor:pointer;background:0 0;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font-size:13px;font-weight:600}.tabs button.on{color:var(--fg);border-bottom-color:var(--acc)}.prov,.simp{margin:0 0 14px;padding:0;font-size:12px;line-height:1.8;list-style:none}.prov li{border-bottom:1px solid #1d2c47;margin-bottom:8px;padding-bottom:8px}.prov a{color:#7fb2e5;margin-top:2px;font-size:11px;text-decoration:none;display:block}.prov a:hover{text-decoration:underline}.simp li{color:var(--mut);padding-inline-start:14px;position:relative}.simp li:before{content:"•";position:absolute;inset-inline-start:2px}.badge{border:1px solid;border-radius:999px;margin-inline-end:6px;padding:0 8px;font-size:10px;display:inline-block}.badge.sourced{color:#6fd39a;border-color:#3f9d63}.badge.estimated{color:#e9c06a;border-color:#b8923a}.help{top:12px;z-index:6;border:1px solid var(--line);width:30px;height:30px;color:var(--fg);cursor:pointer;background:#0b1220cc;border-radius:50%;font-weight:700;position:absolute;inset-inline-end:12px}.types{scrollbar-width:none;inset-inline-end:52px}.types::-webkit-scrollbar{display:none}.welcome{z-index:20;background:#050a14cc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.welcome-card{background:var(--card);border:1px solid var(--line);border-radius:14px;width:min(440px,100%);padding:22px}.welcome-card h2{color:var(--fg);margin:10px 0 8px;font-size:18px}.welcome-card p{color:#c9d4e6;font-size:14px;line-height:2}.welcome-dots{gap:6px;display:flex}.welcome-dots i{background:var(--line);border-radius:50%;width:8px;height:8px}.welcome-dots i.on{background:var(--acc)}.welcome-actions{justify-content:space-between;margin-top:14px;display:flex}.welcome-actions button{border:1px solid var(--acc);background:var(--acc);color:#fff;cursor:pointer;border-radius:8px;padding:8px 20px;font-weight:600}.welcome-actions button.ghost{border-color:var(--line);color:var(--mut);background:0 0}.legend{top:56px}.tour{z-index:30;position:fixed;inset:0}.tour-block{position:absolute;inset:0}.tour-dim{pointer-events:none;background:#050a1470;position:absolute;inset:0}.tour-spot{pointer-events:none;border-radius:12px;transition:left .2s,top .2s,width .2s,height .2s;position:absolute;box-shadow:0 0 0 9999px #050a14b8,0 0 0 2px #7fe3ff,0 0 22px 2px #7fe3ff88}.tour-card{z-index:2;background:var(--card);border:1px solid #3b6ea8;border-radius:14px;padding:14px 16px 12px;transition:left .2s,top .2s;position:absolute;box-shadow:0 12px 40px #000a}.tour-card h3{margin:8px 0 6px;font-size:16px}.tour-card p{color:#c9d4e6;margin:0 0 12px;font-size:13px;line-height:2}.tour-meta{color:var(--mut);justify-content:space-between;align-items:center;font-size:11px;display:flex}.tour-bar{background:var(--line);border-radius:2px;height:3px;margin-top:6px}.tour-bar i{background:var(--acc);border-radius:2px;height:100%;transition:width .2s;display:block}.tour-actions{justify-content:space-between;display:flex}.tour-card button{border:1px solid var(--acc);background:var(--acc);color:#fff;cursor:pointer;border-radius:8px;padding:7px 18px;font-weight:600}.tour-card button.ghost{border-color:var(--line);color:var(--mut);background:0 0}.tour-card button:disabled{opacity:.4;cursor:default}.tour-btn{top:12px;z-index:6;border:1px solid var(--line);height:30px;color:var(--fg);cursor:pointer;background:#0b1220cc;border-radius:999px;padding:0 14px;font-weight:600;position:absolute;inset-inline-end:90px}.types{inset-inline-end:140px}.phase-slot{min-height:40px}.phase.idle{color:var(--mut);border:1px dashed var(--line);background:0 0}.coach.idle{border-color:var(--line);color:var(--mut);background:#0e1a2caa}.sub{color:var(--mut);margin:14px 0 8px;font-size:13px;font-weight:600}.flowd{border:1px solid var(--line);background:#0b1424;border-radius:12px;margin-bottom:12px;padding:12px}.flow-sum{text-align:center;margin:0 0 10px;font-size:13px;line-height:1.8}.flow-sum b{color:#7fe3ff;font-size:15px}.flow-sum small{color:var(--mut)}.flow-sum.demo{color:var(--mut);font-size:11px}.flow-lanes{gap:14px;display:grid}.flow-lanes.two{grid-template-columns:1fr 1fr;gap:10px}.flow-lane{flex-direction:column;align-items:stretch;min-width:0;display:flex}.flow-lane h4{text-align:center;color:#7fe3ff;margin:0 0 8px;font-size:12px}.flow-lane.elec h4{color:#ffd24a}.flow-node{border:1px solid #263a5c;background:#12203a;border-inline-start:5px solid;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;line-height:1.5;display:flex}.flow-node.end{background:#1a2740;font-weight:700}.flow-node em{color:#6fd39a;font-size:11px;font-style:normal}.flow-link{justify-content:center;align-items:center;height:30px;display:flex;position:relative}.flow-link .rail{background:repeating-linear-gradient(#2b3d5c 0 6px,#0000 6px 12px);border-radius:3px;height:100%;animation:linear infinite paused flowdown;display:block}.flow-link.on .rail{background:repeating-linear-gradient(#7fe3ff 0 7px,#0000 7px 13px);animation-play-state:running}.flow-link.elec.on .rail{background:repeating-linear-gradient(#ffd24a 0 7px,#0000 7px 13px)}@keyframes flowdown{to{background-position:0 13px}}.flow-link .kw{inset-inline-end:0;color:#cfe9f4;white-space:nowrap;direction:ltr;background:#0b1424;border-radius:6px;padding:1px 6px;font-size:11px;position:absolute;top:50%;transform:translateY(-50%)}.flow-link .kw.back{color:#ffe29a}.flow-link:not(.on) .rail{opacity:.55}.flow-holder{background:#1a1710;border:1px dashed #4a3f2a;border-radius:8px;margin:6px 0 0;padding:6px 8px}.flow-holder .tags{flex-wrap:wrap;gap:6px;display:flex}.flow-holder .tags span{border:1px solid;border-radius:999px;padding:1px 8px;font-size:11px}.flow-holder small{color:var(--mut);margin-top:4px;font-size:10.5px;line-height:1.7;display:block}@media (width<=420px){.flow-lanes.two{grid-template-columns:1fr}}.launcher{background:#12233f;border:1px solid #2f5b94;border-radius:12px;margin-bottom:14px;padding:10px}.launcher h2{color:#cfe3ff;margin:0 0 8px}.launcher button{text-align:start;width:100%;color:var(--fg);cursor:pointer;background:#1a3358;border:1px solid #3b6ea8;border-radius:10px;margin-bottom:6px;padding:9px 12px;display:block}.launcher button b{font-size:14px;display:block}.launcher button small{color:#a9c0e0;font-size:11.5px;line-height:1.7}.launcher button.on{background:#7a3b2e;border-color:#c0752f}.lesson{z-index:5;top:92px;background:#0f1d36f2;border:1px solid #3b6ea8;border-radius:14px;width:min(560px,100% - 28px);margin-inline:auto;padding:12px 16px;position:absolute;inset-inline:0;box-shadow:0 10px 34px #000a}.lesson-head{color:var(--mut);justify-content:space-between;font-size:12px;display:flex}.lesson-head .dots{gap:5px;display:flex}.lesson-head .dots i{background:var(--line);border-radius:50%;width:8px;height:8px}.lesson-head .dots i.done{background:#3f9d63aa}.lesson-head .dots i.on{background:#7fe3ff}.lesson h3{margin:6px 0 4px;font-size:16px}.lesson p{color:#d3deef;margin:0 0 10px;font-size:13.5px;line-height:2}.lesson-meters{gap:6px;margin-bottom:8px;display:grid}.lesson-meters>div{grid-template-columns:82px 1fr 82px;align-items:center;gap:8px;font-size:12px;display:grid}.lesson-meters b{text-align:end;direction:ltr;font-size:12px}.lesson-meters .bar{background:#1a2740;border-radius:6px;height:12px;position:relative;overflow:hidden}.lesson-meters .bar em{transition:width .12s;position:absolute;inset-block:0;inset-inline-start:0}.lesson-meters .bar.danger{box-shadow:0 0 0 2px #d6584b}.lesson-meters .bar.rpm em{background:var(--acc)}.lesson-meters .bar.rpm em.low{background:#d6a13a}.lesson-meters .bar.rpm em.off{background:#555}.lesson-meters .bar i{background:#7fe3ff;width:2px;position:absolute;inset-block:0}.lesson-meters .bar i.stall{background:#d6584b99;width:auto;inset-inline-start:0}.lesson-warn{background:#7a2b2b66;border:1px solid #d6584b;border-radius:8px;padding:6px 10px;font-size:12.5px!important}.lesson-actions{flex-wrap:wrap;gap:8px;display:flex}.lesson-actions button{border:1px solid var(--line);color:var(--fg);cursor:pointer;background:#162844;border-radius:8px;padding:8px 18px;font-weight:600}.lesson-actions button.primary{background:var(--acc);border-color:var(--acc);font-size:14px}.lesson-actions button.ghost{color:var(--mut)}.lesson small{color:var(--mut);margin-top:8px;font-size:11px;display:block}.lesson-pill{z-index:4;top:60px;color:#fff;cursor:pointer;background:#1a3358;border:1px solid #3b6ea8;border-radius:999px;width:max-content;margin-inline:auto;padding:8px 16px;font-weight:600;position:absolute;inset-inline:0;box-shadow:0 4px 16px #0008}.lesson-pill.new{border-color:#7fe3ff;animation:1.6s ease-in-out infinite pill}@keyframes pill{50%{box-shadow:0 0 0 7px #7fe3ff33,0 4px 16px #0008}}.hud-left .why{color:#fff;cursor:pointer;background:#1a3358;border:1px solid #3b6ea8;border-radius:8px;margin-top:6px;padding:6px 10px}.hud{pointer-events:none}.hud .lesson-pill{pointer-events:auto}.offer{z-index:5;top:92px;background:#0f1d36f2;border:1px solid #3b6ea8;border-radius:12px;align-items:center;gap:10px;width:min(480px,100% - 28px);margin-inline:auto;padding:10px 14px;display:flex;position:absolute;inset-inline:0;box-shadow:0 8px 28px #000a}.offer>div{flex:1;min-width:0}.offer b{font-size:14px;display:block}.offer small{color:var(--mut);font-size:11.5px;line-height:1.7}.offer button{border:1px solid var(--acc);background:var(--acc);color:#fff;cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 14px;font-weight:600}.offer button.ghost{border-color:var(--line);color:var(--mut);background:0 0}.explode.in-drive{top:88px;bottom:auto;z-index:3;background:#0b1220cc;border-radius:10px;width:170px;padding:6px 10px;inset-inline-start:14px}.tour-card ul{color:#c9d4e6;margin:-4px 0 12px;padding:0;font-size:12.5px;line-height:1.9;list-style:none}.tour-card li{padding-inline-start:14px;position:relative}.tour-card li:before{content:"•";color:var(--acc);position:absolute;inset-inline-start:2px}.sheet{display:contents}.sheet-handle,.type-pill,.explode-toggle,.picker{display:none}@media (width<=800px){html,body{overscroll-behavior:none}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.stage{flex:1 1 0;grid-area:auto;min-height:0}.sheet{z-index:8;height:var(--sheet-h,46dvh);background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;flex-direction:column;flex:none;transition:height .28s cubic-bezier(.2,.8,.2,1);display:flex;box-shadow:0 -10px 34px #000b}.sheet[data-sheet=peek]{--sheet-h:calc(84px + env(safe-area-inset-bottom))}.sheet[data-sheet=half]{--sheet-h:46dvh}.sheet[data-sheet=full]{--sheet-h:88dvh}.sheet-handle{cursor:grab;touch-action:none;background:0 0;border:0;flex:none;place-items:center;width:100%;height:28px;display:grid}.sheet-handle i{background:#3a4f73;border-radius:3px;width:46px;height:5px}.panel{-webkit-overflow-scrolling:touch;border:0;flex:1;grid-area:auto;min-height:0;padding:0 16px 24px;overflow-y:auto}.panel h1{display:none}.tabs{z-index:2;background:var(--card);margin-bottom:12px;position:sticky;top:0}.tabs button{padding:11px 4px;font-size:14px}.crumbs{margin-bottom:8px;font-size:12.5px}.types{display:none}.type-pill{top:10px;z-index:6;color:var(--fg);font:inherit;cursor:pointer;background:#0b1220ea;border:1px solid #3b6ea8;border-radius:14px;flex-direction:column;align-items:flex-start;padding:6px 14px;line-height:1.35;display:flex;position:absolute;inset-inline-start:10px}.type-pill span{font-size:15px;font-weight:700}.type-pill small{color:var(--mut);font-size:10.5px}.help{top:10px;width:36px;height:36px;inset-inline-end:10px}.tour-btn{top:10px;height:36px;inset-inline-end:54px}.picker{z-index:25;background:#050a14cc;align-items:end;display:grid;position:fixed;inset:0}.picker-card{background:var(--card);border:1px solid var(--line);padding:16px 14px calc(14px + env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;max-height:82dvh;overflow-y:auto}.picker-card h2{color:var(--fg);margin:0 0 10px;font-size:15px}.picker-card button{text-align:start;border:1px solid var(--line);width:100%;min-height:58px;color:var(--fg);font:inherit;cursor:pointer;background:#11203a;border-radius:12px;grid-template-columns:1fr auto;align-items:center;margin-bottom:8px;padding:8px 14px;display:grid}.picker-card button b{font-size:15px}.picker-card button small{color:var(--mut);grid-column:1;font-size:12px}.picker-card button em{color:#7fe3ff;border:1px solid #3b6ea8;border-radius:999px;grid-area:1/2/span 2;padding:1px 10px;font-size:11px;font-style:normal}.picker-card button.on{border-color:var(--acc);background:#1b3a2c}.picker-card .picker-close{text-align:center;color:var(--mut);background:0 0;grid-template-columns:1fr;margin:4px 0 0}.legend,.explode:not(.in-drive),.explode.in-drive{display:none}.explode-toggle{z-index:4;bottom:10px;color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#12284a;border:1px solid #3b6ea8;border-radius:999px;padding:0 18px;font-weight:700;display:block;position:absolute;inset-inline-start:10px}.explode-toggle[aria-pressed=true]{border-color:var(--acc);background:#1f4d36}.app[data-mode=drive] .explode-toggle{top:56px;bottom:auto;inset-inline:auto 10px}.hint{padding-inline:12px;font-size:12px;bottom:58px}.hud{padding:6px 10px calc(8px + env(safe-area-inset-bottom))}.hud-row{grid-template-columns:1fr auto;grid-template-areas:"c c""s p";align-items:end;gap:8px 10px;display:grid}.cluster{grid-area:c;gap:4px;max-width:none}.hud-left{grid-area:s}.pedals{grid-area:p}.speed b{font-size:28px}.torq{display:none}.shifter{gap:6px;max-width:none}.shifter button,.start,.why{min-width:44px;min-height:44px}.pedals{gap:12px}.pedal-track{width:58px;height:118px}.hud-keys{display:none}.coach{max-width:none;margin:0 0 6px;padding:6px 10px;font-size:12px;line-height:1.7}.lesson-pill{padding:6px 12px;font-size:12.5px;top:56px}.lesson{width:calc(100% - 20px);max-height:56%;padding:10px 12px;top:52px;overflow-y:auto}.lesson h3{margin:4px 0 2px;font-size:14px}.lesson p{margin-bottom:8px;font-size:12.5px;line-height:1.85}.lesson-meters>div{grid-template-columns:64px 1fr 62px;font-size:11px}.lesson-actions button{min-height:40px;padding:9px 14px}.lesson small{display:none}.offer{flex-wrap:wrap;width:calc(100% - 20px);top:56px}.offer>div{flex-basis:100%}.gears{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.gears button,.mode button{min-height:46px}.chips button{min-height:36px;padding:4px 14px}input[type=range]{height:30px}.welcome-card{padding:16px}.tour-btn,.help{z-index:6}}