/* Painted castings, instrument glass, engraved legends and a continuous desk. */
.console{display:flex;flex-direction:column}.console-rear{flex:1;min-height:0}.control-desk,.desk-edge{flex-shrink:0}
@media(min-width:660px){.console-rear{grid-template-rows:minmax(0,1fr)}.instrument-hood{min-height:0}.gauge-pair,.round-gauge{min-height:0}}
body.driving{background:#353635;color-scheme:dark;height:100dvh;overflow:hidden;display:flex;flex-direction:column;color:#e6e7e6}
.driving .masthead{width:100%;max-width:none;min-height:35px;height:35px;padding:4px 18px;background:#282928;border-bottom:1px solid #171817;flex-shrink:0}
.driving .brand{color:#d0d1d0;font-size:12px;font-weight:500;gap:8px}.driving .brand svg{width:23px;height:23px;padding:4px;stroke:#b1b2b1;border-color:#717271}.driving .brand b{background:none;font-size:10px;color:#aaabaa;margin-left:3px;padding:0}
.driving .header-actions{gap:6px}.driving .header-actions>span{color:#9d9e9d;font-size:9px}.driving .header-actions button{font-size:10px;padding:4px 10px;line-height:1.5;background:#3b3c3b;border:1px solid #5d5e5d;color:#d2d3d2;border-radius:2px;font-weight:400}
.driving>footer{display:none}#cab{width:100%;max-width:1920px;flex:1;min-height:0;margin:0 auto;display:flex;flex-direction:column;isolation:isolate;background:#8d8e8d}
.service-bar{height:26px;flex-shrink:0;background:#484948;display:flex;align-items:center;gap:13px;padding:0 20px;color:#cccdcc;border-bottom:1px solid #303130;font-size:10px}.service-bar>span:first-child{font-weight:500}.service-bar .operation-label{color:#b2b3b2;flex:1}.service-bar button{font-size:10px;font-weight:400;border:0;border-left:1px solid #6f706f;border-radius:0;padding:3px 12px;line-height:1;background:none;color:#d8d9d8}.driving button:hover:enabled{filter:brightness(1.12)}.driving button:focus-visible,#handle:focus-visible{outline:2px solid #dcb658;outline-offset:4px}
.windscreen{position:relative;flex:1;min-height:135px;overflow:hidden;border-top:6px solid #232423;border-inline:9px solid #7c7d7c;background:#b3c4cb}
#scenery{width:100%;height:100%;display:block}.window-frame{position:absolute;inset:0;pointer-events:none;border-inline:5px solid #292a29;border-bottom:9px solid #2a2b2a;box-shadow:inset 0 8px 7px #101b2660,inset 4px 0 3px #151c25,inset -4px 0 3px #151c25}
.window-frame:before{content:'';position:absolute;inset:0;background:linear-gradient(121deg,transparent 6%,#eff6fc0b 6.3%,#eef5ff08 16%,transparent 16.3%)}.left-stanchion,.right-stanchion{position:absolute;top:0;bottom:0;width:21px;background:linear-gradient(90deg,#808180,#adaead 65%,#797a79);border-right:4px solid #2c2d2c;box-shadow:3px 0 4px #13212755}.left-stanchion{left:0;clip-path:polygon(0 0,70% 0,100% 100%,0 100%)}.right-stanchion{right:0;transform:scaleX(-1)}
.wiper-arm{position:absolute;bottom:5px;left:66%;width:135px;height:6px;background:linear-gradient(#7d7e7d,#1f201f);transform:rotate(-28deg);transform-origin:left;border:1px solid #313231;box-shadow:0 2px 2px #1c2c2440}.wiper-arm:before{content:'';position:absolute;left:-7px;top:-4px;width:14px;height:14px;background:#494a49;border:3px solid #848584;border-radius:50%}.wiper-blade{position:absolute;bottom:55px;left:calc(66% + 112px);width:5px;height:110px;background:#252625;transform:rotate(20deg);transform-origin:bottom;box-shadow:1px 0 #787978}
.console{position:relative;flex-shrink:0;height:400px;color:#212221;background:linear-gradient(100deg,#898a89,#afb0af 24%,#a4a5a4 70%,#828382);border-top:8px solid #3a3b3a;box-shadow:inset 0 3px 0 #c7c8c7,0 -4px 6px #1b2d3540;z-index:2}
.console:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.14;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%231a241c' filter='url(%23g)' opacity='.5' d='M0 0h130v130H0z'/%3E%3C/svg%3E")}
.console-rear{height:220px;display:grid;grid-template-columns:minmax(70px,.65fr) minmax(310px,2.6fr) minmax(195px,1.45fr) minmax(165px,1.2fr);gap:22px;padding:0 4.5%;align-items:end;background:linear-gradient(#979897,#b0b1b0);border-bottom:1px solid #696a69;box-shadow:inset 0 1px #c7c8c7}
.side-equipment{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:25px 0 20px}.speaker-grille{width:66px;height:90px;border-radius:4px;background:radial-gradient(circle,#323332 1px,transparent 1.5px) 0 0/5px 5px,#828382;box-shadow:inset 0 1px 4px #3d3e3d,0 1px #c9cac9;border:3px solid #979897}.vehicle-plate{width:100%;padding:7px 5px;text-align:center;background:linear-gradient(105deg,#c9cac9,#dfe0df,#b1b2b1);border:1px solid #606160;box-shadow:0 1px 1px #5e5f5e;font-size:8px;line-height:1.7}.vehicle-plate span,.vehicle-plate strong,.vehicle-plate small{display:block}.vehicle-plate strong{font-size:13px;font-weight:600}.vehicle-plate small{font-size:7px;white-space:nowrap}
.instrument-hood{position:relative;align-self:stretch;padding:10px 11px 0;margin-top:-9px;border-radius:13px 13px 3px 3px;background:linear-gradient(100deg,#404140,#1d1e1d 12%,#222322 88%,#434443);box-shadow:0 -3px 1px #7b7c7b,0 3px 5px #434443,9px 1px 10px #43583a40;border:1px solid #292a29;z-index:3}
.instrument-hood:before{content:'';position:absolute;top:2px;left:5px;right:5px;height:15px;background:linear-gradient(#505150,#272827);border-radius:7px 7px 2px 2px;border-bottom:1px solid #1a1b1a;box-shadow:0 8px 12px #0d180b70;pointer-events:none;z-index:3}
.instrument-face{height:100%;position:relative;padding:9px 10px 7px;background:linear-gradient(120deg,#2d2e2d,#2a2b2a);border:1px solid #181918;border-radius:3px 3px 0 0;box-shadow:inset 1px 1px 2px #4e4f4e}
.gauge-pair{display:flex;align-items:center;justify-content:center;gap:16px;height:calc(100% - 28px)}.round-gauge{height:100%;width:auto;max-width:49%;display:block;filter:drop-shadow(0 2px 2px #141514);overflow:visible}.pressure-gauge{height:91%}.gauge-scale{stroke:#e1e2e1;fill:#d7d8d7}.gauge-scale text{stroke:none;font:11px Arial,'Yu Gothic',sans-serif;font-variant-numeric:tabular-nums}.gauge-lettering{fill:#cecfce;text-anchor:middle;font:8.5px 'Yu Gothic','Meiryo',sans-serif}.gauge-lettering .gauge-unit{font:9px Arial,sans-serif}.gauge-lettering .gauge-maker{font-size:6px;fill:#8f908f}.gauge-lettering .mr-key{font-size:6.8px;fill:#d7d8d7}.gauge-lettering .bc-key{font-size:6.8px;fill:#db8a6b}.speed-hand{fill:#e3d4a0}.counterweight{fill:#8e8765}.mr-hand{fill:#e4e5e4}.bc-hand{fill:#d96845}.gauge-fastener circle{fill:#626362;stroke:#181918;stroke-width:.6}.gauge-fastener path{stroke:#252625;stroke-width:.8}
.annunciators{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin:5px 0 0}.annunciator{min-width:0;background:linear-gradient(#282928,#313231);box-shadow:inset 0 1px 3px #0d0e0d,0 1px #595a59;color:#6e6f6e;border:2px solid #1f201f;border-radius:1px;padding:4px 1px 3px;text-align:center;font-size:8px;font-weight:600;letter-spacing:.03em;white-space:nowrap}.annunciator.active.green{color:#d5dfb6;background:linear-gradient(#57753e,#859b50);text-shadow:0 0 3px #eff9a350;box-shadow:inset 0 0 5px #c0cf6b45,0 1px #2f302f}.annunciator.active.amber{color:#f6e3a6;background:linear-gradient(#a17124,#9d7827);box-shadow:inset 0 0 5px #dfbc5940}.annunciator.active.red{color:#fff1d2;background:linear-gradient(#922e20,#bc4932);box-shadow:inset 0 0 5px #f9a37170}
.information-unit{height:192px;background:linear-gradient(110deg,#3a3b3a,#252625);border:1px solid #2c2d2c;box-shadow:0 2px 3px #545554,inset 0 1px #6e6f6e;position:relative;border-radius:5px;padding:8px 12px 11px;margin-bottom:4px}.display-label{font-size:8px;letter-spacing:.08em;color:#b7b8b7;margin-bottom:5px;text-align:center}.lcd{height:calc(100% - 15px);padding:7px 9px;background:#b8c3a8;color:#293c28;box-shadow:inset 1px 2px 4px #545554,inset -1px -1px 0 #dddedd;border:3px solid #191a19;overflow:hidden;font-family:'BIZ UDPGothic','Meiryo',sans-serif}.lcd-top{display:flex;justify-content:space-between;gap:5px;font-size:7px;border-bottom:1px solid #8d8e8d;padding-bottom:5px}.lcd-top time{font-family:Consolas,monospace;font-size:9px;line-height:1;font-variant-numeric:tabular-nums}.lcd-destination{display:flex;align-items:center;gap:12px;margin:7px 0 6px}.lcd-destination small{font-size:8px}.lcd-destination strong{font-size:18px;font-weight:500}.lcd-distance{display:flex;justify-content:space-between;align-items:baseline;font-size:8px}.lcd-distance b{font-family:Consolas,monospace;font-size:15px;font-weight:400;white-space:nowrap}.lcd-readings{display:flex;justify-content:space-between;font-size:8px;border-block:1px solid #969796;margin-top:6px;padding:4px 0}.lcd-readings b{font-family:Consolas,monospace;font-size:10px;font-weight:400}.signal-display{display:flex;align-items:center;gap:6px;font-size:9px;margin-top:5px}.signal-display>span:last-child{margin-left:auto;font-family:Consolas,monospace}.signal-light{width:7px;height:7px;background:#3d6729;border:1px solid #5a5b5a;border-radius:50%;display:inline-block}.signal-light.red{background:#a63d28}.signal-light.yellow{background:#a78a28}#protection{font-size:8px;margin-top:4px}#protection.alert{font-weight:700}#advice{margin:4px 0 0;font-size:8px;line-height:1.5;overflow:hidden;max-height:2.9em;border-top:1px solid #969796;padding-top:3px}
.staff-holder{position:relative;align-self:stretch;margin:12px 0 4px;padding:8px 6px 3px;background:linear-gradient(110deg,#6f706f,#969796 50%,#525352);border:2px solid #4b4c4b;border-radius:3px;box-shadow:1px 2px 2px #5d5e5d;transform:rotate(1deg)}.staff-clip{position:absolute;width:49px;height:20px;top:-6px;left:calc(50% - 24px);background:linear-gradient(90deg,#6e6f6e,#bfc0bf 25%,#dadbda 43%,#8d8e8d 70%,#5a5b5a);border:1px solid #555655;border-radius:4px 4px 2px 2px;box-shadow:0 2px 3px #1f341a88;z-index:2}.staff-clip:before{content:'';position:absolute;inset:4px 6px;border:1px solid #787978;border-radius:2px}.staff-paper{background:#eeefee;color:#323332;min-height:calc(100% - 21px);padding:10px 8px 5px;box-shadow:0 1px 3px #343534}.staff-title{text-align:center;font-size:11px;font-weight:600;margin-top:1px;padding-bottom:4px;border-bottom:2px solid #4b4c4b}.staff-subtitle{text-align:center;font-size:8px;margin-top:5px}.staff-paper table{font-size:9px;width:100%;margin:6px 0 0;font-variant-numeric:tabular-nums}.staff-paper th,.staff-paper td{font-size:8px;padding:5px 2px;color:#353635;border-bottom:1px solid #9a9b9a;white-space:nowrap}.staff-paper th{padding:3px 2px;font-size:7px}.staff-paper td:first-child{font-size:8px;font-weight:500}.staff-foot{font-size:7px;line-height:1.6;padding-top:6px}.staff-holder button{font-size:8px;background:none;color:#e6e7e6;border:0;border-radius:0;padding:5px 0 0;display:block;width:100%;font-weight:400}
.control-desk{height:170px;padding:6px 8% 5px 7%;display:grid;grid-template-columns:minmax(125px,1.25fr) minmax(190px,1.6fr) minmax(96px,.9fr) minmax(130px,1.1fr) minmax(70px,.8fr);gap:25px;align-items:center;background:linear-gradient(#adaead 0%,#b4b5b4 55%,#999a99 95%);box-shadow:inset 0 2px #d4d5d4;position:relative}
.desk-edge{height:10px;background:linear-gradient(#747574,#5d5e5d 40%,#414241);border-top:2px solid #b8b9b8;box-shadow:0 3px 4px #172d1c50}
.engraved{font-size:9px;font-weight:600;color:#333433;letter-spacing:.1em;text-shadow:0 1px #d5d6d5;display:block;text-align:center}
.screw{width:6px;height:6px;position:absolute;border-radius:50%;background:linear-gradient(135deg,#8d8e8d,#3d3e3d 50%,#abacab);border:1px solid #3e3f3e;box-shadow:0 1px 1px #102a1640;pointer-events:none}.screw:after{content:'';position:absolute;left:0;top:2px;width:4px;height:1px;background:#2a2b2a;transform:rotate(-36deg)}.screw-tl{top:5px;left:5px}.screw-tr{top:5px;right:5px}.screw-bl{bottom:5px;left:5px}.screw-br{bottom:5px;right:5px}
.door-controls{position:relative;padding:10px 9px 8px;border:1px solid #7a7b7a;box-shadow:inset 0 1px #dddedd,0 1px #c7c8c7;background:#a5a6a5;align-self:center;border-radius:2px}.door-button-pair{display:flex;justify-content:center;gap:23px;margin-top:7px}.door-button-pair label{display:flex;flex-direction:column;align-items:center;gap:5px}.door-button-pair label>span{font-size:8px;color:#3b3c3b;font-weight:600}.driving button.round-button{padding:0;min-width:0;border-radius:50%;width:34px;height:34px;border:5px solid #515251;outline-offset:4px;box-shadow:0 2px 3px #474847,inset 0 2px 3px #eef3d080;position:relative}.driving button.door-open{background:radial-gradient(circle at 40% 30%,#c2c3c2,#8d8e8d 73%);border-color:#515251}.driving button.door-shut{background:radial-gradient(circle at 40% 30%,#656665,#393a39 73%)}.driving button.round-button:active:enabled{box-shadow:inset 0 2px 4px #203c1880;transform:translateY(1px)}.driving button.round-button:disabled{opacity:.55}.pressure-readings{display:flex;justify-content:center;align-items:baseline;gap:9px;margin-top:8px;font-size:7px;color:#515251}.pressure-readings b{font-family:Consolas,monospace;font-weight:400;font-size:9px}.pressure-readings small{font-size:7px}
.controller{align-self:stretch;padding:0;min-width:0;display:flex;justify-content:center}.master-base{position:relative;width:250px;max-width:100%;height:159px;margin-top:0;padding:9px 12px 10px;border:3px solid #363736;border-radius:10px 10px 5px 5px;background:linear-gradient(110deg,#4d4e4d,#323332 20%,#464746 78%,#6d6e6d);box-shadow:inset 1px 1px 1px #909190,0 3px 2px #545554,0 5px 4px #52674466;transform:perspective(700px) rotateX(6deg);transform-origin:bottom}
.master-id{font-size:7px;color:#c1c2c1;text-align:right;letter-spacing:.08em}.handle-area{position:relative;display:flex;gap:8px;height:118px;margin-top:4px}.notch-scale{position:relative;width:36px;flex-shrink:0;margin:2px 0 2px;font:8px Arial,'Meiryo',sans-serif;color:#c8c9c8}.notch-scale span{position:absolute;left:0;right:0;text-align:right;transform:translateY(-50%);line-height:1}.notch-scale span:after{content:'';display:inline-block;width:7px;margin-left:6px;border-top:1px solid #8f908f;vertical-align:middle}.notch-scale .neutral-mark{color:#f0e9bc}.notch-scale .neutral-mark:after{width:10px;border-top-color:#ebdf9e}
#lever-track{width:118px;height:112px;position:relative;touch-action:none;margin:3px 0;flex-shrink:0;background:linear-gradient(90deg,#2e2f2e 0%,#6c6d6c 2%,#464746 7%,#525352 93%,#2f302f 98%);border:1px solid #2c2d2c;border-radius:3px;box-shadow:inset 1px 1px 2px #252625}
.lever-slot{height:100%;width:15px;margin:auto;background:#191a19;border-inline:3px solid #7a7b7a;box-shadow:inset 3px 0 3px #000;border-radius:4px}#handle{position:absolute;left:0;width:118px;height:25px;top:7.14%;transform:translateY(-50%);z-index:3;touch-action:none;cursor:grab;outline-offset:4px}#handle[aria-disabled=true]{cursor:default}#handle:active{cursor:grabbing}.lever-stem{position:absolute;left:calc(50% - 6px);width:12px;height:36px;top:16px;background:linear-gradient(90deg,#4c4d4c,#c0c1c0 40%,#757675 80%,#363736);border:1px solid #3b3c3b;box-shadow:1px 2px 2px #242524;border-radius:0 0 3px 3px;pointer-events:none}.lever-grip{display:block;position:relative;z-index:2;width:118px;height:25px;border:2px solid #1d1e1d;border-radius:7px;background:linear-gradient(#5c5d5c 0%,#3a3b3a 16%,#202120 45%,#1a1b1a 65%,#393a39 90%,#171817);box-shadow:0 4px 4px #13250f99,inset 0 1px #7b7c7b;pointer-events:none}.lever-grip:before,.lever-grip:after{content:'';position:absolute;top:1px;bottom:1px;width:11px;background:repeating-linear-gradient(90deg,#222322,#222322 2px,#464746 2px,#464746 3px);border:1px solid #1d1e1d;border-radius:4px}.lever-grip:before{left:1px}.lever-grip:after{right:1px}.at-emergency .lever-grip{border-top-color:#93653c}
.controller-reading{min-width:27px;text-align:center;display:flex;flex-direction:column;align-items:center;margin-left:1px}.controller-reading small{font-size:6px;color:#b8b9b8}.controller-reading strong{font:12px Consolas,monospace;font-weight:400;color:#dfe0df;background:#262726;border:1px solid #717271;padding:2px 3px;margin-top:3px;min-width:28px}.controller-reading>span{font-size:6px;line-height:1.7;color:#c0c1c0;margin-top:5px}
.reverser-case{position:relative;align-self:center;text-align:center}.reverser{display:flex;justify-content:center;gap:5px;margin:6px 0 1px}.driving .reverser button{font-size:9px;color:#424342;background:none;border:0;border-radius:0;padding:2px 5px;line-height:1.2;font-weight:600;border-bottom:2px solid transparent}.driving .reverser button[aria-pressed=true]{border-bottom-color:#494a49;color:#252625}.driving .reverser button:disabled{opacity:.5}.reverser-socket{margin:5px auto;width:48px;height:48px;border:4px solid #818281;border-radius:50%;background:radial-gradient(#616261 0%,#adaead 55%,#454645 62%,#969796 75%);box-shadow:0 2px 2px #6f706f,0 0 0 1px #585958;position:relative}#reverser-knob{position:absolute;width:12px;height:44px;border:2px solid #232423;border-radius:5px;background:linear-gradient(90deg,#343534,#595a59 50%,#292a29);top:-2px;left:14px;transform-origin:50% 50%;box-shadow:1px 1px 2px #2c2d2c;pointer-events:none}.selector-note{display:block;font-size:6px;color:#5c5d5c;white-space:nowrap;margin-top:6px}
.safety-controls{display:flex;justify-content:center;gap:24px;align-items:center}.safety-controls>label{display:flex;flex-direction:column;align-items:center;gap:10px}.safety-controls .engraved{font-size:8px}.driving button.emergency-button{padding:0;width:46px;height:46px;border-radius:50%;background:linear-gradient(120deg,#9fa09f,#c2c3c2 40%,#797a79);border:3px solid #838483;box-shadow:0 2px 2px #5c5d5c,inset 0 1px #dfe0df;position:relative}.emergency-button i{position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 37% 28%,#b3442c,#74281a 70%);box-shadow:0 2px 2px #47250e,inset 0 1px #db7659;border:2px solid #592e1b}.emergency-button:active:enabled i{inset:6px;box-shadow:inset 0 2px 3px #4f2116}.driving .acknowledge-button{width:30px;height:30px;background:radial-gradient(circle at 40% 30%,#c1b268,#8c7834);margin-block:8px;border-color:#5c5d5c}
.horn-control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.driving #horn{width:53px;height:57px;padding:0;border-radius:5px;background:linear-gradient(110deg,#535453,#363736);border:3px solid #5e5f5e;box-shadow:inset 0 1px #9c9d9c,0 3px 3px #535453;position:relative}.horn-control #horn i{display:block;position:absolute;inset:8px 6px 17px;border:1px solid #2c2d2c;border-radius:2px;background:repeating-linear-gradient(#353635,#353635 2px,#717271 3px,#353635 4px)}.horn-control #horn span{position:absolute;bottom:4px;left:0;right:0;color:#bfc0bf;font-size:8px;font-weight:400}.horn-control #horn:active,.horn-control #horn[aria-pressed=true]{box-shadow:inset 0 2px 4px #262726;transform:translateY(1px)}
.lesson-panel{flex-shrink:0;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(200px,1.2fr) minmax(200px,1.1fr);gap:20px;padding:10px 26px;background:#3c3d3c;border-top:1px solid #616261;border-bottom:1px solid #2d2e2d;color:#d9dad9}.lesson-heading{border-left:3px solid #aeafae;padding-left:10px;align-self:center}.lesson-heading small{font-size:8px;color:#afb0af}.lesson-heading h2{font-size:12px;font-weight:500;margin-top:5px;line-height:1.4;letter-spacing:0}.lesson-panel p{font-size:10px;line-height:1.65;margin:0;align-self:center}.lesson-panel>p:last-child{color:#e3e4e3;border-left:1px solid #737473;padding-left:18px;font-weight:500}
.cab-bottom{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 20px;background:#2b2c2b;border-top:1px solid #6e6f6e;color:#9d9e9d;font-size:8px;line-height:1.4;min-height:31px}.notch-buttons{display:flex;align-items:center;gap:4px;white-space:nowrap}.notch-buttons>span{font-size:8px;margin-right:6px}.driving .notch-buttons button{border-radius:2px;color:#cacbca;border:1px solid #626362;background:#3f403f;font-size:9px;font-weight:400;line-height:1.2;padding:4px 12px}.keyboard-hint{flex:1;text-align:center;font-size:8px}.cab-bottom #graphics-status{font-size:8px;color:#8a8b8a;white-space:nowrap}
#pause-overlay{position:absolute;inset:0;z-index:10;background:#202c26ef;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;gap:11px;color:#e4e5e4;text-align:center}#pause-overlay h2{font-size:23px;letter-spacing:0;font-weight:500}#pause-overlay p{font-size:11px;margin:0;line-height:1.6}.driving #pause-overlay button{font-size:11px;font-weight:500;padding:9px 18px;border-radius:3px;color:#dcdddc;background:#575857;border:1px solid #878887}.driving #pause-overlay button.primary{background:#b5b6b5;color:#2d2e2d;border-color:#d9dad9}
@media(min-height:900px) and (min-width:951px){.console{height:420px}.console-rear{height:230px}.control-desk{height:180px}.master-base{height:168px}.handle-area{height:128px}#lever-track{height:122px}.information-unit{height:210px}.staff-holder{margin-top:18px}.staff-paper th,.staff-paper td{padding-block:6px}.lcd{padding-block:9px}.lcd-destination{margin-block:10px}#advice{font-size:9px}}
@media(max-height:800px) and (min-width:951px){.console{height:340px}.console-rear{height:180px;gap:15px}.control-desk{height:150px;padding-block:3px;gap:18px}.master-base{height:142px;padding-top:6px}.handle-area{height:109px;margin-top:2px}#lever-track{height:103px}.notch-scale{font-size:7px}.lever-grip,#handle{height:23px}.information-unit{height:170px;padding:6px 9px}.lcd{padding:5px 7px}.lcd-destination{margin-block:5px}.lcd-destination strong{font-size:16px}.lcd-distance b{font-size:12px}.lcd-readings{margin-top:4px;padding-block:3px}.signal-display{margin-top:4px;font-size:8px}#advice{font-size:7px}#protection{margin-top:3px;font-size:7px}.staff-holder{margin-top:6px;padding-top:6px}.staff-paper{padding-top:8px}.staff-paper table{margin-top:4px}.staff-paper th,.staff-paper td{padding-block:3px;font-size:7px}.staff-foot{padding-top:4px;font-size:6px}.staff-subtitle{margin-top:3px;font-size:7px}.staff-title{font-size:10px;padding-bottom:3px}.side-equipment{padding-block:17px}.speaker-grille{height:65px}.lesson-panel{padding-block:7px}.lesson-panel p{font-size:9px}}
@media(max-width:1100px){.console-rear{grid-template-columns:minmax(42px,.4fr) minmax(270px,2.3fr) minmax(177px,1.4fr) minmax(145px,1.1fr);padding-inline:3%;gap:15px}.side-equipment .speaker-grille{width:47px}.vehicle-plate small{font-size:6px}.control-desk{padding-inline:5%;gap:16px;grid-template-columns:minmax(116px,1.2fr) minmax(186px,1.6fr) minmax(90px,.9fr) minmax(115px,1.1fr) minmax(65px,.7fr)}.gauge-pair{gap:8px}.instrument-hood{padding-inline:8px}.instrument-face{padding-inline:6px}.annunciator{font-size:7px;padding-inline:0}.information-unit{padding-inline:8px}.lcd{padding-inline:7px}.staff-paper{padding-inline:5px}.staff-paper th,.staff-paper td{font-size:7px}.safety-controls{gap:15px}.lesson-panel{padding-inline:18px;gap:15px}.lesson-panel h2{font-size:11px}}
@media(max-width:950px) and (min-width:660px){.console{height:310px}.console-rear{height:185px;grid-template-columns:minmax(245px,2fr) minmax(165px,1.25fr) minmax(135px,1fr);padding-inline:3%;gap:14px}.side-equipment{display:none}.control-desk{height:115px;padding-inline:4%;gap:12px;grid-template-columns:110px minmax(174px,1.5fr) 80px 105px 53px}.master-base{width:184px;height:110px;padding:7px 9px}.handle-area{height:80px;gap:5px}.notch-scale{width:28px;font-size:6px}.notch-scale span:after{margin-left:4px;width:5px}#lever-track{width:91px;height:74px}#handle,.lever-grip{width:91px;height:22px}.controller-reading{min-width:23px;margin-left:0}.controller-reading strong{font-size:10px;min-width:22px}.controller-reading>span{font-size:5px}.information-unit{height:170px}.display-label{font-size:7px}.lcd{padding:6px}.lcd-destination{margin-block:4px}.lcd-destination strong{font-size:15px}.lcd-top{font-size:6px}.lcd-top time{font-size:8px}.lcd-distance{font-size:7px}.lcd-distance b{font-size:12px}.lcd-readings{font-size:7px;margin-top:4px;padding-block:3px}.signal-display,#protection{font-size:7px;margin-top:4px}#advice{font-size:7px}.staff-holder{margin-top:8px}.staff-paper th,.staff-paper td{padding-block:3px}.staff-title{font-size:10px}.staff-foot{font-size:6px}.door-controls{padding:7px 7px 5px}.door-button-pair{gap:13px}.driving button.round-button{width:29px;height:29px;border-width:4px}.pressure-readings{gap:6px;margin-top:6px;font-size:6px}.pressure-readings b{font-size:8px}.engraved{font-size:8px}.driving button.emergency-button{width:39px;height:39px}.safety-controls{gap:15px}.safety-controls>label{gap:8px}.safety-controls .engraved{font-size:7px}.driving .acknowledge-button{width:26px;height:26px;margin-block:6px}.driving #horn{width:43px;height:47px}.reverser-socket{width:42px;height:42px}#reverser-knob{height:39px;left:11px}.selector-note{font-size:5px}.annunciator{font-size:6px}.lesson-panel{grid-template-columns:.85fr 1fr 1.2fr;gap:12px;padding:7px 15px}.lesson-panel p{font-size:9px}.lesson-heading h2{font-size:11px}.lesson-panel>p:last-child{padding-left:12px}.cab-bottom{padding-inline:12px;gap:8px}.keyboard-hint{font-size:7px}.cab-bottom #graphics-status{font-size:7px}.driving .notch-buttons button{padding:4px 9px;font-size:8px}}
@media(max-height:600px) and (min-width:660px){.driving .masthead{height:29px;min-height:29px;padding-block:2px}.driving .brand{font-size:10px}.driving .brand svg{height:20px;width:20px}.driving .header-actions button{font-size:9px;padding-block:2px}.service-bar{height:21px;font-size:9px;padding-inline:15px}.service-bar button{font-size:9px}.windscreen{min-height:100px}.console{height:240px;border-top-width:5px}.console-rear{height:143px;grid-template-columns:minmax(240px,2fr) minmax(164px,1.25fr) minmax(135px,1fr);padding-inline:4%;gap:15px}.side-equipment{display:none}.instrument-hood{padding:7px 7px 0;margin-top:-6px}.instrument-face{padding:6px 5px 4px}.instrument-hood:before{height:9px}.gauge-pair{height:calc(100% - 22px);gap:12px}.annunciators{gap:2px;margin-top:3px}.annunciator{font-size:6px;padding-block:2px;border-width:1px}.information-unit{height:134px;padding:4px 7px 6px;margin-bottom:2px}.display-label{font-size:6px;margin-bottom:3px}.lcd{padding:4px 6px;border-width:2px}.lcd-top{font-size:6px;padding-bottom:3px}.lcd-top time{font-size:7px}.lcd-destination{margin:3px 0 2px;gap:8px}.lcd-destination small{font-size:6px}.lcd-destination strong{font-size:13px}.lcd-distance{font-size:6px}.lcd-distance b{font-size:10px}.lcd-readings{font-size:6px;padding:2px 0;margin-top:3px}.lcd-readings b{font-size:8px}.signal-display{margin-top:3px;font-size:6px}.signal-light{width:5px;height:5px}#protection{font-size:6px;margin-top:2px}#advice{font-size:6px;line-height:1.4;max-height:1.7em;padding-top:2px;margin-top:2px}.staff-holder{margin:4px 0 2px;padding:4px 4px 2px;border-width:1px}.staff-clip{width:35px;height:13px;left:calc(50% - 17px);top:-5px}.staff-clip:before{inset:3px 5px}.staff-paper{padding:6px 5px 3px;min-height:calc(100% - 15px)}.staff-title{font-size:8px;padding-bottom:2px;border-bottom-width:1px}.staff-subtitle{font-size:6px;margin-top:2px}.staff-paper table{margin-top:3px}.staff-paper td,.staff-paper th,.staff-paper td:first-child{font-size:6px;padding:2px}.staff-foot{font-size:5px;padding-top:3px;line-height:1.4}.staff-holder button{font-size:6px;padding-top:3px}.control-desk{height:90px;padding:3px 5% 2px;gap:13px;grid-template-columns:110px minmax(174px,1.5fr) 82px 105px 50px}.desk-edge{height:7px}.master-base{width:185px;height:84px;padding:5px 8px;border-width:2px}.master-id{font-size:6px}.handle-area{height:62px;margin-top:3px;gap:5px}.notch-scale{width:29px;font-size:5px;margin-block:2px}.notch-scale span:after{width:4px;margin-left:3px}.notch-scale .neutral-mark:after{width:7px}#lever-track{height:56px;width:87px}#handle,.lever-grip{width:87px;height:18px}.lever-grip{border-width:1px;border-radius:5px}.lever-grip:before,.lever-grip:after{width:9px}.lever-stem{height:25px;top:12px;width:9px;left:calc(50% - 4px)}.controller-reading small{font-size:5px}.controller-reading strong{font-size:9px;padding:1px 2px;margin-top:2px}.controller-reading>span{font-size:4px;line-height:1.4;margin-top:3px}.door-controls{padding:5px 7px 4px}.door-button-pair{margin-top:4px;gap:16px}.door-button-pair label{gap:4px}.door-button-pair label>span{font-size:6px}.driving button.round-button{width:25px;height:25px;border-width:4px}.pressure-readings{margin-top:5px;font-size:5px;gap:6px}.pressure-readings b{font-size:7px}.pressure-readings small{font-size:5px}.engraved{font-size:7px}.reverser{margin-top:4px;gap:2px}.driving .reverser button{font-size:7px;padding:1px 4px}.reverser-socket{width:30px;height:30px;border-width:3px;margin:4px auto}#reverser-knob{width:9px;height:28px;left:7px;top:-2px}.selector-note{font-size:4px;margin-top:3px}.driving button.emergency-button{width:32px;height:32px;border-width:2px}.emergency-button i{inset:4px}.safety-controls{gap:17px}.safety-controls>label{gap:6px}.safety-controls .engraved{font-size:6px}.driving .acknowledge-button{width:23px;height:23px;margin-block:5px}.horn-control{gap:5px}.driving #horn{width:35px;height:38px;border-width:2px}.horn-control #horn i{inset:6px 4px 12px}.horn-control #horn span{font-size:6px;bottom:2px}.lesson-panel{padding:5px 15px;gap:12px}.lesson-heading h2{font-size:9px;margin-top:3px}.lesson-heading small{font-size:6px}.lesson-panel p{font-size:7px;line-height:1.5}.cab-bottom{min-height:25px;padding:3px 12px;font-size:7px}.notch-buttons>span{font-size:6px;margin-right:4px}.driving .notch-buttons button{font-size:7px;padding:3px 8px}.keyboard-hint{font-size:6px}.cab-bottom #graphics-status{font-size:6px}}
@media(max-width:659px){body.driving{height:auto;min-height:100dvh;overflow:auto}.driving .masthead{height:39px;min-height:39px;padding-inline:12px}.driving .brand{font-size:11px}.driving .brand svg{width:24px;height:24px}.driving .header-actions>span{display:none}.driving .header-actions button{font-size:9px;padding:4px 8px}#cab{flex:none}.service-bar{padding-inline:12px;height:27px;font-size:9px;gap:8px}.service-bar button{font-size:9px;padding:3px 7px}.service-bar .operation-label{font-size:8px}.windscreen{height:31vh;min-height:200px;flex:none;border-inline-width:5px;border-top-width:4px}.left-stanchion,.right-stanchion{width:12px}.window-frame{border-inline-width:3px;border-bottom-width:7px}.wiper-arm{width:80px;left:60%;height:4px;bottom:3px}.wiper-blade{height:75px;width:4px;left:calc(60% + 68px);bottom:32px}.console{height:auto;border-top-width:6px}.console-rear{height:auto;padding:0 12px 9px;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:9px 12px;align-items:stretch}.side-equipment{display:none}.instrument-hood{grid-column:1/-1;height:198px;margin-top:-7px;padding:9px 10px 0}.gauge-pair{gap:24px;height:calc(100% - 30px)}.instrument-face{padding:9px 10px 8px}.annunciators{gap:4px;margin-top:5px}.annunciator{font-size:7px;padding-block:4px}.information-unit{height:181px;margin:0;padding:7px 8px 9px}.display-label{font-size:7px}.lcd{padding:7px}.lcd-top{font-size:6px;padding-bottom:4px}.lcd-top time{font-size:8px}.lcd-destination{margin:6px 0 5px;gap:9px}.lcd-destination small{font-size:7px}.lcd-destination strong{font-size:17px}.lcd-distance{font-size:7px}.lcd-distance b{font-size:13px}.lcd-readings{font-size:7px;padding-block:3px;margin-top:5px}.lcd-readings b{font-size:9px}.signal-display{font-size:8px;margin-top:5px}#protection{font-size:7px;margin-top:4px}#advice{font-size:7px;margin-top:4px}.staff-holder{height:181px;margin:0;padding:8px 5px 3px;transform:rotate(.5deg)}.staff-paper{padding:10px 5px 4px}.staff-title{font-size:10px}.staff-paper th,.staff-paper td,.staff-paper td:first-child{padding:4px 1px;font-size:6px}.staff-paper table{margin-top:6px}.staff-subtitle{font-size:7px}.staff-foot{font-size:6px}.staff-holder button{font-size:7px;padding-top:5px}.staff-clip{width:39px;left:calc(50% - 19px);height:17px;top:-3px}.control-desk{height:236px;padding:12px 14px 8px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.8fr);grid-template-rows:132px 76px;gap:7px 10px}.controller{grid-column:2/4;grid-row:1;align-self:start;justify-content:center}.master-base{width:205px;max-width:100%;height:132px;padding:9px 10px}.handle-area{height:94px;gap:6px}.notch-scale{width:33px;font-size:7px}#lever-track{width:96px;height:87px}#handle,.lever-grip{width:96px}.controller-reading{margin-left:0;min-width:24px}.controller-reading strong{font-size:11px;min-width:25px}.controller-reading>span{font-size:5px}.door-controls{grid-row:1;grid-column:1;padding:11px 7px 9px;align-self:center}.door-button-pair{gap:13px;margin-top:9px}.door-button-pair label>span{font-size:7px}.driving button.round-button{width:29px;height:29px;border-width:4px}.pressure-readings{gap:5px;font-size:6px;flex-wrap:wrap;margin-top:9px}.pressure-readings b{font-size:8px}.pressure-readings small{font-size:6px}.reverser-case{grid-column:2;grid-row:2}.reverser{gap:4px;margin:4px 0 0}.driving .reverser button{font-size:8px}.reverser-socket{width:35px;height:35px;margin:4px auto}#reverser-knob{height:33px;width:10px;left:9px}.selector-note{font-size:5px;margin-top:4px}.safety-controls{grid-column:3;grid-row:2;gap:11px;align-self:center}.safety-controls>label{gap:8px}.safety-controls .engraved{font-size:6px;letter-spacing:0;white-space:nowrap}.driving button.emergency-button{width:33px;height:33px;border-width:2px}.driving .acknowledge-button{width:25px;height:25px;margin-block:4px}.emergency-button i{inset:4px}.horn-control{grid-column:1;grid-row:2;gap:6px}.horn-control .engraved{font-size:7px}.driving #horn{width:40px;height:42px}.horn-control #horn i{inset:5px 4px 13px}.horn-control #horn span{font-size:7px;bottom:3px}.desk-edge{height:9px}.lesson-panel{grid-template-columns:1fr;padding:12px 15px;gap:8px}.lesson-heading{padding-left:8px;display:flex;align-items:center;gap:12px}.lesson-heading small{font-size:8px;white-space:nowrap}.lesson-heading h2{font-size:12px;margin:0}.lesson-panel p{font-size:10px;line-height:1.65}.lesson-panel>p:last-child{padding-left:0;border-left:0;padding-top:7px;border-top:1px solid #6d6e6d}.cab-bottom{padding:7px 12px;gap:8px;flex-wrap:wrap;min-height:35px}.keyboard-hint{display:none}.cab-bottom #graphics-status{font-size:7px;flex:1;text-align:right;white-space:normal}.notch-buttons>span{font-size:7px;margin-right:4px}.driving .notch-buttons button{padding:5px 10px;font-size:9px}}
@media(max-width:659px){.console{display:block}}
@media(max-width:359px){.service-bar .operation-label{display:none}.service-bar>span:first-child{flex:1}.console-rear{padding-inline:9px;gap:10px}.instrument-hood{height:177px;padding-inline:8px}.instrument-face{padding-inline:6px}.gauge-pair{gap:15px}.annunciator{font-size:6px}.information-unit{height:177px;padding-inline:6px}.lcd{padding-inline:5px}.lcd-top time{font-size:7px}.lcd-top>span{font-size:5px}.lcd-destination strong{font-size:15px}.lcd-distance{font-size:6px}.lcd-distance b{font-size:12px}.staff-holder{height:177px;padding-inline:3px}.staff-paper{padding-inline:4px}.staff-paper th,.staff-paper td,.staff-paper td:first-child{font-size:5.5px;padding-inline:.5px}.staff-subtitle{font-size:6px}.control-desk{padding-inline:9px;grid-template-columns:90px minmax(0,1fr) 80px;column-gap:8px}.master-base{width:192px;padding-inline:8px}.handle-area{gap:5px}.notch-scale{width:29px}#lever-track{width:91px}#handle,.lever-grip{width:91px}.controller-reading strong{font-size:10px;min-width:23px}.door-button-pair{gap:10px}.driving button.round-button{width:27px;height:27px}.safety-controls{gap:10px}.driving button.emergency-button{width:30px;height:30px}.driving .acknowledge-button{width:23px;height:23px}.lesson-heading h2{font-size:11px}.lesson-panel p{font-size:9px}.pressure-readings{gap:4px}.pressure-readings b{font-size:7px}}