:root{--bg: #0f141b;--ink: #e9eef3;--ink-dim: #8a98a6;--ink-faint: #54616d;--line: #2a3a4a;--line-soft: #1d2832;--panel: #131a23;--panel-h: #0d131a;--accent: #f3b418;--accent-ink: #0f141b;--blue: #5fb0d6;--danger: #e9583f;--safe: #54c08e;--warn: #f0a92a;--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--sans: "PingFang TC", "Noto Sans TC", "Helvetica Neue", system-ui, sans-serif;--shadow: 0 18px 50px rgba(0, 0, 0, .5);--peek-h: 76px}[data-theme=day]{--bg: #dde3e8;--ink: #18222c;--ink-dim: #56656f;--ink-faint: #91a0aa;--line: #9fb0bd;--line-soft: #c4cdd4;--panel: #f4f2ea;--panel-h: #e8e6dc;--accent: #cf8d05;--accent-ink: #fff7e6;--blue: #2f6d92;--danger: #c23a25;--safe: #2c8c66;--warn: #b87d10;--shadow: 0 16px 40px rgba(60, 70, 80, .22)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#leaders{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.block{background:var(--panel);border:1px solid var(--line);position:relative}.block+.block{margin-top:10px}.block-h{font:600 11px/1 var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);padding:9px 11px;background:var(--panel-h);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.block-h .k{color:var(--accent)}.block-b{padding:11px}.ticked:before,.ticked:after{content:"";position:absolute;width:7px;height:7px;border:1px solid var(--blue);opacity:.6}.ticked:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.ticked:after{bottom:-1px;right:-1px;border-left:0;border-top:0}#topbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:18px;padding:12px 16px;pointer-events:none}#topbar>*{pointer-events:auto}.brand{display:flex;flex-direction:column;line-height:1}.brand h1{margin:0;font:800 22px/1 var(--sans);letter-spacing:4px;color:var(--ink)}.brand h1 .en{font:600 12px/1 var(--mono);letter-spacing:3px;color:var(--accent);margin-left:8px}.brand p{margin:4px 0 0;font:500 11px/1.2 var(--mono);letter-spacing:1px;color:var(--ink-dim)}#modes{display:flex;gap:0;border:1px solid var(--line);background:var(--panel)}.mode-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-dim);font:600 13px/1 var(--sans);letter-spacing:2px;padding:11px 18px;cursor:pointer;border-right:1px solid var(--line);position:relative;transition:color .15s,background .15s}.mode-tab:last-child{border-right:0}.mode-tab .n{font:700 10px/1 var(--mono);color:var(--ink-faint);margin-right:7px}.mode-tab:hover{color:var(--ink)}.mode-tab.on{color:var(--accent-ink);background:var(--accent)}.mode-tab.on .n{color:var(--accent-ink);opacity:.7}#tools{margin-left:auto;display:flex;gap:6px}.tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);font:600 11px/1 var(--mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:color .15s,border-color .15s,background .15s}.tool:hover{color:var(--ink);border-color:var(--blue)}.tool.on{color:var(--accent);border-color:var(--accent)}.tool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}#hint{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:15;font:500 13px/1.4 var(--sans);letter-spacing:.4px;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);padding:8px 16px;max-width:min(92vw,560px);text-align:center;pointer-events:none}#hint b{color:var(--accent);font-weight:700}.hidden{display:none!important}#panel{position:fixed;top:84px;right:16px;z-index:16;width:326px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;filter:drop-shadow(var(--shadow));scrollbar-width:thin;scrollbar-color:var(--line) transparent}#panel::-webkit-scrollbar{width:8px}#panel::-webkit-scrollbar-thumb{background:var(--line)}.partlist{display:flex;flex-direction:column}.part-item{display:flex;align-items:baseline;gap:10px;padding:9px 11px;cursor:pointer;border-bottom:1px solid var(--line-soft);transition:background .12s}.part-item:last-child{border-bottom:0}.part-item:hover{background:var(--panel-h)}.part-item.on{background:var(--accent);color:var(--accent-ink)}.part-item .pn{font:700 11px/1 var(--mono);color:var(--ink-faint);width:20px;flex:none}.part-item.on .pn{color:var(--accent-ink);opacity:.7}.part-item .pt{font:600 14px/1.2 var(--sans)}.part-item .pe{font:400 11px/1 var(--mono);color:var(--ink-dim);margin-left:auto;letter-spacing:.5px}.part-item.on .pe{color:var(--accent-ink);opacity:.8}#callout{position:fixed;left:16px;bottom:16px;z-index:17;width:min(94vw,380px);background:var(--panel);border:1px solid var(--line);filter:drop-shadow(var(--shadow))}.c-head{display:flex;align-items:flex-start;gap:10px;padding:12px 13px 8px}.c-num{font:700 12px/1 var(--mono);color:var(--accent);border:1px solid var(--accent);padding:4px 6px;flex:none}.c-title{display:flex;flex-direction:column;gap:2px}.c-title .zh{font:700 17px/1.1 var(--sans);letter-spacing:1px}.c-title .en{font:500 11px/1 var(--mono);color:var(--ink-dim);letter-spacing:1px;text-transform:uppercase}.c-close{margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--ink-faint);font-size:18px;cursor:pointer;line-height:1;padding:2px 4px}.c-close:hover{color:var(--danger)}.c-body{padding:0 13px 13px}.c-label{font:600 10px/1 var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);margin:8px 0 5px}.c-func{font:400 14px/1.6 var(--sans);color:var(--ink)}.c-spec{font:400 13px/1.5 var(--sans);color:var(--ink-dim);border-left:2px solid var(--accent);padding-left:9px;margin-top:8px}.ctrl{margin-bottom:13px}.ctrl:last-child{margin-bottom:0}.ctrl-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.ctrl-h .lab{font:600 12px/1 var(--sans);letter-spacing:1px;color:var(--ink-dim)}.ctrl-h .val{font:700 16px/1 var(--mono);color:var(--ink)}.ctrl-h .val .u{font-size:11px;color:var(--ink-dim);margin-left:2px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer;margin:0}input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--line)}input[type=range]::-moz-range-track{height:2px;background:var(--line)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;background:var(--accent);border:1px solid var(--accent);transform:rotate(45deg)}input[type=range]::-moz-range-thumb{width:13px;height:13px;background:var(--accent);border:1px solid var(--accent);border-radius:0;transform:rotate(45deg)}input[type=range]:focus{outline:none}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}.ticks{display:flex;justify-content:space-between;font:400 9px/1 var(--mono);color:var(--ink-faint);margin-top:3px}.loads{display:grid;grid-template-columns:1fr 1fr;gap:6px}.load-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;border:1px solid var(--line);background:var(--panel-h);color:var(--ink-dim);padding:7px 9px;cursor:pointer;transition:all .12s;display:flex;flex-direction:column;gap:2px}.load-opt .t{font:700 13px/1 var(--mono);color:var(--ink)}.load-opt .l{font:500 11px/1 var(--sans)}.load-opt:hover{border-color:var(--blue)}.load-opt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.load-opt.on .t{color:var(--accent)}.gauge{margin-top:4px}.gauge-bar{position:relative;height:14px;background:var(--panel-h);border:1px solid var(--line);overflow:hidden}.gauge-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:var(--safe);transition:width .18s ease,background .18s ease}.gauge-limit{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--danger)}.gauge-readout{display:flex;justify-content:space-between;margin-top:6px;font:600 12px/1.3 var(--mono)}.gauge-readout .moment{color:var(--ink)}.gauge-readout .pct{color:var(--ink-dim)}.seesaw{margin-top:10px;height:56px;position:relative}.seesaw svg{width:100%;height:100%;overflow:visible}.status{margin-top:10px;padding:9px 11px;border:1px solid var(--line);font:600 13px/1.3 var(--sans);display:flex;align-items:center;gap:8px}.status .dot{width:9px;height:9px;flex:none}.status.safe{color:var(--safe);border-color:color-mix(in srgb,var(--safe) 50%,var(--line))}.status.safe .dot{background:var(--safe)}.status.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,var(--line))}.status.warn .dot{background:var(--warn)}.status.over{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--panel));animation:pulse .9s ease-in-out infinite}.status.over .dot{background:var(--danger)}@keyframes pulse{50%{background:color-mix(in srgb,var(--danger) 22%,var(--panel))}}.over-hint{margin-top:8px;font:400 12px/1.5 var(--sans);color:var(--ink-dim)}.kpi{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.kpi .cell{background:var(--panel);padding:9px 11px}.kpi .cell .v{font:700 19px/1 var(--mono);color:var(--ink)}.kpi .cell .v .u{font-size:11px;color:var(--ink-dim);margin-left:2px}.kpi .cell .l{font:500 10px/1.2 var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);margin-top:4px}.btn-wide{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin-top:10px;padding:11px;cursor:pointer;border:1px solid var(--accent);background:transparent;color:var(--accent);font:700 13px/1 var(--sans);letter-spacing:2px;transition:all .14s}.btn-wide:hover{background:var(--accent);color:var(--accent-ink)}.note{font:400 12px/1.5 var(--sans);color:var(--ink-dim);margin-top:8px}.note b{color:var(--blue)}.task-hint{font:600 13px/1.5 var(--sans);color:var(--ink);border-left:2px solid var(--accent);padding-left:10px;margin-bottom:11px;min-height:2.8em}.keys-hint{font:500 10px/1.4 var(--mono);color:var(--ink-faint);letter-spacing:.4px;margin-top:9px;text-align:center}.btn-wide.on{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-wide.cab-btn.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}@media (max-width: 860px){.keys-hint{display:none}}.anno{position:absolute;transform:translate(-50%,-50%);pointer-events:none;background:var(--panel);border:1px solid var(--blue);padding:4px 9px;font:600 12px/1 var(--sans);letter-spacing:.5px;white-space:nowrap;color:var(--ink)}.anno .en{font:400 9px/1 var(--mono);color:var(--ink-dim);margin-left:6px;text-transform:uppercase}#leaders line{stroke:var(--blue);stroke-width:1}#leaders circle{fill:var(--accent)}.hotspot{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;border:1px solid var(--blue);background:var(--panel);color:var(--ink);font:700 11px/1 var(--mono);display:grid;place-items:center;cursor:pointer;pointer-events:auto;transition:transform .12s,border-color .12s,color .12s,background .12s}.hotspot:hover{border-color:var(--accent);color:var(--accent)}.hotspot.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);transform:translate(-50%,-50%) scale(1.18)}.hotspot .tip{position:absolute;left:30px;white-space:nowrap;font:600 12px/1 var(--sans);letter-spacing:.5px;color:var(--ink);background:var(--panel);border:1px solid var(--line);padding:4px 8px;opacity:0;transition:opacity .12s;pointer-events:none}.hotspot:hover .tip,.hotspot.on .tip{opacity:1}#tour{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:30;width:min(94vw,460px);background:var(--panel);border:1px solid var(--accent);filter:drop-shadow(var(--shadow))}.tour-h{display:flex;align-items:center;gap:10px;padding:10px 13px;background:var(--panel-h);border-bottom:1px solid var(--line)}.tour-step{font:700 11px/1 var(--mono);color:var(--accent);letter-spacing:1px}.tour-dots{display:flex;gap:5px;margin-left:2px}.tour-dots i{width:6px;height:6px;background:var(--line);display:block}.tour-dots i.on{background:var(--accent)}.tour-skip{margin-left:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--ink-faint);font:500 11px/1 var(--mono);letter-spacing:1px;cursor:pointer;text-transform:uppercase}.tour-skip:hover{color:var(--danger)}.tour-b{padding:14px 15px 15px}.tour-b h3{margin:0 0 7px;font:700 18px/1.25 var(--sans);letter-spacing:.5px}.tour-b p{margin:0;font:400 14px/1.65 var(--sans);color:var(--ink-dim)}.tour-nav{display:flex;gap:8px;margin-top:14px}.tour-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;padding:10px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink-dim);font:600 13px/1 var(--sans);letter-spacing:1px;transition:all .14s}.tour-nav button:hover{color:var(--ink);border-color:var(--blue)}.tour-nav button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tour-nav button.primary:hover{filter:brightness(1.08)}.tour-nav button:disabled{opacity:.4;cursor:default}#sim-card{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:30;width:min(94vw,460px);background:var(--panel);border:1px solid var(--accent);filter:drop-shadow(var(--shadow))}#sim-card .coach-line{margin:0;font:500 14px/1.6 var(--sans);color:var(--ink-dim);min-height:2.7em;transition:color .15s ease}#sim-card .coach-line.tone-safe{color:var(--safe)}#sim-card .coach-line.tone-warn{color:var(--warn)}#sim-card .coach-line.tone-over{color:var(--danger);font-weight:600}#sim-card .coach-line.tone-win{color:var(--accent);font-weight:600}#sim-card .sim-dots i.done{background:var(--safe)}#sim-card.complete{border-color:var(--safe)}#tools{position:relative}.tool-more{display:none}.toolmenu{display:flex;gap:6px;align-items:center}.opdrive{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none}.opdrive>*{pointer-events:auto}.opd-cab{position:fixed;top:calc(env(safe-area-inset-top) + 52px);left:50%;transform:translate(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);background:var(--panel);color:var(--accent);font:700 12px/1 var(--sans);letter-spacing:1px;padding:9px 16px;cursor:pointer}.opd-cab.on{background:var(--accent);color:var(--accent-ink)}.opd-gauge{position:fixed;top:calc(env(safe-area-inset-top) + 92px);left:50%;transform:translate(-50%);width:min(56vw,220px);background:var(--panel);border:1px solid var(--line);padding:6px 9px}.opd-gbar{position:relative;height:10px;background:var(--panel-h);border:1px solid var(--line);overflow:hidden}.opd-gfill{position:absolute;inset:0 auto 0 0;width:0%;background:var(--safe);transition:width .18s ease,background .18s ease}.opd-glimit{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--danger)}.opd-gread{text-align:right;font:700 11px/1.2 var(--mono);color:var(--ink-dim);margin-top:3px}.opd-gauge.over{border-color:var(--danger);animation:pulse .9s ease-in-out infinite}.opd-switch{position:fixed;top:calc(env(safe-area-inset-top) + 138px);left:50%;transform:translate(-50%);display:flex;border:1px solid var(--line);background:var(--panel)}.opd-seg{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink-dim);font:600 11px/1 var(--sans);letter-spacing:.5px;padding:7px 10px;cursor:pointer}.opd-seg:last-child{border-right:0}.opd-seg.on{background:var(--accent);color:var(--accent-ink)}.opd-cluster{position:fixed;bottom:calc(var(--peek-h, 76px) + env(safe-area-inset-bottom) + 14px);display:none;flex-direction:column;gap:8px}.opd-left{left:12px}.opd-right{right:12px}.opd-row{display:flex;align-items:center;gap:8px}.opd-row.opd-vert{flex-direction:column;gap:6px}.opd-lab{font:600 11px/1 var(--mono);letter-spacing:1px;color:var(--ink-dim);min-width:26px;text-align:center}.opd-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:54px;height:54px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;display:grid;place-items:center;position:relative;user-select:none;-webkit-user-select:none;touch-action:none}.opd-btn .g{font-size:22px;line-height:1}.opd-btn.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel))}.opd-stick{position:fixed;bottom:calc(var(--peek-h, 76px) + env(safe-area-inset-bottom) + 14px);width:92px;height:92px;border-radius:50%;border:1px solid var(--line);background:var(--panel);display:none;place-items:center;touch-action:none}.opd-sleft{left:16px}.opd-sright{right:16px}.opd-knob{width:38px;height:38px;border-radius:50%;background:var(--accent);border:1px solid var(--accent);transition:transform .12s ease}.opd-stick.on .opd-knob{transition:none}.opd-draghint{position:fixed;left:50%;bottom:calc(var(--peek-h, 76px) + env(safe-area-inset-bottom) + 18px);transform:translate(-50%);display:none;max-width:82vw;text-align:center;font:500 13px/1.45 var(--sans);color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);padding:9px 14px}.opdrive[data-style=jog] .opd-cluster{display:flex}.opdrive[data-style=stick] .opd-stick{display:grid}.opdrive[data-style=drag] .opd-draghint{display:block}.cab-skin{position:fixed;z-index:19;left:16px;top:calc(env(safe-area-inset-top) + 74px);display:flex;flex-direction:column;gap:6px;width:max-content;max-width:min(64vw,560px)}.cab-skin[hidden]{display:none}.cs-row{display:flex;gap:6px;align-items:stretch}.cs-brands{overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.cs-brands::-webkit-scrollbar{display:none}.cs-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;cursor:pointer;text-align:left;border:1px solid var(--line);border-left:3px solid var(--chip, var(--accent));background:var(--panel);color:var(--ink-dim);padding:6px 10px;display:flex;flex-direction:column;gap:1px;transition:color .12s,border-color .12s,background .12s}.cs-chip:hover{color:var(--ink)}.cs-chip.on{color:var(--ink);border-color:var(--chip, var(--accent));background:color-mix(in srgb,var(--chip, var(--accent)) 14%,var(--panel))}.cs-cn{font:700 12px/1.1 var(--mono);letter-spacing:.5px}.cs-cr{font:500 9px/1 var(--mono);color:var(--ink-faint);letter-spacing:.5px}.cs-seg{display:flex;align-items:stretch;border:1px solid var(--line);background:var(--panel);flex:1}.cs-lab{font:600 9px/1 var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--ink-faint);padding:0 8px;flex:none;align-self:center}.cs-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;cursor:pointer;border:0;border-left:1px solid var(--line);background:transparent;color:var(--ink-dim);font:600 11px/1 var(--sans);letter-spacing:.5px;padding:8px 6px;transition:background .12s,color .12s}.cs-opt:hover{color:var(--ink)}.cs-opt.on{background:var(--accent);color:var(--accent-ink)}body.cab-on .opd-gauge,body.cab-on .opd-switch{display:none}.cab-tip{position:fixed;z-index:22;pointer-events:none;background:var(--panel);border:1px solid var(--accent);color:var(--ink);font:600 11px/1 var(--mono);letter-spacing:.5px;padding:5px 8px;white-space:nowrap}.cab-tip[hidden]{display:none}#affordance{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:13}.aff-frame{position:fixed;pointer-events:none}.aff-frame i{position:absolute;width:13px;height:13px;border:0 solid var(--aff-c, #e9eef3);transition:width .16s ease,height .16s ease}.aff-frame i:nth-child(1){top:0;left:0;border-top-width:2px;border-left-width:2px}.aff-frame i:nth-child(2){top:0;right:0;border-top-width:2px;border-right-width:2px}.aff-frame i:nth-child(3){bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}.aff-frame i:nth-child(4){bottom:0;right:0;border-bottom-width:2px;border-right-width:2px}.aff-white{--aff-c: #eef3f8}.aff-white i{animation:aff-breathe 3s ease-in-out infinite}.aff-amber{--aff-c: var(--accent)}.aff-amber i{opacity:1}.aff-red{--aff-c: var(--danger)}.aff-red i{opacity:.85}.aff-lock i{width:9px;height:9px;opacity:1;animation:none}[data-theme=day] .aff-white{--aff-c: #1b2630}@keyframes aff-breathe{0%,to{opacity:.3}50%{opacity:.92}}@media (max-width: 1024px){.cab-skin{top:calc(env(safe-area-inset-top) + 90px);max-width:94vw}.cs-opt{padding:10px 6px}}.drawer-grip{display:none}@media (max-width: 1024px){#topbar{flex-wrap:nowrap;gap:8px;padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));align-items:center}.brand{flex:none}.brand h1{font-size:18px;letter-spacing:2px}.brand h1 .en,.brand p{display:none}#modes{flex:none}.mode-tab{padding:9px;letter-spacing:.5px}.mode-tab .n{display:none}#tools{margin-left:auto}.tool-more{display:inline-flex}.toolmenu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;flex-direction:column;gap:0;min-width:172px;background:var(--panel);border:1px solid var(--line);filter:drop-shadow(var(--shadow));display:none}.toolmenu.open{display:flex}.toolmenu .tool{width:100%;height:48px;justify-content:flex-start;gap:10px;border:0;border-bottom:1px solid var(--line-soft);padding:0 14px}.toolmenu .tool:last-child{border-bottom:0}.toolmenu .tool .txt{display:inline}.opdrive{display:block}.opdrive[hidden]{display:none}#panel{top:auto;bottom:0;right:0;left:0;width:100%;height:84vh;max-height:none;transform:translateY(var(--drawer-y, 60vh));transition:transform .26s cubic-bezier(.22,.61,.36,1);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);touch-action:pan-y}#panel.dragging,#panel.no-anim{transition:none}.drawer-grip{display:grid;place-items:center;position:fixed;left:0;right:0;z-index:19;bottom:var(--drawer-top-offset, 76px);height:24px;margin-bottom:-12px;touch-action:none;cursor:grab}.drawer-grip i{width:42px;height:4px;border-radius:2px;background:var(--ink-faint)}#hint{display:block;top:calc(env(safe-area-inset-top) + 52px);bottom:auto;left:50%;transform:translate(-50%);max-width:92vw;font-size:12px;padding:6px 12px}body[data-mode=operate] #hint,body[data-mode=drive] #hint,body[data-mode=cab] #hint{display:none}#callout{left:8px;right:8px;bottom:calc(var(--drawer-top-offset, 76px) + 14px);width:auto}#tour,#sim-card{left:8px;right:8px;bottom:calc(var(--drawer-top-offset, 76px) + 14px);width:auto;transform:none}.keys-hint{display:none}}@media (max-width: 640px){.brand h1{font-size:17px;letter-spacing:1px}.mode-tab{padding:8px 6px;font-size:12px;letter-spacing:0}.opd-btn{width:50px;height:50px}}@media (pointer: coarse){input[type=range]{height:44px}input[type=range]::-webkit-slider-thumb{width:26px;height:26px;margin-top:-12px}input[type=range]::-moz-range-thumb{width:24px;height:24px}.hotspot:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.c-close{padding:8px 10px}}