@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#161c1b;--panel:rgba(24,31,29,.9);--line:rgba(218,232,222,.14);--muted:#b2beb4;--orange:#ff7835;--mint:#b5e3b7;--ink:#f1f4e9;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--ink)}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#8d9a92}button,input{font:inherit}button{color:inherit;cursor:pointer;background:none;border:1px solid var(--line);border-radius:6px;transition:background .15s,transform .15s}button:hover{background:#ffffff15}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button.active{background:var(--orange);border-color:var(--orange);color:#1c201a}kbd{font:500 12px 'DM Sans',sans-serif;background:#ffffff0d;border:1px solid #ffffff23;box-shadow:0 1px #0004;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:24px;padding:0 5px;color:#d7ded6}#app,#world{position:absolute;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}header{height:84px;position:absolute;left:0;right:0;top:0;background:linear-gradient(#121918fa,#151d1bea);display:flex;align-items:center;padding:0 30px;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:4px;font-size:22px}.brand-symbol{font-family:Arial,sans-serif;font-size:48px;line-height:1;color:var(--orange);font-weight:900;letter-spacing:-8px;transform:skew(-7deg);width:36px}.subbrand{display:block;font-size:10px;letter-spacing:2px;color:#a8b5ac;margin-top:3px}.top-status{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1px;color:var(--muted);margin:auto}.live-dot{height:6px;width:6px;background:var(--mint);border-radius:50%}.divider{height:15px;width:1px;background:var(--line);margin:0 9px}.header-actions{display:flex;gap:8px}.header-actions button{padding:10px 13px;font-size:13px}.header-actions kbd{height:18px;min-width:18px;margin-left:8px}.lab-button{border-color:#788876!important}.lab-button span{padding-left:18px;color:var(--orange)}.yard-title{position:absolute;top:117px;left:30px;text-shadow:0 2px 12px #14221b44;color:#17251d;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700}.yard-title h1{font:600 42px 'Barlow Condensed',sans-serif;margin:8px 0 4px;letter-spacing:-.3px}.yard-title p{margin:0;font-size:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 35px #07120d15;backdrop-filter:blur(18px)}.mission{position:absolute;left:30px;top:240px;width:268px;padding:20px}.mission .eyebrow{color:var(--muted)}.mission h2{font-size:20px;font-weight:500;margin:12px 0 9px}.mission p{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 18px;min-height:65px}.mission-progress{display:flex;justify-content:space-between;font-size:12px}.mission-progress span:last-child{color:var(--orange)}.progress-track,.pressure-track{height:4px;background:#ffffff16;border-radius:3px;margin:11px 0;overflow:hidden}.progress-track i,.pressure-track i{display:block;height:100%;width:0;background:var(--orange);transition:width .2s}.mission-tabs{display:flex;gap:7px;margin-top:17px}.mission-tabs button{flex:1;padding:8px 4px;font-size:12px}.mission-tabs button.active{background:#b5e3b718;color:var(--mint);border-color:#b5e3b74a}.telemetry{position:absolute;top:118px;right:30px;width:244px;padding:18px}.section-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-line .eyebrow{color:var(--muted)}.section-line>span:last-child{font-size:10px;letter-spacing:1px}.good{color:var(--mint)}.load-number{margin:19px 0;display:flex;align-items:baseline;gap:9px}.load-number>span{font:500 41px 'Barlow Condensed',sans-serif}.load-number small{font-size:12px;color:var(--muted);max-width:80px;line-height:1.4}.meter-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.meter-label b{font-weight:400;color:var(--ink)}.pressure-track{height:6px;margin:9px 0 19px}.pressure-track i{background:var(--mint)}.telemetry-pair{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:16px}.telemetry-pair>div{flex:1}.telemetry-pair span{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}.telemetry-pair strong{font-size:22px;font-weight:500}.telemetry-pair small{font-size:12px;color:var(--muted);font-weight:400}.feel-strip{margin-top:18px;border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.feel-strip i{width:5px;height:21px;background:var(--mint);border-radius:2px}.minimap{position:absolute;right:30px;bottom:179px;width:210px;padding:14px}.minimap canvas{width:180px;height:135px;margin-top:6px;display:block}.map-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:5px}.map-caption span{display:flex;align-items:center;gap:5px}.map-caption i{width:5px;height:5px;display:inline-block}.orange{background:var(--orange)}.mint{background:var(--mint)}.world-label{display:none;position:absolute;pointer-events:none;background:#15221dcf;padding:8px 12px;border-radius:4px;letter-spacing:1.7px;font-size:10px;color:var(--mint)}#toast{position:absolute;bottom:177px;left:50%;transform:translateX(-50%);padding:11px 20px;background:#142019e8;border:1px solid #cedbc22a;border-radius:30px;color:var(--ink);font-size:13px;box-shadow:0 4px 16px #0002;max-width:460px;text-align:center;pointer-events:none;transition:opacity .3s}.view-controls{position:absolute;bottom:122px;left:50%;transform:translateX(-50%);display:flex;gap:7px;white-space:nowrap}.view-controls button{background:var(--panel);padding:8px 12px;font-size:12px;box-shadow:0 5px 20px #0001}.view-controls kbd{margin-left:6px;font-size:10px;height:18px;min-width:18px}.view-controls button.active{color:var(--mint);border-color:var(--mint)}footer{position:absolute;bottom:0;left:0;right:0;height:102px;background:#141b19;display:flex;align-items:center;padding:0 30px;gap:30px;border-top:1px solid var(--line)}.attachment-choice .eyebrow{font-size:10px;color:var(--muted);display:block;margin-bottom:8px}.attachment-choice>div{display:flex;gap:5px}.attachment-choice button{padding:9px 14px;font-size:13px}.drive-readout{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:130px;position:relative;margin-top:-9px}.drive-readout>span:first-child{background:#ffffff0c;border:1px solid var(--line);padding:5px 8px;font-size:14px;color:var(--mint);border-radius:4px}.drive-readout strong{font:500 35px 'Barlow Condensed',sans-serif}.drive-readout>span:nth-child(3){font-size:11px;color:var(--muted)}#engineState{font-size:9px;letter-spacing:1.4px;color:var(--muted);position:absolute;top:45px;left:1px}.quick-controls{display:flex;gap:22px;margin:auto}.quick-controls>div{display:flex;align-items:center;gap:4px}.quick-controls span{font-size:12px;color:var(--muted);margin-left:5px}.stop-button{background:#361e1b;border-color:#a04637;color:#ffa390;padding:12px 14px;font-size:12px;white-space:nowrap}.stop-button>span{color:#ff704e;margin-right:5px}.stop-button kbd{margin-left:10px;font-size:10px}.drawer{position:absolute;z-index:8;right:20px;top:98px;bottom:118px;width:410px;background:#18221ffa;border:1px solid #657568;border-radius:12px;padding:25px;overflow-y:auto;box-shadow:0 20px 90px #0006}.drawer-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.drawer-head button{font-size:25px;width:30px;border:0}.drawer h2{font:500 32px 'Barlow Condensed',sans-serif;margin:7px 0 10px}.drawer .eyebrow{color:var(--orange)}.drawer p{color:var(--muted);font-size:14px;line-height:1.6}.drawer h3{font-size:15px;font-weight:500;border-top:1px solid var(--line);padding-top:19px;margin-top:23px}dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:12px}dt{color:var(--ink)}dd{color:var(--muted);margin:0}.fineprint{font-size:12px!important}.drawer a{color:var(--mint)}.range-label{display:block;margin:21px 0;font-size:14px}.range-label output{float:right;color:var(--mint);font-size:12px}.range-label input{width:100%;accent-color:var(--orange);margin-top:13px}.check-label{display:flex;gap:10px;align-items:center;margin:15px 0;font-size:14px}.check-label input{accent-color:var(--orange);width:16px;height:16px}.lab-data{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;background:#ffffff06;padding:14px;border-radius:6px}.lab-data span{color:var(--muted)}.lab-data b{text-align:right;font-weight:400;color:var(--mint)}.fault-buttons{display:flex;flex-wrap:wrap;gap:7px}.fault-buttons button{padding:9px;font-size:12px}.drawer summary{cursor:pointer;color:var(--ink);font-size:13px}.drawer details{margin-top:20px}.drawer code{font-size:12px}#stopOverlay{position:absolute;inset:84px 0 102px;z-index:7;background:#30140e55;backdrop-filter:blur(3px);align-items:center;justify-content:center}#stopOverlay:not([hidden]){display:flex}#stopOverlay>div{background:#261b18f5;border:1px solid #c56148;text-align:center;padding:36px 50px;border-radius:10px;max-width:480px}#stopOverlay span{color:var(--orange);font-size:34px}#stopOverlay h2{font:500 36px 'Barlow Condensed',sans-serif;margin:10px 0}#stopOverlay p{color:#cebab0;line-height:1.6}#stopOverlay button{background:var(--orange);color:#241911;border:0;padding:13px 18px;margin-top:10px}#stopOverlay kbd{margin-left:8px;color:#241911}.touch-controls{display:none}[hidden]{display:none!important}@media(min-width:1600px){.yard-title{top:132px}.mission{top:264px}}@media(max-height:760px){.yard-title{top:105px}.yard-title h1{font-size:34px}.yard-title p{display:none}.mission{top:183px}.mission p{min-height:0;margin-bottom:10px}.telemetry{top:105px}.minimap{bottom:169px;width:180px}.minimap canvas{width:150px;height:112px}.telemetry{padding:15px}.load-number{margin:12px 0}}@media(max-width:1100px){header{padding:0 20px}.top-status{display:none}.header-actions{margin-left:auto}footer{gap:20px;padding:0 20px}.quick-controls{gap:10px}.quick-controls span{display:none}.mission{left:20px;width:232px}.yard-title{left:20px}.telemetry{right:20px;width:217px}.minimap{right:20px}.attachment-choice button{padding:9px 10px}}@media(max-width:800px){header{height:70px;padding:0 12px}.brand{font-size:18px;gap:10px}.brand-symbol{font-size:38px;width:30px}.subbrand{font-size:8px}.header-actions button{font-size:11px;padding:8px}.header-actions kbd{display:none}#soundBtn{display:none}.lab-button span{padding-left:0}.yard-title{top:88px;left:16px}.yard-title h1{font-size:29px}.yard-title p{display:none}.mission{top:155px;left:15px;width:196px;padding:14px}.mission h2{font-size:18px}.mission p{font-size:12px;line-height:1.4;min-height:0}.mission-tabs button{font-size:10px}.telemetry{top:87px;right:15px;width:167px;padding:12px}.section-line .eyebrow{font-size:9px}.load-number{margin:9px 0}.load-number>span{font-size:32px}.load-number small{font-size:10px}.telemetry-pair{gap:8px;padding-top:10px}.telemetry-pair span{font-size:10px}.telemetry-pair strong{font-size:18px}.feel-strip{display:none}.minimap{display:none}footer{height:91px;padding:0 14px;gap:18px}.quick-controls{display:none}.drive-readout{margin-left:auto;width:112px}.attachment-choice button{font-size:11px}.stop-button{font-size:10px;padding:10px}.stop-button kbd{display:none}.view-controls{bottom:108px}.view-controls button{font-size:10px;padding:8px}.view-controls kbd{display:none}#toast{bottom:151px;font-size:11px;width:280px}.drawer{top:80px;bottom:101px;left:12px;right:12px;width:auto;max-width:430px;margin-left:auto}.touch-controls{display:flex;position:absolute;bottom:196px;left:16px;right:16px;gap:5px;justify-content:center}.touch-controls button{background:#19251fd9;width:40px;height:40px;font-size:11px;touch-action:none}.mission-progress{font-size:10px}#stopOverlay{inset:70px 0 91px}}@media(max-width:450px){.mission{width:171px}.telemetry{width:155px}.yard-title h1{font-size:25px}.yard-title .eyebrow{font-size:9px}.brand{letter-spacing:2px}.header-actions{gap:4px}.lab-button{max-width:85px}.drive-readout{display:none}.stop-button{margin-left:auto}.drawer{padding:20px}.touch-controls{gap:4px}.touch-controls button{width:37px}}

/* Compactable floating instruments and reference-inspired gauge display. */
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:24px}.panel-toggle{width:28px;height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;padding:0!important;font:500 21px/1 Arial,sans-serif!important;border:1px solid #a8baaa4d;border-radius:5px;color:#e5eadd;background:#ffffff06}.panel-toggle:hover{background:#ffffff20}.is-minimized .panel-content{display:none}.mission .panel-heading{margin-top:-5px}.mission.is-minimized{padding:11px 14px;width:210px}.minimap.is-minimized{padding:10px 13px;width:190px}.minimap .section-line>span:last-child{font-size:12px}.minimap .panel-heading>span:nth-child(2){margin-left:auto;font-size:12px;color:var(--muted)}.minimap .panel-heading button{margin-left:2px}.map-caption{font-size:10px}.blue{background:#74b8e3}.minimap canvas{max-width:100%}.instrument-panel{width:346px;padding:0!important;border:1px solid #7c897d;overflow:hidden;backdrop-filter:none;background:#e6e8de;color:#28332d;border-radius:9px;box-shadow:0 15px 45px #13271b33}.instrument-header{padding:11px 13px;min-height:45px;background:linear-gradient(#2f3c37,#19241f);border-bottom:2px solid #a4493b;color:#eef1e8}.instrument-name{font:700 20px 'Barlow Condensed',sans-serif;letter-spacing:1px}.instrument-name small{font:500 12px 'DM Sans',sans-serif;margin-left:7px;color:#bdc8bc}.instrument-header #feelState{font:600 10px 'DM Sans',sans-serif;letter-spacing:1px;margin-left:auto}.instrument-panel.is-minimized{width:205px}.instrument-panel.is-minimized .instrument-header{border-bottom:0;padding:8px 12px}.instrument-subhead{display:flex;justify-content:space-between;padding:12px 12px 0;color:#687367;font-size:9px;font-weight:700;letter-spacing:.8px}.simulated-label{color:#867364}.gauge-cluster{display:block;width:100%;height:auto;overflow:visible;font-family:'DM Sans',sans-serif}.dial-tick{stroke:#4d5951;stroke-width:2;fill:none}.dial-warning{stroke:#c85b52;stroke-width:3;fill:none}.dial-label{font-size:9px;font-weight:700;letter-spacing:.35px;text-anchor:middle;fill:#545f55}.dial-value{font-size:16px;font-weight:700;text-anchor:middle;fill:#25372d;font-variant-numeric:tabular-nums}.dial-unit{font-size:9px;text-anchor:middle;fill:#687568}[data-gauge="fuel"] .dial-label{font-size:11px}[data-gauge="fuel"] .dial-value{font-size:24px}[data-gauge="fuel"] .dial-unit{font-size:10px}.rpm-digits{font:600 64px 'Barlow Condensed',sans-serif;text-anchor:middle;fill:#24332a;letter-spacing:-1px;font-variant-numeric:tabular-nums}.rpm-unit{font-size:12px;fill:#526055}.engine-hour-label{font-size:9px;letter-spacing:.5px;fill:#68736a}.engine-hours{font:500 19px 'Barlow Condensed',sans-serif;fill:#455448}.avatar-instruments{margin:5px 12px 0;padding:12px 0 0;border-top:1px solid #c8cfc3}.instrument-panel .meter-label{font-size:11px;font-weight:600;letter-spacing:.8px;color:#5c685e}.instrument-panel .meter-label b{color:#293d30;font-size:14px;font-variant-numeric:tabular-nums}.instrument-panel .pressure-track{height:6px;background:#cbd0c4;margin:7px 0 13px}.instrument-readouts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.instrument-readouts>div+div{border-left:1px solid #c8cfc3;padding-left:12px}.instrument-readouts>div>span{font-size:11px;color:#697466;display:block}.instrument-readouts strong{display:block;font:600 26px 'Barlow Condensed',sans-serif;white-space:nowrap;color:#273c2d;margin-top:4px;font-variant-numeric:tabular-nums}.instrument-readouts small{font:400 11px 'DM Sans',sans-serif;color:#677465}.instrument-panel .feel-strip{display:flex;color:#5d6c5d;border-color:#c8cfc3;margin-top:12px;padding-top:9px;font-size:11px;padding-bottom:10px}.instrument-panel .feel-strip i{height:14px;background:#608a5c}.instrument-actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;background:#d5dcd0;border-top:1px solid #b9c4b6}.instrument-actions button{border:0;border-radius:0;color:#476453;font-size:10px;padding:9px 4px;font-weight:500}.instrument-actions button+button{border-left:1px solid #b9c4b6}.instrument-actions button>span{display:block;color:#3c75b7;font-size:21px;margin-bottom:3px}.instrument-actions button:hover{background:#eef1e6}.drawer-actions{display:flex;gap:6px;align-items:center}.drawer-head .drawer-actions .panel-toggle{border:1px solid #a8baaa4d}.collapsed-title{display:none;font-size:14px;font-weight:600}.drawer.is-minimized{top:auto;bottom:116px;left:auto;right:22px;width:245px;height:auto;max-height:60px;padding:12px 14px;overflow:hidden}.drawer.is-minimized .drawer-head{align-items:center;gap:10px}.drawer.is-minimized .drawer-head h2,.drawer.is-minimized .drawer-head .eyebrow{display:none}.drawer.is-minimized .collapsed-title{display:block}.drawer.is-minimized .drawer-actions{gap:4px}.drawer.is-minimized .drawer-actions button{height:27px}.stop-minimize{position:absolute;right:12px;top:12px;color:#ffc7b3!important}#stopOverlay>div{position:relative}#stopOverlay.is-minimized{inset:auto 0 165px;background:none;backdrop-filter:none;pointer-events:none}#stopOverlay.is-minimized>div{pointer-events:auto;padding:10px 46px 10px 15px;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 28px)}#stopOverlay.is-minimized>div>span,#stopOverlay.is-minimized #stopReason{display:none}#stopOverlay.is-minimized h2{font:600 14px 'DM Sans',sans-serif;margin:0;max-width:190px}#stopOverlay.is-minimized #rearmBtn{margin:0;padding:7px 10px;white-space:nowrap;font-size:12px}#stopOverlay.is-minimized #rearmBtn kbd{display:none}#stopOverlay.is-minimized .stop-minimize{top:10px;right:10px}#attachmentLocation{letter-spacing:.7px;font-size:10px}.attachment-choice button{white-space:nowrap}.instrument-panel #feelState{color:#c0e0a9}.panel-content[hidden]{display:none!important}
@media(max-width:1100px){.instrument-panel{width:310px}.instrument-header{padding:9px 11px}.instrument-panel .feel-strip{font-size:10px}.instrument-subhead{font-size:8px}.avatar-instruments{margin:2px 10px 0}.instrument-readouts>div+div{padding-left:9px}.instrument-actions button{padding:7px 3px}}
@media(max-height:900px){.minimap{bottom:163px}.instrument-panel{top:104px;width:305px}.instrument-subhead{padding-top:8px}.instrument-panel .feel-strip{margin-top:8px;padding-top:7px;padding-bottom:8px}.instrument-actions button{padding:5px 3px}.instrument-actions button>span{font-size:18px;margin-bottom:1px}.instrument-readouts strong{font-size:23px}.avatar-instruments{padding-top:8px}.instrument-panel .pressure-track{margin-bottom:10px}}
@media(max-height:740px) and (min-width:801px){.instrument-panel{width:280px}.instrument-subhead{padding-top:6px}.instrument-panel .feel-strip{padding-bottom:7px}.instrument-actions button{padding:4px 3px}.instrument-panel .instrument-readouts>div>span{font-size:10px}.instrument-panel .instrument-readouts strong{font-size:22px}}
@media(max-width:800px){.instrument-panel{top:86px;right:14px;width:270px}.instrument-panel.is-minimized{width:188px}.instrument-panel .instrument-header{min-height:40px;padding:7px 10px}.instrument-subhead{font-size:8px;padding:9px 10px 0}.instrument-readouts strong{font-size:22px}.instrument-readouts>div>span{font-size:10px}.instrument-panel .feel-strip{display:flex}.minimap{display:block;width:170px;right:15px;bottom:170px}.minimap.is-minimized{width:165px}.minimap .panel-content canvas{width:140px;height:105px}.map-caption{flex-wrap:wrap;gap:5px}.map-caption span{font-size:9px}.mission.is-minimized{width:188px}.drawer.is-minimized{right:14px;bottom:104px}.panel-toggle{width:26px;min-width:26px;height:26px}.instrument-panel .instrument-actions button{font-size:9px}.instrument-panel .instrument-actions button span{font-size:18px}}
@media(max-width:600px){.instrument-panel{width:245px;top:148px}.instrument-panel.is-minimized{top:87px;width:173px}.mission{top:148px;width:174px}.mission.is-minimized{top:95px;width:150px;padding:7px 9px}.mission .panel-heading .eyebrow{font-size:9px;letter-spacing:.6px}.yard-title{top:76px}.yard-title h1{font-size:24px}.yard-title .eyebrow{display:none}.instrument-subhead{font-size:7px}.instrument-readouts strong{font-size:20px}.instrument-readouts>div+div{padding-left:6px}.instrument-readouts>div>span{font-size:9px}.instrument-panel .feel-strip{font-size:9px}.minimap{bottom:245px}.minimap.is-minimized{width:148px;bottom:245px}.minimap .eyebrow{font-size:9px;letter-spacing:.6px}.instrument-name{font-size:18px}.instrument-name small{margin-left:5px}.instrument-header #feelState{font-size:8px}#stopOverlay.is-minimized h2{font-size:12px;max-width:130px}#stopOverlay.is-minimized #rearmBtn{font-size:11px;padding:6px}.drawer.is-minimized{width:220px}#attachmentLocation{font-size:8px}}

@media(max-width:600px){.yard-title{display:none}}

@media(max-width:600px){.minimap.is-minimized{left:14px;right:auto;width:112px}.minimap.is-minimized .panel-heading>span:nth-child(2){display:none}}

/* The radio is another page on Bob’s existing touchscreen. */
.music-page{padding:14px;color:#27302d;font-size:14px;background:#e1e3d8}
.instrument-panel>.panel-content{max-height:calc(100dvh - 270px);overflow-y:auto;scrollbar-width:thin}
.instrument-panel .instrument-actions{position:sticky;bottom:0;z-index:1}
.music-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;letter-spacing:1px}
.music-page button{border-color:#65746755;color:#25362c;background:#f4f4eabb;min-height:36px}
.music-page button:hover{background:#fffdf2}
.music-heading button{padding:4px 9px;font-size:12px;letter-spacing:0}
.music-now{text-align:center;padding:20px 0 13px}.music-now h2{font:600 29px/1.05 'Barlow Condensed',sans-serif;letter-spacing:0;margin:9px 0;overflow-wrap:anywhere}.music-now>span{font-size:12px;color:#596653}
#musicStatus{display:block;min-height:16px;line-height:1.35}
.music-transport{display:flex;align-items:center;justify-content:center;gap:15px}.music-transport button{width:49px;height:42px;font-size:17px}.music-transport #musicPlay{width:62px;height:54px;background:#2656c8;border-color:#2656c8;color:white;border-radius:50%;font-size:22px}
.music-progress{margin:15px 0 10px}.music-page input[type=range]{accent-color:#2656c8;height:20px;min-width:0;width:100%;cursor:pointer}.music-progress>div{display:flex;justify-content:space-between;font-size:12px;font-variant-numeric:tabular-nums;color:#4b584b}
.music-volume{display:flex;align-items:center;gap:9px}.music-volume button{min-width:59px;font-size:12px;padding:4px 7px}.music-volume output{min-width:43px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
.music-tracks{display:grid;gap:6px;margin-top:16px;max-height:180px;overflow-y:auto;overscroll-behavior:contain;padding:3px;scrollbar-width:thin}.music-track{display:flex;align-items:center;text-align:left;gap:10px;padding:10px 8px;width:100%;font-size:14px;line-height:1.2}.music-track>span:nth-child(2){flex:1}.music-track small{display:block;margin-top:4px;font-size:12px;font-weight:400;color:#586454}.track-number{font-size:12px;color:#687362}.track-playing{font-size:19px;color:#2656c8}.music-page .music-track.selected{background:#c7d7ed;border-color:#7895bb}.instrument-actions #gaugeSoundBtn.music-playing>span{color:#2656c8}.instrument-actions #gaugeSoundBtn.active{background:#d2dceb;color:#233746}
@media(max-height:800px){.music-page{padding:10px}.music-now{padding:12px 0 9px}.music-now h2{font-size:26px}.music-tracks{margin-top:10px}.music-track{padding:8px}.music-progress{margin-top:10px}}
@media(max-width:600px){.music-heading{font-size:12px;letter-spacing:0}.music-page{padding:10px}.music-now h2{font-size:25px}.music-track{gap:7px;font-size:14px}.music-transport{gap:10px}}
@media(max-width:600px){.instrument-panel>.panel-content{max-height:calc(100dvh - 292px)}}

.tach-panel{position:absolute;left:30px;bottom:174px;width:178px;padding:13px}
.tach-panel>.panel-content{display:grid;gap:7px;margin-top:11px}.tach-panel .panel-content>button{padding:10px 11px;text-align:left;background:#35413c;min-height:56px}.tach-panel button>span{display:flex;align-items:center;justify-content:space-between;gap:5px;font-weight:600;font-size:14px}.tach-panel button small{display:block;font-size:12px;color:#b5c3b9;margin-top:4px}.tach-panel button.active{background:#bcdfad;color:#203322;border-color:#bcdfad}.tach-panel button.active small{color:#38513a}.tach-panel p{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.35}.tach-panel.is-minimized{width:174px;padding:9px 11px}.tool-chip{display:inline-block;border:1px solid var(--line);padding:9px 12px;border-radius:6px;font-size:13px;color:#9eaca3}.tool-chip.active{background:var(--orange);border-color:var(--orange);color:#1c201a}
@media(max-height:800px){.tach-panel{bottom:160px;left:20px;width:160px;padding:10px}.tach-panel .panel-content>button{min-height:45px;padding:6px 9px}.tach-panel>.panel-content{gap:5px;margin-top:8px}}
@media(max-width:800px){.tach-panel{left:15px;bottom:265px;width:160px}.tach-panel.is-minimized{width:148px}.tool-chip{font-size:11px;padding:8px}}
@media(max-width:600px){.tach-panel{bottom:294px;left:14px;width:148px}.tach-panel .eyebrow{font-size:10px;letter-spacing:.5px}.tach-panel button>span{font-size:13px}.tach-panel button small{font-size:12px}.tach-panel.is-minimized{width:148px}.tach-panel.is-minimized .eyebrow{font-size:10px}}

/* Teaching controls share the left-hand work column. */
.work-panels{position:absolute;left:30px;top:240px;bottom:172px;width:268px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:1px 3px 4px 1px;pointer-events:none}
.work-panels>.panel{position:relative;inset:auto;flex:none;width:100%;pointer-events:auto}
.target-picker{position:absolute;z-index:8;top:96px;left:50%;transform:translateX(-50%);width:min(590px,calc(100% - 28px));display:flex;align-items:center;gap:20px;padding:14px 16px;background:#101b24f2;border:1px solid #a4c9b480;border-left:3px solid #ff9b4f;box-shadow:0 8px 30px #0004}
.target-picker strong{display:block;font-size:16px;font-weight:600;color:#f0f3e9}.target-picker p{margin:5px 0 0;line-height:1.4;font-size:13px;color:#c7d5dc}.target-picker button{padding:9px 12px;flex-shrink:0;white-space:nowrap}.target-picker kbd{margin-left:4px}
.is-targeting .work-panels,.is-targeting #machinePanel,.is-targeting #mapPanel,.is-targeting .yard-title,.is-targeting .world-label,.is-targeting .view-controls,.is-targeting .touch-controls,.is-targeting #toast{visibility:hidden;pointer-events:none}
@media(max-width:800px){.target-picker{top:80px;gap:10px;padding:10px 12px}.target-picker strong{font-size:15px}.target-picker p{font-size:12px}.target-picker button{padding:8px}.target-picker kbd{display:none}}
.work-panels .mission.is-minimized,.work-panels .tach-panel.is-minimized{width:100%}
.autonomy-panel{padding:16px;border-color:#a1c79a66}.autonomy-panel.is-minimized{padding:11px 14px}.autonomy-panel .eyebrow{letter-spacing:1.1px;color:#d2e4c7;font-size:11px}.autonomy-panel .panel-heading{gap:6px}.autonomy-panel .panel-toggle{margin-left:auto}
.auto-intro{font-size:14px;line-height:1.5;color:var(--muted);margin:14px 0}.teach-step{display:flex;gap:9px;margin:17px 0}.step-number{flex:none;width:23px;height:23px;display:grid;place-items:center;background:#b5e3b71a;color:var(--mint);border-radius:50%;font-size:12px}.teach-step h3{font-size:14px;margin:1px 0 5px}.teach-step p{font-size:13px;line-height:1.45;color:var(--muted);margin:0 0 9px}.teach-step button{padding:8px 10px;font-size:13px;border-color:#75976e;background:#a6c79515;width:100%;text-align:left}
.autonomy-panel button:disabled{opacity:.45;cursor:default}.auto-run-state{padding:11px;background:#0b161259;border-radius:6px}.auto-run-state>span{font-size:10px;letter-spacing:1.1px;color:var(--mint)}.auto-run-state p{font-size:13px;line-height:1.45;margin:6px 0 0}.auto-actions{display:grid;gap:7px;margin-top:11px}.auto-actions button{padding:10px;font-size:13px}.auto-actions #autoRun{background:#b5e3b7;color:#1d3220;font-weight:600;border-color:#b5e3b7}.auto-footnote{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0 0}.auto-quick-pause{font-size:11px;padding:5px 6px;color:#ffcb9e;border-color:#ffcb9e77}.autonomy-panel.is-running{border-color:#b5e3b7}.autonomy-panel.is-waiting{border-color:#f3c67c}
@media(max-height:800px){.work-panels{top:208px;bottom:158px;left:20px}}
@media(max-width:800px){.work-panels{left:14px;top:190px;bottom:208px;width:215px}.autonomy-panel{padding:12px}}
@media(max-width:600px){.work-panels{top:94px;bottom:190px;width:172px}.work-panels .mission.is-minimized,.work-panels .tach-panel.is-minimized,.autonomy-panel.is-minimized{padding:8px}.autonomy-panel .eyebrow{font-size:10px;letter-spacing:.2px}.autonomy-panel .panel-heading{flex-wrap:wrap}.auto-intro{font-size:13px}.teach-step{gap:6px}.teach-step button{font-size:12px;padding:8px 6px}}

#autoProgress{font-size:11px;color:var(--mint);font-variant-numeric:tabular-nums}#autoProgress:empty{display:none}#autoFinish:enabled{background:#b5e3b7;color:#1d3220;font-weight:600}.auto-actions #autoRun.is-planning:before{content:"";display:inline-block;width:10px;height:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:7px;vertical-align:-1px;animation:route-spinner .8s linear infinite}@keyframes route-spinner{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.auto-actions #autoRun.is-planning:before{animation:none}}

.auto-estimate{margin-top:15px;padding:12px 0 2px;border-top:1px solid #ff8c3a66;font-variant-numeric:tabular-nums}.auto-estimate>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.auto-estimate strong{font-size:13px;color:#ffd3b2}.auto-estimate #autoPercent{color:#ff8a29;font-size:15px;font-weight:700}.auto-estimate p{font-size:13px;line-height:1.45;margin:7px 0 10px}.auto-estimate-track{height:9px;background:#111b16;border-radius:6px;overflow:hidden}.auto-estimate-track>div{height:100%;width:0;background:#ff7900;border-radius:6px;transition:width .3s linear}.auto-estimate small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:8px}

.auto-playback-controls{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.auto-fast-forward{padding:4px 6px;min-height:28px;white-space:nowrap;font-size:12px;font-weight:700;border-color:#ff8a2977;color:#ffae71;background:#ff790010}.auto-fast-forward[aria-pressed="true"]{background:#ff7900;border-color:#ff7900;color:#171b18}.auto-fast-forward:focus-visible{outline:2px solid #ffd3b2;outline-offset:3px}.auto-estimate>div:first-child{flex-wrap:wrap;align-items:center}.auto-playback-controls{margin-left:auto}