.hangar-panel{padding:22px;min-width:0;color:#e4f0f3}.hangar-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.hangar-heading h2{font-size:clamp(23px,2.4vw,34px);margin:8px 0}.hangar-heading p{color:#a9c1ce;font-size:13px}.hangar-panel button{cursor:pointer;min-height:44px;border:1px solid #648995;background:#102530;color:#e3f8fb;padding:10px 14px;border-radius:5px}.hangar-panel button:focus-visible{outline:3px solid #f0d79e;outline-offset:3px}.hangar-panel button:disabled{opacity:.5;cursor:not-allowed}.hangar-readout{display:flex;gap:0;border-block:1px solid #4e6c79;margin:20px 0 0;background:#081923}.hangar-readout>div{flex:1;display:flex;gap:12px;align-items:center;padding:16px}.hangar-readout strong{font-size:28px;color:#9ce1e4}.hangar-readout span{font-size:12px;color:#bed1d8}.hangar-scene{height:clamp(360px,48vh,620px);position:relative;overflow:hidden;background:#142630;isolation:isolate}.hangar-architecture{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hangar-gate-label{position:absolute;top:21%;left:0;right:0;text-align:center;font-size:clamp(9px,1vw,14px);letter-spacing:4px;color:#c9f3f6;pointer-events:none}.hangar-maintenance{position:absolute;top:47%;left:3%;font-size:8px;letter-spacing:2px;transform:rotate(-28deg);color:#a6bac0;pointer-events:none}.hangar-panel .hangar-bay{position:absolute;left:var(--bay-x);top:var(--bay-y);width:31%;height:27%;transform:translate(-50%,-50%);background:none;border:0;padding:0;display:grid;place-items:center;box-shadow:none}.hangar-pad{position:absolute;inset:30% 4% 4%;transform:skewX(-18deg) scaleY(.6);border:2px solid #b6c6a9;background:#6b85821a;box-shadow:0 6px 8px #030c1477}.hangar-bay[aria-pressed=true] .hangar-pad{border-color:#85f3ff;background:#6de4ed25;box-shadow:0 0 18px #81dbe255}.hangar-bay img{position:relative;width:88%;height:90%;object-fit:contain;filter:drop-shadow(9px 15px 8px #020b15aa);mask-image:radial-gradient(ellipse at center,#000 43%,transparent 73%)}.hangar-bay-label{position:absolute;top:92%;display:grid;gap:3px;background:#071723ed;border:1px solid #4d717c;padding:6px 12px;font-size:12px;min-width:135px;max-width:100%;box-sizing:border-box}.hangar-bay-label span{color:#8cdfdd;font-size:11px}.hangar-empty{position:relative;font-size:10px;letter-spacing:2px;color:#adc2c8}.hangar-type-list{display:flex;flex-wrap:wrap;gap:7px;padding:16px 0}.hangar-type-list button{font-size:12px;display:flex;gap:12px;align-items:center}.hangar-type-list [aria-pressed=true]{border-color:#a4e7eb;background:#1b414b}.hangar-detail{padding:20px;background:#0c202c;border:1px solid #789aa5;border-radius:8px;scroll-margin-top:20px}.hangar-detail h3{font-size:24px}.hangar-detail p{font-size:13px;line-height:1.6}.hangar-close{float:right}.hangar-detail .directive-card{margin:15px 0}.hangar-queues{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:22px;border-top:1px solid #345560}.hangar-queues h3{font-size:16px}.hangar-queues p{font-size:13px;line-height:1.5;color:#a7c0ca}
@media(max-width:600px){.hangar-panel{padding:10px}.hangar-heading{display:block}.hangar-heading>button{width:100%}.hangar-readout>div{display:grid;gap:4px;padding:10px 6px}.hangar-readout strong{font-size:25px}.hangar-readout span{font-size:11px;line-height:1.5}.hangar-scene{height:390px}.hangar-panel .hangar-bay{width:42%;height:25%;left:var(--bay-x)}.hangar-bay-label{font-size:10px;padding:5px;min-width:0;width:100%}.hangar-bay-label span{font-size:10px}.hangar-empty{font-size:8px;letter-spacing:0}.hangar-type-list{display:grid;grid-template-columns:1fr 1fr}.hangar-type-list button{padding:8px;justify-content:space-between}.hangar-detail{padding:12px}.hangar-queues{grid-template-columns:1fr;gap:8px}.hangar-detail .directive-card{display:flex;flex-direction:column;align-items:stretch}.hangar-detail input{width:100%;box-sizing:border-box}.hangar-maintenance{display:none}}
.hangar-panel .hangar-bay img{position:absolute;inset:0;margin:auto;width:88%;height:86%;min-height:0;max-height:86%;object-fit:contain;pointer-events:none}.hangar-panel .hangar-probe-art{width:auto;max-width:72%;filter:drop-shadow(5px 8px 5px #020a13aa)}
.hangar-panel .hangar-bay img{width:auto;max-width:88%;mask-image:radial-gradient(ellipse at center,#000 43%,transparent 73%)}
.hangar-panel .hangar-bay:focus-visible{outline:none}.hangar-bay:focus-visible .hangar-pad{outline:3px solid #f0d79e;outline-offset:3px}
/* Approved room artwork: preserve its perspective; inventory stays interactive. */
.hangar-scene{height:auto;min-height:0;aspect-ratio:1815/866;background:#142630 url("./assets/orbitdock-v01.png") center/100% 100% no-repeat}
.hangar-architecture,.hangar-maintenance,.hangar-gate-label{display:none}
.hangar-panel .hangar-bay{width:25%;height:21%;top:47%}
.hangar-panel .hangar-bay:nth-of-type(2){top:46%;left:73%}
.hangar-panel .hangar-bay:nth-of-type(n+3){top:66%;width:30%;height:25%}
.hangar-panel .hangar-bay:nth-of-type(4){top:65%;left:79%}
.hangar-pad{border:0;background:transparent;box-shadow:none}
.hangar-bay[aria-pressed=true] .hangar-pad{border:2px solid #85f3ff}
.hangar-bay-label{top:84%;font-size:clamp(9px,.8vw,12px);padding:3px 7px;min-width:0;max-width:95%}
@media(max-width:600px){
 .hangar-scene{height:auto}
 .hangar-panel .hangar-bay{min-height:44px}
 .hangar-bay-label,.hangar-empty{display:none}
 .hangar-type-list button{min-height:44px}
}