/* Pilot-facing workshop and career; existing metal/cyan palette. */
#hangar .workshop-panel{width:min(1040px,96vw);max-width:1040px;max-height:94dvh;overflow:auto;padding:28px}
.workshop-header{display:flex;justify-content:space-between;gap:20px;align-items:center}
.workshop-header h2{margin:0}.workshop-header p{font:16px var(--font-ui,"Rajdhani",sans-serif);color:#9db8c9;margin:8px 0 0}
.workshop-wallet{text-align:right}.workshop-wallet>span,.deck-label{display:block;font-size:12px;letter-spacing:.14em;color:#9db8c9}
.workshop-wallet strong{font-size:30px;color:#ffd166}
.workshop-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin:18px 0}
.workshop-stage{position:relative;min-width:0;min-height:345px;background:radial-gradient(ellipse at center,rgba(64,154,178,.13),transparent 65%);isolation:isolate}
.workshop-orbit{position:absolute;inset:5% 12% 15%;border:1px solid #284554;border-radius:50%;transform:rotateX(20deg);z-index:-1}
.workshop-orbit:after{content:"";position:absolute;inset:14%;border:1px dashed #233f4a;border-radius:50%}
.workshop-ship{position:absolute;left:15%;top:0;width:70%;height:88%;object-fit:contain;filter:drop-shadow(0 16px 14px #020911)}
.workshop-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;border:1px solid #668598;border-radius:50%;background:#091622ee;color:#c5dce7;font:700 15px monospace;cursor:pointer}
.workshop-point.selected{background:#143d48;border-color:#62eafa;color:#fff;box-shadow:0 0 0 5px #61edff15}
.workshop-ship-label{position:absolute;bottom:0;width:100%;text-align:center}.workshop-ship-label strong{display:block;letter-spacing:.2em;color:#b3e7f5;font-size:18px}.workshop-ship-label span{display:block;color:#9db8c9;margin-top:7px;font:14px "Rajdhani",sans-serif}
.workshop-detail{padding:20px 0;min-width:0}.workshop-detail h3{font:700 32px "Rajdhani",sans-serif;margin:9px 0;color:#e1f1f7}.workshop-level{font-size:13px;color:#9db8c9}.workshop-level b{color:#ffd166}
.workshop-pips{display:flex;gap:5px;margin-top:12px}.workshop-pips i{height:4px;width:34px;background:#263b46}.workshop-pips i.on{background:#67e7f5}
.workshop-detail p{font:16px/1.5 "Rajdhani",sans-serif;color:#acc3ce;margin:19px 0}
.workshop-comparison{display:flex;gap:20px;margin:22px 0}.workshop-comparison>div{flex:1}.workshop-comparison dt{font-size:11px;color:#9db8c9;letter-spacing:.08em}.workshop-comparison dd{margin:8px 0 0;font:700 22px "Rajdhani",sans-serif;color:#e1f1f7}.workshop-comparison>div:last-child dd{color:#7ef0b0}
#workshop-buy{width:100%;min-height:46px;letter-spacing:.12em}#workshop-buy:disabled{opacity:.55;cursor:default}
.workshop-status{font:14px/1.4 "Rajdhani",sans-serif;color:#9db8c9;margin-top:9px;min-height:20px}
.workshop-systems{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:25px}
.workshop-systems button{min-height:74px;position:relative;text-align:left;border:1px solid #29414e;background:#09141e;color:#b7cdd8;padding:10px 10px 10px 35px;cursor:pointer}
.workshop-systems button>span{position:absolute;left:12px;top:12px;color:#668594;font:12px monospace}
.workshop-systems strong{display:block;font:700 16px "Rajdhani",sans-serif}.workshop-systems small{display:block;font:12px monospace;color:#9db8c9;margin-top:8px}
.workshop-systems button.selected{border-color:#69e6f7;background:#0e2531}.workshop-systems button.selected>span{color:#69e6f7}
.workshop-footnote{font:14px/1.45 "Rajdhani",sans-serif;color:#9db8c9;margin:16px 0}
#hangar #hg-back{min-height:44px}
#career .career-panel{width:min(940px,96vw);max-height:94dvh;padding:24px}
#career .career-scroll{padding-right:8px;scrollbar-color:#43616f #0b1620}
.career-tabs{display:flex;gap:2px;border-bottom:1px solid #29414e;margin:18px 0 0;position:sticky;top:0;background:#09141f;z-index:2}
.career-tabs button{flex:1;min-height:46px;background:none;border:0;border-bottom:2px solid transparent;color:#9db8c9;font:700 16px "Rajdhani",sans-serif;cursor:pointer}
.career-tabs button[aria-pressed=true]{border-color:#66eafa;color:#e2f8ff;background:#132935}
.career-pane[hidden],.mst-ship[hidden]{display:none!important}
#career .career-reward{position:relative;min-height:135px;padding:20px 150px 20px 20px;margin-top:18px;overflow:hidden;background:linear-gradient(100deg,#18202780,#10283835)}
.career-reward-art{position:absolute;right:10px;top:0;width:140px;height:100%}.career-reward-art img{width:100%;height:100%;object-fit:contain}
#career .career-reward strong{font:700 30px "Rajdhani",sans-serif;letter-spacing:.06em}
#career .career-section{margin-top:20px;padding-top:16px}
#career .career-head{margin-bottom:0}
.career-ships{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:15px 0 22px}
.career-ships button{min-width:0;background:#09141f;border:1px solid #29414e;color:#9db8c9;cursor:pointer;padding:4px 4px 10px}
.career-ships button[aria-pressed=true]{background:#102c38;border-color:#67eafa;color:#e2f8ff}
.career-ships img{display:block;width:100%;height:78px;object-fit:contain}
.career-ships strong{display:block;font:700 12px "Rajdhani",sans-serif}.career-ships span{display:block;font-size:11px;margin-top:7px}
#career .mst-goal{min-height:64px;font:700 15px "Rajdhani",sans-serif;padding:15px}
#career .mst-description{font:15px/1.45 "Rajdhani",sans-serif;letter-spacing:0}
#career .ch-sub,#career .cs-hint{font:15px/1.45 "Rajdhani",sans-serif;letter-spacing:.02em}
#career .cs-label{font-size:12px}#career .cs-titles button{min-height:44px;padding:10px 14px}
#career details summary{min-height:44px;cursor:pointer}
#career .ach-chip{font:700 15px "Rajdhani",sans-serif;padding:12px}
.achievement-description{display:block;font:14px/1.4 "Rajdhani",sans-serif;margin-top:7px;color:#9db8c9}
#career .ch-row button{min-height:44px}
.workshop-point:focus-visible,.workshop-systems button:focus-visible,.career-tabs button:focus-visible,.career-ships button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:650px){
 #hangar .workshop-panel,#career .career-panel{padding:18px}
 .workshop-layout{grid-template-columns:1fr;gap:10px;margin-top:10px}
 .workshop-stage{min-height:285px}
 .workshop-detail{padding:10px 0}.workshop-detail h3{font-size:28px}
 .workshop-systems{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.workshop-systems button{padding-left:25px}.workshop-systems button>span{left:7px}
 .workshop-wallet strong{font-size:25px}.workshop-header h2{font-size:24px}.workshop-wallet>span{font-size:10px}
 .career-ships{grid-template-columns:repeat(3,minmax(0,1fr))}
 #career .career-reward{padding:18px 100px 18px 14px}.career-reward-art{width:100px;right:0}
 #career .career-reward strong{font-size:24px}.career-tabs button{font-size:14px}
}
@media(max-height:500px) and (min-width:651px){
 #hangar .workshop-panel,#career .career-panel{max-height:96dvh;padding:16px 24px}
 .workshop-layout{grid-template-columns:1fr 1.2fr;gap:20px;margin:8px 0}.workshop-stage{min-height:290px}
 .workshop-detail{padding:4px 0}.workshop-detail h3{font-size:25px}.workshop-detail p{margin:10px 0}.workshop-comparison{margin:12px 0}
}
/* Keep corner decoration inside the scroll box, including resize transitions. */
#hangar .workshop-panel::after{right:0;bottom:0}
#hangar .workshop-panel::before{left:0;top:0}
#career .career-pane .career-section{margin-top:0;padding:18px 0}
#career .career-pane .career-section:first-child{border-top:0}
@media(max-height:500px){
 #career-body:not([data-career-view="overview"]) .career-head{display:none}
 #career .career-ships img{height:58px}
 #career .career-tabs{margin-top:6px}
}
/* Selection changes are immediate, including the global reduced-motion reset. */
.career-tabs button,.career-ships button{transition-property:none}