:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#e8e8e4;background:#08111a;--gold:#e4bd64;--silver:#e8e8e4;--muted:#a8adaf;--cyan:#85c5d6;--danger:#ed895b;--line:#444b4f}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{background:#242a2e;color:#ecece5;border:1px solid #565d60;border-radius:2px;min-height:30px;padding:4px 10px;cursor:pointer}button:hover{background:#343b40;border-color:#aaa89c}button.active{border-color:#e4bd64;color:#f4d282;background:#3b3629}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #9bd1dc;outline-offset:2px}kbd{font:10px ui-monospace,monospace;color:#babebc;margin-left:6px}small{font-size:11px;font-weight:400;color:#a8adaf}a{color:#e4bd64}.hidden{display:none!important}#mech-app{height:100%;display:grid;grid-template-rows:46px minmax(0,1fr) 78px}#header{display:flex;gap:16px;align-items:center;padding:5px 14px;background:#11171c;border-bottom:1px solid #343b3f;z-index:4}.brand{background:none;border:0;padding:0;text-align:left;white-space:nowrap}.brand:hover{background:none}.brand strong{font-size:19px;font-weight:700;color:#eee8d6}.brand em{font-style:normal}.brand small,.bars{display:none}.headline-stats{margin-left:auto;display:flex;gap:22px;align-items:center}.headline-stats>div{display:flex;align-items:center;gap:8px}.headline-stats small{font-size:11px;color:#a8adaf}.headline-stats b{font-size:15px;font-weight:600;color:#e4bd64}.round-button{background:none;border:0;font-size:20px;padding:0;min-width:25px}#stage{position:relative;min-width:0;overflow:hidden;background:#08111a}#mech-world{width:100%;height:100%;display:block;touch-action:none;outline:none}.glass{background:#171d22e8;border:1px solid #535c60;border-radius:2px}#view-switch{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:1px;padding:0;z-index:2}#view-switch button{border:0;border-radius:0;min-height:32px;font-size:13px;padding:5px 15px;background:#242a2e}#view-switch button.active{background:#48402b;color:#f2d58c}#view-switch>kbd{display:none}#hud-toggle{position:absolute;left:14px;top:12px;padding:5px 9px;font-size:12px;z-index:2}#left-hud{position:absolute;left:14px;top:54px;width:220px;padding:12px;border:1px solid #4b5358;background:#171d22f5;z-index:2}#left-hud.hud-collapsed{display:none}.hud-caption{font-size:14px;font-weight:600;padding-bottom:10px;color:#e4bd64}.live-dot{display:none}.readout{display:flex;justify-content:space-between;gap:9px;margin-top:9px;font-size:12px}.readout span{color:#b5bbbc}.readout b{font-size:12px;font-weight:400}.readout.danger b{color:#ed895b}.mini-track{height:3px;background:#394046;margin-top:4px}.mini-track i{display:block;height:100%;background:#e4bd64}#diagnostic{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);max-width:560px;width:max-content;font-size:13px;line-height:1.5;color:#e9e8dd;text-align:center;padding:4px 10px;background:#08121b9c;pointer-events:none}#compass{position:absolute;right:14px;top:12px;display:flex;align-items:center;gap:9px;padding:3px 6px;border:0;background:#111a22aa;font-size:12px}.compass-face{display:none}#map-button{background:none;border:0;font-size:12px;min-height:30px;padding:4px}#inspector{position:absolute;right:14px;top:54px;width:270px;max-height:calc(100% - 150px);overflow:auto;padding:14px;background:#171d22f7;z-index:3}#inspector h2{font-size:19px;font-weight:600;color:#f1d591;margin:6px 0 10px}#inspector p{font-size:13px;line-height:1.5;color:#bfc4c3;margin:9px 0}.inspector-top{display:flex;justify-content:space-between;align-items:center}.inspector-top small{display:none}.inspector-top button{margin-left:auto;min-height:22px;padding:0 6px;background:none;border:0;font-size:18px}.inspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.inspect-grid small{display:block;font-size:11px;color:#929b9d}.inspect-grid b{display:block;margin-top:4px;font-size:13px;font-weight:400}.control-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:14px 0 6px}.control-label span:last-child{color:#9ca5a7;font-size:11px}.phase-dial,.ratio-buttons{display:flex;gap:3px}.phase-dial button,.ratio-buttons button{flex:1;font-size:12px;padding:2px 3px;min-height:29px}.geometry-panel{border-top:1px solid #424b4f;padding-top:10px;margin-top:15px}.geometry-panel>small{display:none}.geometry-control{display:block;margin-top:12px}.geometry-control>span{display:flex;justify-content:space-between;font-size:13px}.geometry-control b{font-weight:400;color:#e4bd64}.geometry-control input{width:100%;margin:7px 0 0;accent-color:#ddb65f;height:18px}.check-control{display:flex;gap:7px;align-items:center;font-size:13px;line-height:1.4;margin-top:12px}.check-control input{accent-color:#e4bd64}.mechanical-state{display:flex;justify-content:space-between;font-size:11px;margin-top:12px;color:#a8d1cd}.mechanical-state b{font-weight:400}.inspect-links{border-top:1px solid #424b4f;margin-top:13px;padding-top:5px;font-size:12px}.link-row{display:flex;gap:8px;align-items:center;padding:5px 0}.link-row button{margin-left:auto;min-height:22px;padding:0 6px}.inspect-bottom{display:flex;gap:5px;margin-top:12px}.inspect-bottom button{flex:1;font-size:12px;padding:4px 3px}#build-hint{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);padding:5px 10px;max-width:85%;font-size:13px;background:#172029;border:1px solid #586367;pointer-events:none}#toast{position:absolute;left:50%;top:58px;transform:translateX(-50%);background:#232b30;border:1px solid #b1a57d;color:#ece8d8;max-width:85%;padding:9px 14px;font-size:14px;line-height:1.5;opacity:0;pointer-events:none;z-index:8}#toast.visible{opacity:1}#action-controls{position:absolute;left:50%;bottom:49px;transform:translateX(-50%);display:flex;gap:4px;max-width:95%}#action-controls button{padding:7px 11px;min-height:34px;font-size:12px;white-space:nowrap}.gold-button{background:#d5b363;border-color:#edca78;color:#182028}.gold-button:hover{background:#e4c780;color:#182028}#coupling-mode{max-width:122px;padding:6px;border:1px solid #565d60;border-radius:2px;background:#242a2e;color:#e7e7df;font-size:12px}#camera-controls{position:absolute;right:14px;bottom:10px;display:flex;align-items:center;gap:1px;padding:0;border:0;background:#131c23}#camera-controls button{min-width:31px;min-height:29px;background:none;border:0;padding:3px 6px;font-size:15px}#camera-controls i{width:1px;height:18px;background:#485156;margin:0 3px}#control-hint{position:absolute;left:14px;bottom:18px;font-size:12px;color:#d1d4d1}#control-hint span{color:#9aa5a7}#dock{background:#161c21;border-top:1px solid #4e5558;padding:5px 12px;min-width:0}.dock-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.dock-title div{display:flex;align-items:center;gap:6px}.dock-title button{font-size:12px;min-height:20px;padding:1px 7px;background:none;border:0}.palette-tabs button.active{color:#e4bd64;border-bottom:2px solid #e4bd64;border-radius:0}.palette-tabs #dock-label{display:none}#parts-list{display:flex;gap:3px;overflow:auto;padding-bottom:1px;scrollbar-width:thin;scrollbar-color:#606567 transparent}.part-button{flex:0 0 58px;height:43px;min-height:43px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px 4px;background:#242c31;position:relative}.part-button svg{width:23px;height:23px;color:#ddd9c7}.part-button strong{font-size:11px;font-weight:400}.part-button small{display:none}.part-button kbd{position:absolute;left:3px;top:2px;color:#919da3;font-size:9px;margin:0}.part-button.active{background:#403a2b;border-color:#e4bd64}.part-button.active svg{color:#e4bd64}.part-button.locked{border-style:dashed;opacity:.5}#touch-steering{display:none;position:absolute;left:12px;bottom:52px;text-align:center}#touch-steering button{width:34px;height:34px;margin:1px;font-size:17px;padding:2px;background:#19262edb}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#020609b8;padding:22px}.modal{width:min(660px,100%);max-height:calc(100dvh - 44px);overflow:auto;background:#171e24;border:1px solid #76766a;border-radius:2px;padding:24px}.modal h1{font-size:43px;line-height:1.05;font-weight:700;color:#e8d29b;letter-spacing:-1.4px;margin:10px 0}.modal h1 em{font-style:normal}.modal h2{font-size:27px;font-weight:600;color:#e8d29b;margin:8px 0 18px}.modal p{font-size:14px;line-height:1.6;color:#bbc4c8;margin:10px 0}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal-top small{display:none}.modal-top button{border:0;background:none;font-size:24px;padding:0}.modal-actions{display:flex;gap:8px;margin-top:18px}.modal-actions button{padding:9px 17px;flex:1;font-size:14px}.welcome{text-align:center;padding:24px 35px}.welcome .eyebrow{display:none}.welcome img{display:block;width:min(440px,100%);aspect-ratio:1.5;object-fit:contain;margin:10px auto}.welcome p{font-size:15px;line-height:1.5}.welcome .footnote{display:none}.welcome .modal-actions{justify-content:center}.welcome .modal-actions button{flex:0 1 260px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.manual-grid h3{font-size:16px;color:#e3ca91;margin:9px 0}.manual-grid p{font-size:13px}.key-row{display:flex;gap:16px;padding:8px 0;font-size:13px;border-bottom:1px solid #404b51}.key-row kbd{min-width:95px;font-size:12px;color:#e1cb97}.research-grid{display:block}.research-card{position:relative;padding:14px 135px 14px 0;border-bottom:1px solid #475056}.research-card h3{font-size:17px;color:#e1cfaa;margin:0}.research-card p{font-size:13px;margin:7px 0 0}.research-card button{position:absolute;right:0;top:18px;width:120px;font-size:13px}.file-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.file-buttons button{padding:12px}.design-name{width:100%;padding:9px 10px;border:1px solid #5b666c;background:#10191f;color:#e7e7de;border-radius:2px;font-size:14px}.design-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #414d53}.design-row strong{flex:1;font-weight:400;font-size:14px}.design-row>span{font-size:12px;color:#a8b4b8}.design-row button{font-size:12px;padding:5px 8px}.chart-canvas{display:block;width:100%;aspect-ratio:1.5;border:1px solid #4c5f68}.chart-caption{font-size:12px!important}.fatal{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px;color:#e9d099}
@media(max-width:1000px){.headline-stats{gap:15px}.headline-stats small{display:none}#control-hint{font-size:11px;max-width:calc(100% - 230px);line-height:1.5}#inspector{width:250px}.part-button{flex-basis:57px}#diagnostic{max-width:90%;font-size:12px}}
@media(max-width:620px){#mech-app{grid-template-rows:43px minmax(0,1fr) 76px}#header{padding:5px 10px;gap:7px}.brand strong{font-size:17px}.headline-stats{gap:11px}.headline-stats div:nth-child(2){display:none}.headline-stats b{font-size:13px}.round-button{min-width:22px;font-size:18px}#view-switch button{font-size:12px;padding:5px 10px}#hud-toggle{left:10px;font-size:11px}#compass{right:10px;font-size:11px}#compass>span{display:none}#map-button{font-size:11px}#left-hud{left:10px;width:200px}#inspector{right:10px;width:240px;max-height:calc(100% - 158px)}#control-hint{display:none}#action-controls button{font-size:11px;padding:6px 9px}#action-controls kbd{display:none}#snap{display:none}#coupling-mode{font-size:11px;max-width:108px}#camera-controls{right:10px}#camera-controls button{min-width:28px;font-size:14px}#dock{padding:4px 8px}.dock-title button{font-size:11px;padding:1px 5px}.dock-title>div{gap:3px}.part-button{flex-basis:56px}#parts-list{gap:3px}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);padding:20px}.welcome{padding:22px}.welcome h1{font-size:35px}.welcome p{font-size:14px}.welcome img{width:330px}.manual-grid{grid-template-columns:1fr}.research-card{padding-right:120px}.research-card button{width:110px}.file-buttons{grid-template-columns:1fr}.design-row{gap:6px}.design-row>span{display:none}}
@media(max-height:650px){#mech-app{grid-template-rows:40px minmax(0,1fr) 70px}.brand strong{font-size:17px}#dock{padding-top:2px;padding-bottom:2px}.dock-title{margin-bottom:2px}.part-button{height:40px;min-height:40px}.part-button svg{height:21px;width:21px}#left-hud{max-height:calc(100% - 126px);overflow:auto}#inspector{max-height:calc(100% - 135px)}.welcome{padding:20px}.welcome img{width:240px}.welcome h1{font-size:32px}.welcome p{font-size:13px}}
@media(pointer:coarse){#touch-steering{display:block}#control-hint{display:none}#action-controls{left:60%}#action-controls button{padding:6px 8px}}
/* Workshop controls: the same ink, brass and enamel as the mechanisms. */
:root{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;--gold:#edbd57;--muted:#b7c1bd;--line:#677b7b;background:#13262d;color:#f4eedc}#mech-app{grid-template-rows:48px minmax(0,1fr) 88px}#header{background:#24383d;border-top:2px solid #71817a;border-bottom:3px solid #101f25;box-shadow:inset 0 -2px #566b68;padding:5px 14px}.brand strong{color:#f4e5c6;font-weight:800}.headline-stats b{color:#efc568}.headline-stats small{color:#b8c5bd}.round-button{color:#ecdbc0}button{border:2px solid #15272c;border-top-color:#7e8d81;border-left-color:#6b8079;background:#344b50;color:#f1e8d5;box-shadow:inset 0 -2px #26363c;font-weight:600;transition:none}button:hover{background:#476369;border-color:#afbd9c;box-shadow:inset 0 -2px #294248}button.active{background:#6a5034;border-top-color:#e6c789;border-left-color:#c1a76e;border-bottom-color:#342719;border-right-color:#342719;color:#ffedb8;box-shadow:inset 0 -2px #513723}.gold-button{background:#c98737;color:#fff4ce;border-top-color:#f4c774;border-left-color:#e4ac53;border-bottom-color:#693f23;border-right-color:#693f23;box-shadow:inset 0 -2px #a56b29}.gold-button:hover{background:#dc9d43;color:#fff9df}.glass{border:3px solid #15272c;border-top-color:#9e9b7a;border-left-color:#788974;background:#293e43;border-radius:3px;box-shadow:inset 0 0 0 1px #54706b}#view-switch{background:#24383d;border:2px solid #15272c;box-shadow:0 2px #101b20;padding:2px;gap:2px}#view-switch button{border:0;background:#31474e;box-shadow:inset 0 -2px #203039;color:#d3dfd6}#view-switch button.active{background:#856136;color:#ffe6a7;box-shadow:inset 0 2px #b69557,inset 0 -2px #4d371f}#hud-toggle{min-height:34px;background:#30464b;border-width:2px;color:#e4d5b4}#compass{background:none;border:0;box-shadow:none;padding:0}#map-button{background:#30464b;border:2px solid #17292e;border-top-color:#7c9383;border-left-color:#6b8279;box-shadow:inset 0 -2px #22353b;padding:5px 10px}#left-hud,#inspector{background:#2c4248;border:3px solid #13242a;border-top-color:#c0a567;border-left-color:#82907a;box-shadow:inset 0 0 0 1px #6f8274;padding:15px}#inspector h2{color:#ffe1a0;font-weight:700}#inspector p{color:#d2ded6}#inspector::before,#left-hud::before{content:"";position:absolute;top:5px;left:5px;width:6px;height:6px;border-radius:50%;background:#aaac87;border:1px solid #13282c;box-shadow:239px 0 #aaac87}#inspector::before{box-shadow:247px 0 #aaac87}.inspect-grid{gap:8px}.inspect-grid>div{background:#20343b;border:1px solid #57726c;border-bottom:2px solid #14242c;padding:7px}.inspect-grid b{color:#f0dcae}.inspect-grid small{color:#afc1b6}.control-label{color:#ecddbc}.control-label span:last-child{color:#b2c4bc}.phase-dial button{border-radius:50%;border:2px solid #172831;border-top-color:#a7ad89;background:#3a5156;color:#e3e3c6;box-shadow:inset 0 -2px #25393e;min-height:30px}.phase-dial button.active{background:#c49548;color:#1d2b2a;border-top-color:#ffe2a0;box-shadow:inset 0 -2px #8e662e}.geometry-panel{border-top:2px solid #15292f;box-shadow:0 -1px #6b8276}.geometry-control b{color:#ffd88c}.geometry-control input{accent-color:#d7a34c}.mechanical-state{color:#add7c2}.inspect-links{border-top:2px solid #172b30;color:#d6e1d7}.link-row button{background:#624137;color:#f4d2b1;border-top-color:#a37455;border-left-color:#9d6b50}.ratio-buttons button{border-width:2px}.inspect-bottom button{font-size:12px}#coupling-mode{background:#273f45;color:#e9e2c8;border:2px solid #142a30;border-top-color:#8c9e84;border-left-color:#6a8278;font-weight:600}#toast{border:3px solid #243239;border-top-color:#d8bb75;border-left-color:#b5a069;background:#485043;color:#fff0ce;border-radius:2px;box-shadow:inset 0 0 0 1px #777552;font-size:15px}#diagnostic{background:#152a31df;border:1px solid #586c60;color:#e9ddc2;font-size:13px;padding:6px 12px}#build-hint{background:#2d454a;border:2px solid #172d32;border-top-color:#9ca881;border-left-color:#7c947e;color:#ffe4ad}#camera-controls{background:#243b42;border:2px solid #182a32;box-shadow:inset 0 1px #5b756d;border-radius:3px;padding:2px}#camera-controls button{font-weight:600;color:#e4dfc3}.part-button{height:50px;min-height:50px;flex-basis:58px;padding:2px 4px;background:#273b43;border:2px solid #101f26;border-top-color:#667f76;border-left-color:#556e67;box-shadow:inset 0 -3px #1c2a33;gap:0}.part-button:hover{background:#3b5559;border-top-color:#b1ba8d;border-left-color:#9ba97f}.part-button.active{background:#655132;border-top-color:#ffe39b;border-left-color:#e7c77c;border-bottom-color:#282418;border-right-color:#282418;box-shadow:inset 0 -3px #493923}.part-button canvas,.part-button svg{width:30px;height:30px;display:block}.part-button strong{font-size:11px;color:#efe9d4;line-height:14px}.part-button kbd{color:#97afa7;font-size:9px;left:3px;top:2px;z-index:1}#dock{background:#24383e;border-top:3px solid #c0a165;box-shadow:inset 0 2px #4e675f;padding:5px 12px}.dock-title{margin-bottom:4px}.dock-title button{font-size:12px;font-weight:700;color:#cad8c9;border:0;box-shadow:none}.palette-tabs button.active{color:#ffe2a0;border-bottom:2px solid #ddb760;background:#394c43}.dock-title>div:last-child button:hover{color:#ffe3a7;background:#3b5355}#parts-list{scrollbar-color:#a59666 #182d33;gap:3px}#control-hint{color:#e1e1c9;font-size:12px}#control-hint span{color:#a7c1b2}.modal-backdrop{background:#041018a8}.modal{background:#283e44;border:4px solid #15262c;border-top-color:#bda371;border-left-color:#8b9e81;box-shadow:inset 0 0 0 2px #627970;border-radius:4px}.modal h1,.modal h2{color:#ffe0a0}.modal h1{font-weight:800}.modal p{color:#d3ded6}.research-card{border-bottom:2px solid #172c32;box-shadow:0 1px #526d65}.research-card h3{color:#f4d796}.design-row{border-bottom:2px solid #172b32}.design-name{background:#172e36;border:2px solid #101f27;border-top-color:#617b70;color:#f7e5ba}.chart-canvas{border:3px solid #102830}.welcome{background:#253c43}.welcome img{display:none}
@media(max-width:620px){#mech-app{grid-template-rows:44px minmax(0,1fr) 88px}#header{padding:5px 10px}#dock{padding:5px 8px}.part-button{flex-basis:56px}#left-hud{width:200px}#inspector{width:240px}#inspector::before{box-shadow:217px 0 #aaac87}.part-button strong{font-size:11px}}
@media(max-height:650px){#mech-app{grid-template-rows:40px minmax(0,1fr) 82px}#dock{padding-top:3px;padding-bottom:3px}.part-button{height:47px;min-height:47px}.part-button canvas,.part-button svg{width:28px;height:28px}}

/* Context belongs in the upper margin, leaving feet and ground unobstructed. */
#diagnostic{left:14px;top:54px;bottom:auto;transform:none;max-width:270px;width:auto;text-align:left;font-size:12px;line-height:1.5;padding:8px 11px;border:2px solid #15282e;border-top-color:#7f937b;border-left-color:#688273;background:#20383fee}
#left-hud:not(.hud-collapsed)+#diagnostic{display:none}
#build-hint{left:14px;top:54px;bottom:auto;transform:none;max-width:270px;width:auto;text-align:left;font-size:12px;padding:8px 11px}
#stage:has(#build-hint:not(.hidden)) #diagnostic{display:none}
@media(max-width:620px){#diagnostic,#build-hint{left:10px;max-width:240px}}

/* A usable inventory, with real part artwork and visible purchase prices. */
#mech-app{grid-template-rows:48px minmax(0,1fr) 112px}
#dock{padding:6px 12px;background:#23383d;border-top:4px solid #b99a59;box-shadow:inset 0 2px #64776a}
.dock-title{height:22px;margin-bottom:4px}
.dock-title button{min-height:23px;font-size:13px;padding:2px 10px}
.palette-tabs button{border:1px solid #59756a;border-bottom-color:#152b30;box-shadow:inset 0 -2px #1a2e34;background:#30474a;color:#c9d8cd}
.palette-tabs button.active{border:1px solid #d4b66f;background:#75603c;color:#fff0be;box-shadow:inset 0 -2px #4b3d28}
#parts-list{padding:1px 0 4px;gap:4px;scrollbar-width:thin}
.part-button{height:68px;min-height:68px;flex-basis:66px;padding:2px 5px 3px;gap:0;border-radius:2px}
.part-button canvas{width:36px;height:36px}
.part-button strong{font-size:12px;font-weight:600;line-height:15px}
.part-button small{display:block;font-size:11px;color:#c6b27c;line-height:13px;white-space:nowrap}
.part-button.locked small{font-size:10px}
.part-button kbd{font-size:10px;color:#a5bbac;left:4px;top:3px}
.part-button.active small{color:#f1d699}
.part-heading{display:flex;align-items:center;gap:10px;min-width:0}
.part-heading canvas{display:block;width:42px;height:42px;flex:0 0 42px}
#inspector .part-heading h2{font-size:18px;line-height:1.2;margin:0}
.inspector-top{gap:8px;align-items:flex-start;margin:3px 0 12px}
.inspector-top>button{font-size:22px;min-width:22px}
.part-description{font-size:12px;color:#b5c7bb;border-bottom:1px solid #638074;padding-bottom:9px}
.part-description summary{cursor:pointer;color:#dac994;line-height:1.4}
#inspector .part-description p{font-size:12px;line-height:1.5;margin:8px 0 0}
.inspect-grid b,.headline-stats b{font-variant-numeric:tabular-nums}
.phase-dial button{font-size:11px;min-height:27px;padding:1px 2px}
#action-controls{padding:3px;border:2px solid #162b30;border-top-color:#778f7b;border-left-color:#597769;background:#294148;box-shadow:inset 0 -2px #1b2f35;border-radius:3px;gap:3px}
#action-controls button{min-height:33px;padding:6px 10px;border-radius:2px}
#coupling-mode{min-height:33px}
@media(max-width:620px){#mech-app{grid-template-rows:44px minmax(0,1fr) 112px}#dock{padding:6px 8px}.part-button{flex-basis:62px}.headline-stats div:nth-child(2){display:flex}.headline-stats{gap:10px}.brand strong{font-size:16px}#action-controls button{padding:6px 8px}.dock-title button{font-size:12px;padding:2px 8px}}
@media(max-width:420px){.brand strong{font-size:13px}.headline-stats{gap:7px}.headline-stats div:nth-child(3){display:none}#action-controls{max-width:98%;gap:2px;padding:2px}#action-controls button{font-size:10px;padding:5px 6px}#coupling-mode{font-size:10px;max-width:94px}}
@media(max-height:650px){#mech-app{grid-template-rows:40px minmax(0,1fr) 99px}#dock{padding-top:4px;padding-bottom:3px}.dock-title{height:20px;margin-bottom:2px}.part-button{height:60px;min-height:60px}.part-button canvas{width:30px;height:30px}}

@media(min-width:500px) and (max-width:620px){.headline-stats small{display:inline;font-size:10px}.headline-stats>div{gap:4px}.headline-stats{gap:9px}.brand{min-width:0;flex-shrink:1}.brand strong{display:block;overflow:hidden;text-overflow:ellipsis}}
/* Full-resolution scenery uses the browser compositor; controls stay above it. */
#mech-world{position:relative;z-index:1;background:transparent}
.goose-sky-planes{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;contain:strict}
.goose-sky-planes canvas{position:absolute;pointer-events:none;user-select:none;will-change:transform}
#diagnostic,#build-hint,#compass,#action-controls,#control-hint,#touch-steering{z-index:2}
/* Gameplay surfaces share one camera beneath the workshop controls. */
#mech-world{z-index:3}
#view-switch,#hud-toggle,#left-hud,#diagnostic,#build-hint,#compass,#action-controls,#camera-controls,#control-hint,#touch-steering{z-index:4}
#inspector{z-index:5}