:root {
  --orange: #ef7d3e;
  --mint: #75c7a0;
  --cream: #e5d7b9;
}

.rocket-briefing img { width: 100%; height: 100%; object-fit: cover; object-position: 38% 58%; display: block; filter: saturate(.72) contrast(1.08); }
.briefing-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,14,16,.08), rgba(8,14,16,.22)), linear-gradient(0deg, rgba(8,14,16,.52), transparent 55%); }
.rocket-stage:before { background: radial-gradient(circle at 51% 47%, rgba(104,140,148,.13), transparent 47%), linear-gradient(rgba(185,211,216,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(185,211,216,.025) 1px, transparent 1px); background-size: auto, 32px 32px, 32px 32px; }
.flight-legend { position: absolute; z-index: 3; right: 19px; bottom: 130px; display: grid; gap: 6px; color: #6f7d7c; font: 6px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.flight-legend span { display: flex; align-items: center; gap: 6px; }
.flight-legend i { width: 7px; height: 7px; border-radius: 50%; display: block; }
.com-dot { background: var(--orange); box-shadow: 0 0 7px rgba(239,125,62,.55); }
.cop-dot { border: 1px solid var(--mint); }
.engine-visual { height: 47px; width: 42px; margin-top: 3px; }
.engine-visual:before { content:""; position:absolute; left:11px; top:2px; width:20px; height:19px; background:linear-gradient(90deg,#726d62,#c4bba9,#6f6960); clip-path:polygon(12% 0,88% 0,100% 100%,0 100%); }
.engine-visual:after { content:""; position:absolute; left:6px; top:21px; width:30px; height:25px; background:linear-gradient(90deg,#3a4140,#9aa19e 46%,#343a39); clip-path:polygon(25% 0,75% 0,100% 100%,0 100%); }
.engine-visual i { position:absolute; z-index:2; left:9px; top:19px; width:24px; height:4px; background:#d07b49; }
.tank-visual { width:25px; height:52px; margin-left:8px; border:2px solid #899591; border-radius:12px 12px 5px 5px; background:linear-gradient(90deg,#5a6663,#bac2bf 50%,#56625f); }
.tank-visual:after { content:""; position:absolute; left:-2px; right:-2px; top:27px; border-top:2px solid #2e3936; }
.tank-visual i { position:absolute; left:6px; top:6px; width:9px; height:14px; background:rgba(152,198,207,.22); }
.interstage-visual { width:36px; height:43px; margin:5px 0 0 4px; border:2px solid #71807c; clip-path:polygon(15% 0,85% 0,100% 100%,0 100%); background:repeating-linear-gradient(90deg,#252f2d 0 3px,#4b5854 3px 4px); }
.trajectory-card { margin-top: 12px; padding: 10px; background:#111817; border:1px solid var(--line); }
.trajectory-card svg { width:100%; height:64px; display:block; overflow:visible; }
.graph-grid { fill:none; stroke:rgba(214,228,222,.07); stroke-width:1; }
.alt-line { fill:none; stroke:var(--mint); stroke-width:1.5; }
.q-line { fill:none; stroke:var(--orange); stroke-width:1.2; stroke-dasharray:3 2; }
.maxq-dot { fill:var(--orange); }.trajectory-card text { fill:#9faaa6; font:6px var(--mono); }
.material-swatch.propellant { background:linear-gradient(135deg,#88b4c0,#e6f0ed); }
.material-swatch.carbon { background:repeating-linear-gradient(45deg,#242d2b 0 2px,#46514e 2px 4px); }
.connection-art:before { height:13px; width:24px; left:18px; top:3px; background:#888f89; clip-path:polygon(15% 0,85% 0,100% 100%,0 100%); }
.connection-art i { width:29px; height:25px; left:15px; top:17px; border:0; border-radius:0; background:linear-gradient(90deg,#343b39,#929a96,#343a38); clip-path:polygon(28% 0,72% 0,100% 100%,0 100%); box-shadow:none; }
.mount-gimbal:after { content:"↔"; position:absolute; left:0; top:10px; color:var(--mint); font-size:15px; }
.mount-linked:after { content:"⌁"; position:absolute; left:0; top:10px; color:var(--orange); font-size:15px; }
.tank-sketch { background:radial-gradient(circle at center,rgba(80,117,123,.1),transparent 45%),#101715; }
.bulkhead-shape { position:relative; width:155px; height:155px; border-radius:50%; border:2px solid var(--orange); background:linear-gradient(90deg,rgba(123,180,190,.12) 0 49.5%,rgba(232,125,62,.10) 50%); box-shadow:inset 0 0 0 10px rgba(232,125,62,.04); }
.bulkhead-shape:before { content:""; position:absolute; top:50%; left:0; right:0; border-top:1px dashed var(--cream); }
.bulkhead-shape i { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--mint); top:50%; transform:translateY(-50%); }
.bulkhead-shape i:first-child { left:-5px; }.bulkhead-shape i:nth-child(2) { right:-5px; }
.bulkhead-shape b { position:absolute; left:50%; transform:translateX(-50%); font:7px var(--mono); color:#879591; }
.bulkhead-shape b:nth-of-type(1) { top:34px; }.bulkhead-shape b:nth-of-type(2) { bottom:34px; }
.test-button.running { background:#d35e31; }

@media (max-width: 1120px) {
  .trajectory-card { display:none; }
}

@media (max-width: 850px) {
  .mission-panel h1 { font-size:26px; }
  .flight-legend { bottom:114px; right:14px; }
  .rocket-dock .part-card:nth-of-type(3) { display:none; }
}