:root{--cab:#69766e;--panel:#141c1e;--text:#e6eae2;--muted:#aab7ad;background:#242b29}
.topbar{background:linear-gradient(#68746b,#505e56);border-bottom:8px solid #202927;box-shadow:inset 0 1px #adb5a8}.window{border-color:#343d37;border-width:0 22px 15px;box-shadow:inset 0 0 0 4px #141c19;border-radius:20px 20px 0 0}.window:after{box-shadow:inset 0 0 0 3px #0b151299,inset 12px 0 24px #18201944,inset 0 -15px 20px #121c1944}.window-top{top:15px}.route-strip{height:43px;background:#c7cbbd;border-bottom:7px solid #3b453c;color:#343e35}.route-strip li{background:#c7cbbd}.console{position:relative;grid-template-columns:minmax(240px,.95fr) minmax(280px,1.25fr) minmax(260px,1fr);gap:24px;padding:45px 34px 25px;background:radial-gradient(ellipse at 40% -70%,#d1d4bc88,transparent 65%),repeating-linear-gradient(1deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(#839080,#667460 75%,#56614f);border-top:3px solid #aab29b;border-bottom:14px solid #303b30;box-shadow:inset 0 9px 10px #343d3355,0 8px 16px #07110e77}.cab-nameplate{position:absolute;top:13px;left:36px;background:linear-gradient(#cbd0c6,#a8b1a4);color:#283027;border:1px solid #434e40;box-shadow:0 1px 2px #172416;font-size:9px;font-weight:800;letter-spacing:.14em;padding:3px 16px}.instrument,.controller{position:relative;border-radius:6px;border:7px solid #323d35;box-shadow:0 2px 2px #d1d6c15c,inset 0 0 0 1px #101b17,0 4px 8px #14201166;background:#172120;padding:13px 17px}.instrument:before,.instrument:after,.controller:before,.controller:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:linear-gradient(35deg,#a1a99c 43%,#323c32 45% 56%,#b6bdaf 58%);box-shadow:0 1px 2px #000;top:-5px;left:-5px}.instrument:after,.controller:after{left:auto;right:-5px;top:auto;bottom:-5px}.panel-heading{font-size:10px;color:#b1beb0;letter-spacing:.07em}.speed-instrument{background:linear-gradient(120deg,#333f38,#17211b);padding:9px 13px}.speed-instrument .dial{height:auto;aspect-ratio:1;max-width:240px;margin:3px auto 0;border:7px solid #111a15;border-radius:50%;background:#0d1410;box-shadow:0 0 0 2px #70796a,0 5px 9px #0008,inset 0 0 15px #000;overflow:hidden}.dial:after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;background:linear-gradient(135deg,#ffffff15 0%,#ffffff03 39%,transparent 41%,#ffffff03 62%,transparent 63%);box-shadow:inset 1px 2px 7px #fff2}.dial svg{position:absolute;inset:0;width:100%;height:100%}.digital-speed{bottom:13%;gap:5px;width:46%;left:27%;border:1px solid #495447;background:#111b13;box-shadow:inset 0 1px 5px #000;padding:3px}.digital-speed strong{font:24px Consolas,monospace!important;letter-spacing:0!important;color:#daedb6}.digital-speed span{font-size:8px}.limit-label{background:#e1dfc9;color:#252c24;border:2px solid #555e4a;border-radius:1px;box-shadow:0 1px 2px #0008}.limit-label strong{color:#272f22;font-size:16px}.lamps{display:flex;flex-direction:row;gap:9px;border:0;margin:13px 0 0;padding:0}.lamps span{flex:1;display:grid;place-content:center;min-height:30px;border:3px solid #19231b;border-radius:2px;background:linear-gradient(#b9ed94,#81bd6c);color:#15330c;box-shadow:inset 0 0 7px #e2ffc4,0 0 8px #8bce6430;font-weight:800;font-size:11px}.lamps #brake-lamp{background:linear-gradient(#f0da8c,#c7a14b);color:#463409}.lamps .off,.lamps #brake-lamp.off{background:#303c30;color:#778473;box-shadow:inset 0 1px 5px #0008}.pressure-gauges{display:flex;justify-content:center;gap:13px;margin-top:13px;border-top:1px solid #69725d;padding-top:9px}.pressure-gauge{width:42%;text-align:center}.pressure-gauge svg{width:100%;max-width:104px;filter:drop-shadow(0 2px 3px #0009)}.pressure-gauge span{display:block;color:#c1c9b5;font-size:8px;letter-spacing:.05em}.guidance{background:linear-gradient(145deg,#172a2c,#0d191c);border-color:#303c37;padding:16px 20px;box-shadow:inset 0 0 25px #0009,0 4px 8px #14201166}.guidance .panel-heading{border-bottom:1px solid #426260;padding-bottom:9px;color:#c2d4c7}.destination{margin:22px 0!important}.destination h2{font-size:31px;letter-spacing:.08em;color:#dfe9ce}.destination div>span{color:#9ab7a8}.distance strong{font-size:31px;color:#e2d393}.telemetry{grid-template-columns:1fr 1fr;border-color:#3a5c55;padding:14px 0;gap:15px 8px;color:#95b8a5}.telemetry b{font-size:21px;color:#e4d78e}.driving-advice{border-bottom:1px solid #385b4b;margin:3px 0 18px}.station-controls{margin-top:auto;gap:18px}.station-controls button{border-radius:3px;border:4px solid #29362b;box-shadow:0 3px 0 #060f09,0 0 0 1px #76846a;min-height:45px;font-size:11px;background:linear-gradient(#c9d1bf,#85947d);color:#182a16}.station-controls button:enabled{background:linear-gradient(#c9d1bf,#85947d);color:#182a16}.controller{background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(115deg,#78836e,#53634d);border-color:#48533e;padding:12px 18px}.controller .panel-heading{color:#182c17;font-weight:800;margin-bottom:4px}.controller output{background:#172017;color:#eddaa1;border:3px solid #394531;border-radius:2px;font-size:22px;box-shadow:inset 0 1px 5px #0008}.physical-mascon{position:relative;height:153px;margin:2px 0 13px;perspective:500px}.mascon-gate{position:absolute;left:10%;right:10%;top:8px;height:112px;border-radius:50%;background:repeating-conic-gradient(from -54deg at 50% 100%,transparent 0deg 6deg,#10190c 7deg 8deg,transparent 9deg 12deg),radial-gradient(ellipse at 50% 100%,#23351b 0 30%,#9aa089 31% 33%,#48563d 34% 44%,#222d1b 45% 52%,#758064 53% 66%,transparent 67%);border-bottom:2px solid #a6ac94}.mascon-gate span{position:absolute;font-size:9px;color:#1e2a14;font-weight:800;top:9px}.mascon-gate span:nth-child(1){left:0;top:55px;color:#6b251c}.mascon-gate span:nth-child(2){left:21%;top:12px}.mascon-gate span:nth-child(3){left:51%;top:0}.mascon-gate span:nth-child(4){right:2%;top:42px}.mascon-arm{position:absolute;bottom:14px;left:calc(50% - 8px);height:105px;width:16px;background:linear-gradient(90deg,#242c24,#bac1ad 43%,#737e65 64%,#253321);border:1px solid #3f4d34;transform-origin:50% 94%;transform:rotate(var(--lever-angle,-36deg));box-shadow:4px 4px 5px #14200f88}.mascon-grip{position:absolute;left:-33px;top:-8px;width:82px;height:34px;border:2px solid #121a12;border-radius:12px 12px 8px 8px;background:repeating-linear-gradient(0deg,transparent 0 4px,#ffffff08 5px 6px),linear-gradient(#485147,#121a13 42%,#263021 75%,#10180f);box-shadow:0 5px 3px #18241188,inset 0 2px 1px #99a28c55}.mascon-pivot{position:absolute;width:38px;height:30px;border-radius:50%;bottom:2px;left:calc(50% - 19px);background:radial-gradient(ellipse at 40% 20%,#a6ad96,#4e5f40 50%,#29391d 60%);border:3px solid #38492b;box-shadow:0 4px 3px #18241199}.handle-labels,.notch-scale{color:#23351c;font-size:9px}.controller input[type=range]{height:16px;border-color:#36472b;margin-top:14px;box-shadow:0 1px #b3baa3;background:linear-gradient(90deg,#785f4f 0 63%,#c4c8b4 63% 66%,#667e55 66%)}.controller input[type=range]::-webkit-slider-thumb{height:28px;width:21px;border-radius:3px;background:linear-gradient(90deg,#303c29,#b9c0a9 40%,#687854);border-color:#24331b}.drive-buttons{gap:7px;margin-top:10px}.controller .drive-buttons button{font-size:11px;min-height:41px;background:linear-gradient(#5c6a51,#37472e);border:1px solid #26341f;border-bottom:4px solid #1a2815;border-radius:3px;box-shadow:inset 0 1px #a3ad8f55,0 2px 2px #28371f66;color:#e0e7d3}.secondary-controls{margin-top:13px}.secondary-controls button{background:linear-gradient(#414b39,#273220);border:2px solid #26331f;border-bottom-width:4px;min-height:37px;border-radius:4px;color:#e8ecd8}.secondary-controls #emergency{background:linear-gradient(#a54c3a,#6d291e);color:#fff0d8;border-color:#4a281d;box-shadow:inset 0 1px #e1917d77}.operating-panel{background:linear-gradient(#68765d,#536248);color:#e1e7d3;border-top:1px solid #97a483;border-bottom:4px solid #313f28;padding:17px 34px}.reverser-group{background:#3e4c35;border:1px solid #899479;padding:7px 10px;box-shadow:inset 0 1px 4px #16200f88}.reverser-group button{border-radius:2px;background:linear-gradient(#58664c,#303f26);border:1px solid #1d2c15;border-bottom-width:4px}.reverser-group button[aria-pressed=true]{background:linear-gradient(#cbd0b9,#959f81);color:#24351a;box-shadow:inset 0 1px 4px #0006;border-bottom-width:1px;transform:translateY(2px)}.protection-display>b{background:#22341b;border:2px solid #34462a;padding:4px 10px;color:#cbe8ac}.distance-option{color:#e0e8d2}.operating-panel>#finish,.operating-panel>#show-records{background:#435437;border-color:#2d3d24;border-radius:2px}.console[data-emergency=true] #brake-lamp{background:#d9603c;color:#fff0d5;box-shadow:inset 0 0 9px #ffb477,0 0 9px #d74a2c44}.working-timetable,.plateau-controls{background:#303e32;border-color:#58644e}footer{background:#27372b}.tutorial-target{outline-color:#f3cf74!important}.welcome{border-top-color:#6b795f}.wiper{height:7px;box-shadow:0 -2px 0 #b3b8a266,0 3px 6px #14201355}
@media(max-width:1000px){.console{grid-template-columns:.9fr 1.2fr 1fr;gap:14px;padding:43px 20px 20px}.instrument,.controller{padding:10px;border-width:5px}.physical-mascon{height:132px}.destination h2{font-size:25px}.telemetry b{font-size:17px}.guidance .destination{margin:17px 0!important}.station-controls{gap:9px}.station-controls button{padding:5px 7px;font-size:10px}.speed-instrument .dial{max-width:210px}.operating-panel{padding:14px 20px}}
@media(max-width:740px){.window{border-width:0 7px 8px;border-radius:9px 9px 0 0}.console{grid-template-columns:125px minmax(0,1fr);padding:38px 11px 15px;gap:10px}.cab-nameplate{left:14px;top:11px;font-size:8px}.instrument,.controller{border-width:4px;padding:8px}.speed-instrument .dial{margin-top:9px;border-width:3px}.digital-speed{padding:1px;bottom:13%;width:50%;left:25%}.digital-speed strong{font-size:15px!important}.digital-speed span{font-size:6px}.lamps{gap:4px;margin-top:12px;flex-direction:column}.lamps span{font-size:9px;min-height:24px;border-width:2px}.pressure-gauges{gap:3px;margin-top:10px;padding-top:7px}.pressure-gauge{width:48%}.pressure-gauge span{font-size:6px;letter-spacing:0}.guidance .destination{margin:17px 0!important}.destination h2{font-size:23px}.distance strong{font-size:22px}.telemetry{gap:10px 5px;padding:10px 0;font-size:8px}.telemetry b{font-size:13px}.station-controls{gap:5px;flex-wrap:wrap}.station-controls button{min-height:35px;font-size:9px;border-width:2px;flex:1;padding:5px}.driving-advice{margin-bottom:10px}.controller{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:11px 10px}.controller .panel-heading{grid-column:1;grid-row:1;font-size:10px}.physical-mascon{grid-column:1;grid-row:2;height:113px;margin:0}.mascon-gate{height:84px;left:6%;right:6%}.mascon-gate span{font-size:7px}.mascon-gate span:nth-child(1){top:45px}.mascon-gate span:nth-child(2){top:12px}.mascon-gate span:nth-child(4){top:31px}.mascon-arm{height:80px;bottom:13px;width:12px;left:calc(50% - 6px)}.mascon-grip{width:62px;height:27px;left:-26px}.mascon-pivot{width:31px;height:24px;left:calc(50% - 15px)}.controller .handle-labels{grid-row:3;margin:0;font-size:8px}.controller input[type=range]{grid-row:4;margin:13px 0 7px}.controller .notch-scale{grid-row:5;font-size:8px}.controller .drive-buttons{grid-column:2;grid-row:1/3;margin:16px 0 0;align-self:center}.controller .drive-buttons button{min-height:55px;font-size:10px;padding:4px}.controller .secondary-controls{grid-column:2;grid-row:3/6;margin:8px 0 0;align-self:start;flex-direction:column}.controller .secondary-controls button{min-height:35px}.operating-panel{padding:13px 12px}.reverser-group{padding:5px 7px}.route-strip{height:40px}.speed-instrument .panel-heading{font-size:8px;gap:3px}.limit-label{font-size:8px;padding:1px 3px}.limit-label strong{font-size:12px;margin-left:2px}}
@media(max-width:370px){.console{grid-template-columns:110px minmax(0,1fr);gap:7px;padding:37px 8px 12px}.instrument{padding:6px}.destination h2{font-size:19px}.distance strong{font-size:18px}.controller{gap:0 10px}.digital-speed strong{font-size:13px!important}.telemetry b{font-size:11px}.station-controls button{font-size:8px}}
/* Fore/aft single handle: reference ZUIKI manufacturer product photograph. */
.console>*{min-width:0}.physical-mascon{height:205px;perspective:none;max-width:290px;width:100%;margin:5px auto 12px}.mascon-drawing{display:block;width:100%;height:100%}.controller .panel-heading{flex-wrap:wrap}.destination{flex-wrap:wrap;align-items:flex-start;gap:14px}.destination>div{min-width:0}.destination h2{overflow-wrap:anywhere}.destination .distance{margin-left:auto;white-space:normal;display:flex;flex-wrap:wrap;align-items:baseline;gap:3px;max-width:100%}.destination .distance span{letter-spacing:0}.telemetry{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px;min-width:0}.telemetry b{margin:0 2px;overflow-wrap:anywhere}.station-controls button{white-space:normal;overflow-wrap:anywhere}.panel-heading>span{min-width:0;overflow-wrap:anywhere}.speed-instrument .panel-heading{flex-wrap:wrap}.controller .drive-buttons button{white-space:normal;overflow-wrap:anywhere}.controller .secondary-controls button{white-space:normal}.digital-speed{width:54%;left:23%}.digital-speed strong{font-size:22px!important}.guidance .destination{min-height:70px}
@media(min-width:741px) and (max-width:1050px){.console{grid-template-columns:minmax(180px,.85fr) minmax(240px,1.2fr) minmax(220px,1fr);gap:10px;padding-inline:12px}.guidance{padding:12px}.destination .distance{margin-left:0;flex-basis:100%}.telemetry b{font-size:15px}.physical-mascon{height:185px}}
@media(max-width:740px){.physical-mascon{height:170px;grid-row:2;margin:0;max-width:220px}.controller{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.controller .drive-buttons{display:flex;flex-direction:column;gap:6px;margin-top:8px}.controller .drive-buttons button{min-height:36px;flex-direction:row}.controller .secondary-controls{margin-top:6px}.guidance .destination{margin:12px 0!important;gap:8px;min-height:0}.destination>div:first-child{flex-basis:100%}.destination .distance{margin-left:0;flex-basis:100%}.destination h2{font-size:22px;letter-spacing:.03em}.destination .distance strong{font-size:22px}.guidance .panel-heading{flex-wrap:wrap;gap:4px}.telemetry{grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 0}.telemetry>span{font-size:9px}.telemetry b{font-size:15px}.station-controls{flex-direction:column;align-items:stretch}.station-controls button{flex:none;min-height:34px;font-size:10px}.digital-speed strong{font-size:14px!important}.digital-speed span{font-size:6px}.reverser-group{flex-wrap:wrap}.operating-panel{column-gap:10px}.protection-display{flex-wrap:wrap}.pressure-gauges{flex-direction:column;align-items:center;gap:8px}.pressure-gauge{width:76%}.pressure-gauge span{font-size:8px}.lamps span{font-size:9px}.controller .panel-heading label{font-size:10px}.controller .notch-scale{font-size:8px}.controller .handle-labels{font-size:8px}}
@media(max-width:370px){.physical-mascon{height:155px}.destination h2{font-size:20px}.destination .distance strong{font-size:20px}.instrument{padding:6px}.telemetry b{font-size:13px}.controller{gap:0 8px}.controller .drive-buttons button{font-size:9px}.speed-instrument .panel-heading{font-size:8px}}
.mascon-draggable{touch-action:none;cursor:grab;outline:none}.physical-mascon.dragging .mascon-draggable{cursor:grabbing}.mascon-draggable:focus-visible>rect:nth-child(2){stroke:#f3cf74;stroke-width:3}.physical-mascon[data-enabled=false] .mascon-draggable{cursor:default}.mascon-drag-hint{position:absolute;bottom:-8px;left:0;right:0;margin:0;text-align:center;font-size:9px;line-height:1.5;color:#23351c;pointer-events:none}.physical-mascon{margin-bottom:20px}@media(max-width:740px){.mascon-drag-hint{font-size:8px;bottom:-9px}.physical-mascon{margin-bottom:16px}.controller .handle-labels{margin-top:4px}}
.mascon-drawing{touch-action:none;user-select:none;-webkit-user-select:none}