/* Live 3D surfaces have transparent canvases: no baked scene or background artwork. */
body{background:#090f18}.garage-scene,.dashboard-mech,.simulation-art{background:transparent;box-shadow:none}.garage-scene:after,.dashboard-mech:after,.dashboard-mech:before,.simulation-art:before{display:none}.garage-scene{grid-template-columns:210px minmax(280px,1fr) 250px;gap:12px;padding:22px}.mech-center{min-height:580px}.robot-viewport{position:relative;overflow:hidden;touch-action:pan-y;min-width:0}.robot-viewport canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.robot-viewport canvas:focus-visible{outline:2px solid #ff9e4a;outline-offset:-3px}.model-loading{position:absolute;inset:45% 15% auto;text-align:center;font-size:14px;color:#9cabbc;line-height:1.6}.model-loading button{display:block;margin:12px auto;background:#344052;padding:10px 18px;border-radius:7px}.mech-center>.robot-viewport{position:absolute;inset:30px 0 85px}.damage-controls{top:0;left:0;transform:none;align-items:flex-start}.expand-view{top:0;z-index:2}.view-switch{z-index:2;bottom:32px}.scene-caption{bottom:4px;font-size:11px;letter-spacing:.8px}.dashboard-mech{min-height:560px}.dashboard-mech>.robot-viewport{height:405px}.dashboard-mech-title{bottom:20px;left:25px;right:20px;pointer-events:none}.dashboard-mech-title button{pointer-events:auto}.dashboard-mech-title h2{font-size:35px}.motion-readout{position:absolute;top:20px;left:22px;right:12px;display:flex;align-items:center;gap:9px;pointer-events:none;color:#9baec1;font-size:11px;letter-spacing:.8px}.live-mark{height:5px;width:5px;background:#f3a259;border-radius:50%}.motion-preview{display:flex;gap:4px;align-items:center;position:absolute;left:22px;top:365px;z-index:3}.motion-preview span{font-size:12px;color:#8295aa;margin-right:6px}.motion-preview button{background:#192634;border:1px solid #ffffff16;border-radius:5px;font-size:12px;padding:8px 11px;min-height:34px;color:#aabacd}.motion-preview button.selected{color:#ffbe86;border-color:#ecad645c;background:#65452542}.simulation-art>.robot-viewport{height:440px}.simulation-overlay{pointer-events:none;top:auto;height:145px;background:none;padding:12px 18px}.simulation-overlay .icon{display:none}.simulation-overlay h2{font-size:25px;margin:5px}.simulation-overlay p{margin:5px}.garage-tabs{display:flex;gap:5px;margin-bottom:16px;border-bottom:1px solid #ffffff18}.garage-tabs button{background:none;border-bottom:2px solid transparent;color:#90a5bb;padding:13px 24px;font-size:15px;min-height:48px}.garage-tabs [aria-selected=true]{color:#ffbd85;border-color:#ff9e4a}.paint-tools{padding:20px;margin-bottom:18px}.paint-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.paint-heading label{font-size:14px;color:#a5b6c8}.paint-heading select{background:#0d1925;color:#e8eef5;border:1px solid #56708466;padding:10px 14px;font:14px var(--font);border-radius:8px;min-width:185px;min-height:44px}.paint-heading .secondary{margin-left:auto;min-height:42px;font-size:14px}.paint-zones{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}.paint-zone{display:flex;align-items:center;gap:12px;background:#0b1724;border:1px solid #ffffff14;border-radius:9px;padding:12px}.paint-zone input{width:38px;height:38px;flex-shrink:0;border:0;background:none;padding:0;cursor:pointer}.paint-zone input::-webkit-color-swatch-wrapper{padding:0}.paint-zone input::-webkit-color-swatch{border-radius:6px;border:1px solid #ffffff30}.paint-zone strong{display:block;font-size:13px;font-weight:500}.paint-zone small{font-size:11px;color:#7e95ac;display:block;margin-top:3px}.paint-note{font-size:13px;color:#92a7bb;margin:15px 0 0}.model-thumb{display:grid;place-items:center;overflow:hidden;min-height:90px}.model-thumb>span{font-size:12px;color:#8194a9}.model-thumb img{width:100%;height:100%;object-fit:contain;max-height:180px}.part-inspector{width:min(800px,calc(100% - 28px));max-height:92dvh;background:#0d1723;color:#eef4fc;border:1px solid #56708977;border-radius:18px;padding:22px;box-shadow:0 30px 100px #0009}.part-inspector::backdrop{background:#03070dc9;backdrop-filter:blur(8px)}.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.inspector-heading h2{font:600 30px var(--display);margin:0}.inspector-heading .eyebrow{font-size:11px}.part-inspector>.robot-viewport{height:min(56dvh,480px);min-height:220px}.inspector-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inspector-footer p{font-size:13px;color:#9cadbe;margin-right:auto}.inspector-footer button{font-size:13px}.garage-scene.is-exploded{background:transparent}.garage-scene.is-exploded .mech-center{min-height:580px}.garage-scene.is-exploded .mech-identity,.garage-scene.is-exploded .system-panel{opacity:1;visibility:visible}.robot-viewport[data-error=true]{display:grid;place-items:center}.robot-viewport[data-error=true] p{position:static;margin:20px;max-width:330px}.model-thumb{background:none!important}
@media(max-width:1100px){.garage-scene{grid-template-columns:165px minmax(220px,1fr) 210px;padding:16px}.system-panel{padding:15px}.paint-zones{grid-template-columns:repeat(3,1fr)}.mech-identity h2{font-size:55px}.mech-identity h2 span{font-size:65px}.garage-scene .mech-center{min-height:530px}}
@media(max-width:760px){.garage-scene,.garage-scene.is-exploded{display:flex;flex-direction:column;padding:16px;gap:16px}.mech-identity{position:static;height:auto;padding:0;display:none}.mech-center,.garage-scene.is-exploded .mech-center,.garage-scene .mech-center{width:100%;min-height:440px;order:0}.mech-center>.robot-viewport{inset:45px -10px 70px}.system-panel{position:static;width:100%;order:1;display:block;align-self:stretch;padding:18px}.system-panel>.stat,.system-panel>.preview-caption,.system-panel>.panel-heading{display:none}.selected-module{margin:0;border:0;padding:0}.selected-module h3{font-size:26px}.selected-module>p:not(.eyebrow):not(.part-status){display:block}.damage-controls,.garage-scene.is-exploded .damage-controls{top:0;left:0}.damage-toggle{font-size:12px;min-height:40px}.view-switch{bottom:25px}.scene-caption{bottom:0;font-size:10px}.dashboard-mech{min-height:460px}.dashboard-mech>.robot-viewport{height:320px}.dashboard-mech-title{left:18px;bottom:15px}.dashboard-mech-title h2{font-size:29px}.dashboard-mech-title .eyebrow{font-size:11px}.motion-readout{top:16px;left:18px;font-size:10px}.motion-preview{top:295px;left:15px}.motion-preview button{padding:8px 10px}.paint-tools{padding:15px}.paint-zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.paint-zone{gap:8px;padding:10px}.paint-zone input{width:34px;height:34px}.paint-zone strong{font-size:12px}.paint-heading{gap:8px}.paint-heading label{width:100%}.paint-heading select{min-width:0;flex:1}.paint-heading .secondary{font-size:12px;padding:9px 12px}.paint-note{font-size:12px;line-height:1.5}.part-inspector{padding:16px}.inspector-heading h2{font-size:25px}.inspector-heading .secondary{font-size:12px;padding:10px}.inspector-footer{gap:8px}.inspector-footer p{width:100%;margin:4px 0 7px}.inspector-footer button{flex:1;padding:10px;font-size:12px}.simulation-art>.robot-viewport{height:330px}.simulation-art{min-height:470px}.garage-tabs button{padding:12px 24px}.garage-tabs{margin-bottom:12px}}

/* OVERHEAT hangar: original moving facility behind the transparent live mech. */
.hangar-surface,.garage-scene.is-exploded{position:relative;isolation:isolate;overflow:hidden;background:#0a1720 url('hangar-deep-poster.webp') center/cover no-repeat;border:1px solid #6e9bab38;box-shadow:inset 0 1px 0 #b0ddec19,0 20px 60px #0005}
.hangar-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.92}
.hangar-surface:after,.garage-scene.is-exploded:after{content:'';display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;animation:none;background:linear-gradient(180deg,#04101935,transparent 36%,#06101d35 64%,#06101dbe)}
.hangar-surface:before{display:none}.garage-scene{padding:26px;min-height:590px}.garage-scene .system-panel{background:linear-gradient(120deg,#172532de,#0c1821e8);backdrop-filter:blur(14px);align-self:center;border-color:#9bc6d82b}.garage-scene .mech-identity{text-shadow:0 2px 18px #000}.garage-scene .activity-preview{background:#0b1824dc;backdrop-filter:blur(12px)}
.dashboard-mech{min-height:555px;border-radius:16px}.dashboard-mech>.robot-viewport{height:445px;z-index:1}.dashboard-mech-title{left:26px;right:24px;bottom:20px;z-index:3}.dashboard-mech-title h2{font-size:38px;letter-spacing:1px;margin:5px 0}.mech-tagline{font-size:12px;color:#9db6c7;margin:0 0 14px}.dashboard-mech-title .eyebrow{font-size:10px;color:#91aebb;letter-spacing:1.7px}.motion-readout{top:22px;left:24px;z-index:3;font-size:10px;font-weight:500;color:#bbd2df;letter-spacing:1.1px}.live-mark{background:#77cfea;box-shadow:0 0 10px #75dfff80}.motion-readout[data-gait=run] .live-mark{background:#ff9257;box-shadow:0 0 12px #ff8249}.bay-label{position:absolute;left:24px;right:24px;top:51px;display:flex;justify-content:space-between;color:#7693a5;font-size:9px;letter-spacing:1.8px;pointer-events:none;z-index:3}.bay-label span{color:#b1d1dc}.auto-activity{color:#86a9ba;border:1px solid #41657755;border-radius:5px;padding:8px 10px;font:10px var(--font);letter-spacing:1px;white-space:nowrap}.model-loading{padding:15px;background:#0a1428b8;border-radius:8px;backdrop-filter:blur(12px)}
.garage-scene .mech-center>.robot-viewport{inset:15px -30px 54px}.scene-caption{color:#9ab9cc}.view-switch{background:#0b1925dc;border:1px solid #759eb448;box-shadow:0 4px 24px #0005;backdrop-filter:blur(12px)}.view-switch button.selected{background:#314c5d;color:#d2f0fb}.expand-view{background:#102432c9;border:1px solid #7296aa44;border-radius:6px}.damage-controls{top:0}.simulation-art>.robot-viewport{height:460px}.simulation-overlay{height:120px;background:linear-gradient(transparent,#081320e6);text-align:left}.simulation-overlay>span{color:#80c3dc;letter-spacing:2px;font-size:10px}.simulation-overlay h2{margin:8px 0}.simulation-overlay p{margin:0;color:#aac2ce}.part-inspector{background:radial-gradient(ellipse at 50% 30%,#1f3846,#09131f 72%)}.part-inspector .robot-viewport{background:radial-gradient(ellipse at 50% 65%,#5789a815,transparent 65%)}
.glass{border-color:#779ab528}.topbar{border-color:#8eaabc20}.console{background:linear-gradient(145deg,#1a2b3cbb,#0d1824ed);border-color:#91b3c62b}.mobile-nav{background:#0a1522f2;backdrop-filter:blur(16px)}.mobile-nav button.active{color:#ff7963}.robot-viewport[data-error=true]{background:transparent}
@media(min-width:761px){.garage-scene .mech-center{min-height:550px}.dashboard-mech-title .text-button{font-size:12px}.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr)}.damage-controls{left:10px}.garage-scene .robot-viewport{z-index:1}}
@media(max-width:760px){.heading{gap:10px;align-items:center}.heading h1{font-size:28px}.auto-activity{padding:7px;font-size:8px;letter-spacing:.6px}.dashboard-mech{min-height:482px;border-radius:14px}.dashboard-mech>.robot-viewport{height:375px}.dashboard-mech-title{bottom:18px;left:20px;right:16px}.dashboard-mech-title h2{font-size:34px;margin:3px 0}.dashboard-mech-title .eyebrow{font-size:9px}.mech-tagline{margin-bottom:12px;font-size:11px}.motion-readout{top:18px;left:20px;font-size:9px;letter-spacing:.7px}.bay-label{top:43px;left:20px;right:20px;font-size:8px;letter-spacing:1px}.hangar-video{object-position:62% center}.garage-scene,.garage-scene.is-exploded{padding:14px;gap:0;min-height:0;border-radius:14px}.garage-scene .mech-center,.garage-scene.is-exploded .mech-center{min-height:430px}.garage-scene .mech-center>.robot-viewport{inset:30px -14px 50px}.garage-scene .system-panel{background:#0c1925e6;border-color:#67899633;border-radius:10px;padding:16px;margin-top:10px;backdrop-filter:blur(10px)}.selected-module h3{font-size:25px}.selected-module>p:not(.eyebrow):not(.part-status){font-size:13px}.damage-toggle{background:#0c1d2bd9}.garage-scene .view-switch{bottom:25px}.garage-scene .scene-caption{bottom:3px}.simulation-art{min-height:445px}.simulation-art>.robot-viewport{height:360px}.simulation-overlay{height:110px;padding:15px 20px}.simulation-overlay h2{font-size:27px}.simulation-overlay p{font-size:12px}.hero-start{min-width:140px;min-height:46px}.dashboard-mech-title .text-button{font-size:12px;margin-left:7px;padding-left:4px;padding-right:0}.utility-toggle{min-height:40px;padding:8px 10px;font-size:10px}.utility-toggle span{display:inline}.paint-zones{gap:10px}.paint-zone{min-height:64px}}
@media(prefers-reduced-motion:reduce){.hangar-video{display:none}}
.damage-controls{display:block;text-align:left;color:#9ab4c6;font-size:11px;max-width:230px}.damage-controls summary{cursor:pointer;min-height:40px;padding:12px 10px;background:#0c1a27a8;border:1px solid #799eb22b;border-radius:6px;backdrop-filter:blur(8px)}.damage-controls[open]{background:#0b1824ed;border:1px solid #799eb238;border-radius:7px;padding:0 7px 7px}.damage-controls[open] summary{border:0;background:none}.damage-controls .damage-toggle{margin-top:4px;width:100%}.damage-controls #damageHint{margin-top:5px;white-space:normal;font-size:8px}.damage-controls summary:focus-visible{outline:2px solid #ffb07d;outline-offset:2px}

.hangar-surface.video-blocked{background-image:url('hangar-deep-motion.webp')}.video-blocked>.hangar-video{visibility:hidden}
@media(prefers-reduced-motion:reduce){.hangar-surface{background-image:url('hangar-deep-poster.webp')}.hangar-surface.video-blocked{background-image:url('hangar-deep-poster.webp')}}

/* Component inspection and live activity charge. */
.module-stats{display:grid;gap:18px}.module-stats .stat{margin:0}.module-stats .stat label{font-size:14px}.module-stats .stat small{font-size:12px;color:#7892a5}.module-stats .stat-track i{background:linear-gradient(90deg,#577e92,#acd3e1);transition:width .25s ease}.system-panel .panel-heading{font-size:14px}.system-panel .preview-caption{font-size:12px;line-height:1.5}.hangar-heat{margin:20px 0;border-top:1px solid #7ba2bc2b;padding-top:16px}.hangar-heat-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;letter-spacing:1px}.hangar-heat-heading strong{color:#ff9865;font-size:20px;letter-spacing:0}.hangar-heat .reward-gauge{height:12px;margin:10px 0}.hangar-heat p{font-size:12px;color:#a4b9c8;margin:8px 0 0}.view-switch{white-space:nowrap}.garage-scene .mech-story{margin-bottom:18px}
@media(min-width:761px) and (max-width:900px){.garage-scene .activity-preview{display:block}.module-stats{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.garage-scene .system-panel .preview-caption{margin-bottom:10px}}
@media(max-width:760px){.garage-scene .mech-identity{position:static;grid-row:2;pointer-events:auto;padding:12px 0 0}.garage-scene .mech-identity>.eyebrow,.garage-scene .mech-identity>h2{display:none}.garage-scene .activity-preview{display:block;position:static;padding:16px;margin:0;max-width:none}.garage-scene .activity-preview .mini-distance{margin:6px 0}.garage-scene .activity-preview .mini-distance strong{font-size:32px}.garage-scene .hangar-heat{margin:12px 0;padding-top:12px}.garage-scene .system-panel{grid-row:3;margin:12px 0 0}.module-stats{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px}.garage-scene .view-switch button{font-size:12px;padding:10px 12px;min-height:44px}.garage-scene .system-panel .panel-heading{font-size:13px}.garage-scene .system-panel .preview-caption{font-size:12px}.garage-scene .mech-center>.robot-viewport{inset:48px -10px 64px}.mobile-activity{display:none}}
.damage-empty{position:absolute;inset:32% 8% auto;padding:22px;background:#0a172be8;border:1px solid #86abbd40;border-radius:12px;z-index:2;text-align:center}.damage-empty strong{font:600 28px var(--display)}.damage-empty p{font-size:14px;line-height:1.6;color:#c1d0db}.damage-empty small,.damage-empty-note{font-size:12px;color:#a3b7c8}.damaged-part-link{min-height:44px;font-size:14px}.heat-speed-status{font-size:12px!important;color:#efb27e!important;line-height:1.5}

/* Give the assembled mech a taller stage while preserving the component views. */
@media(min-width:761px){.garage-scene.assembled-focus .mech-center{min-height:660px}}
@media(max-width:760px){.garage-scene.assembled-focus .mech-center{min-height:520px}}
