/* Museum UI 11 — one design rhythm for sidebar, camera help and bottom docks. */
/* Keep component-specific overrides in this file; existing modules remain intact. */
:root{
 --museum-ui-title:10px;
 --museum-ui-copy:9px;
 --museum-ui-data:20px;
 --museum-ui-border:rgba(218,231,238,.20);
 --history-dock-height:110px;
 --launch-dock-height:110px;
 --launch-dock-width:clamp(355px,31vw,470px);
 --museum-dock-gap:10px;
 --museum-dock-reserve:calc(var(--museum-edge) + var(--launch-dock-height) + var(--museum-dock-gap));
}
#museumLeftStack #ui{
 background:linear-gradient(145deg,rgba(20,34,44,.97),rgba(7,19,29,.97))!important;
 border:1px solid var(--museum-ui-border)!important;
 border-radius:17px!important;
 padding:15px 16px 14px!important;
 box-shadow:0 16px 42px #0007,inset 0 1px rgba(255,255,255,.075);
}
/* Restore the early museum identity layout: full-size RocketTrip mark, no frame. */
#museumIdentity{
 display:flex!important;
 flex-direction:column;
 align-items:flex-start;
 gap:0;
 padding:1px 0 13px!important;
 margin:0 0 12px!important;
 min-width:0;
}
#museumIdentity .museum-brand-logo{
 display:block;flex:none;
 width:100%;max-width:230px;height:76px;min-height:0;
 margin:0 0 10px;padding:0;overflow:visible;
 border:0;border-radius:0;background:transparent;box-shadow:none;
}
#museumIdentity .museum-brand-logo img{
 display:block;width:100%;height:100%;max-height:none;
 object-fit:contain;object-position:left center;
}
#museumIdentity .museum-name{
 font:500 25px/1.07 Bounded,Montserrat,Arial,sans-serif!important;
 letter-spacing:-.044em!important;color:#f3f4f0!important;
 margin:0!important;
}
#museumIdentity .museum-subtitle{
 display:flex!important;align-items:center;justify-content:flex-start;
 gap:5px!important;margin:6px 0 0!important;min-width:0;
 color:#bac9d0!important;font:600 11px/1.3 Montserrat,Arial,sans-serif!important;
 letter-spacing:.025em!important;
 white-space:nowrap;
}
#museumIdentity .museum-subtitle-label{min-width:0}
#museumIdentity .museum-dimension{
 min-width:28px;height:22px;padding:0 5px;border-radius:5px;
 font:750 11px/1 Bounded,Montserrat,Arial,sans-serif;
 background:linear-gradient(145deg,#ffceaa,#f18c72);
 box-shadow:0 2px 10px #ffac7b26;
}
#museumIdentity::before{width:54px;background:#f29b7c}
.museum-light-control{
 display:flex;align-items:center;justify-content:space-between;
 gap:9px;margin:0 0 9px;padding:8px 9px;
 border-radius:10px;border:1px solid #d3e4eb21;
 background:linear-gradient(115deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
}
.museum-light-control__caption{
 white-space:nowrap;color:#aabdc9;
 font:650 8px/1.3 Montserrat,Arial,sans-serif;
 letter-spacing:.07em;
}
.museum-light-control__choices{
 display:grid;grid-template-columns:1fr 1fr;gap:3px;
 width:156px;min-width:0;padding:3px;
 border-radius:8px;background:#030d16a3;border:1px solid #e0eef01b;
}
.museum-light-control__button{
 appearance:none;display:flex;align-items:center;justify-content:center;gap:5px;
 min-width:0;min-height:30px;padding:4px 6px;
 border:1px solid transparent;border-radius:6px;cursor:pointer;
 background:transparent;color:#8fa6b5;
 font:750 9px/1 Montserrat,Arial,sans-serif;letter-spacing:.025em;
 transition:background-color .16s,color .16s,border-color .16s;
}
.museum-light-control__button svg{width:14px;height:14px;flex:none;stroke:currentColor}
.museum-light-control__button[aria-pressed="true"]{
 background:linear-gradient(125deg,#354b5a,#2a3c4d);
 border-color:#e1edf142;color:#fff4e7;
 box-shadow:inset 0 1px #ffffff17,0 1px 6px #0006;
}
.museum-light-control__button:hover,.museum-light-control__button:focus-visible{color:#fff;outline:none;border-color:#cfdfe6a3}
#ui #arrivalPanel{
 margin:0 0 9px!important;border-radius:10px;
 background:linear-gradient(130deg,#2535449e,#142737b5);
 border-color:#d8e5e92a;
}
/* Camera guide: self-contained diagram tiles replace inconsistent old mouse art. */
#museumLeftStack #navigationGuide{
 border-radius:13px!important;border-color:var(--museum-ui-border)!important;
 background:linear-gradient(140deg,#1a2c38f4,#0c1d29f5)!important;
 box-shadow:0 12px 30px #0007;
}
.navigation-guide>summary{min-height:44px;padding:10px 12px;gap:9px;
 font:750 10px/1.3 Montserrat,Arial,sans-serif!important;letter-spacing:.055em!important}
.navigation-guide>summary .guide-heading-icon{width:17px;height:17px;stroke:#f0ad91;flex-shrink:0}
.navigation-guide-content{gap:7px;padding:10px!important}
.guide-item{min-height:64px;padding:7px!important;gap:10px!important;border-radius:9px!important;
 background:linear-gradient(110deg,#ffffff0e,#ffffff04)!important;border:1px solid #ffffff11}
.guide-item .guide-art{display:block;width:66px;height:50px;flex:0 0 66px;stroke-linecap:round;stroke-linejoin:round}
.guide-item span{gap:4px!important;min-width:0}
.guide-item b{color:#f2f6f5;font:700 10px/1.25 Montserrat,Arial,sans-serif!important}
.guide-item small{color:#a8bac5;font:500 9px/1.35 Montserrat,Arial,sans-serif!important}
.guide-note{padding:5px 7px 0;color:#94abb8;font:500 9px/1.5 Montserrat,Arial,sans-serif}
.guide-art__plate{fill:#102432;stroke:#476072;stroke-width:1}
.guide-art__outline{fill:none;stroke:#c8d7df;stroke-width:1.7}
.guide-art__thin{fill:none;stroke:#7594a4;stroke-width:1.3}
.guide-art__accent{fill:#ed9678;stroke:#ffc4a8;stroke-width:1}
.guide-art__line{fill:none;stroke:#efac8e;stroke-width:1.8}
.guide-art__key{fill:#203b4c;stroke:#8eafc1;stroke-width:1}
.guide-art__key-label{fill:#fff3e7;font:700 10px/1 Montserrat,Arial,sans-serif;text-anchor:middle}
/* Both bottom panels have the same headline scale and baseline. */
#timeDock,.next-launch{
 background:linear-gradient(135deg,rgba(23,37,47,.97),rgba(8,22,33,.96))!important;
 border:1px solid var(--museum-ui-border)!important;
 border-radius:15px!important;
 box-shadow:0 13px 40px #0008,inset 0 1px #ffffff10!important;
}
#timeDock{height:var(--history-dock-height)!important;padding:14px 18px 10px!important}
#timeDock .timeline-head{height:30px!important;margin-bottom:5px!important;align-items:center}
#timeDock .timeline-title{
 display:flex;align-items:center;gap:9px;
 color:#f1f3f1!important;
 font:750 var(--museum-ui-title)/1.3 Montserrat,Arial,sans-serif!important;
 letter-spacing:.07em!important;
}
#timeDock .timeline-sub{
 color:#91a9b8!important;font:550 var(--museum-ui-copy)/1.3 Montserrat,Arial,sans-serif!important;
 letter-spacing:.025em!important;
}
#timeDock .timeline-year{align-items:baseline;gap:6px}
#timeDock .timeline-year b{
 color:#f4f3ee;
 font:650 var(--museum-ui-data)/1 Bounded,Montserrat,Arial,sans-serif!important;
 letter-spacing:-.035em;
}
#timeDock .timeline-year span{font:650 8px/1.2 Montserrat,Arial,sans-serif!important;letter-spacing:.045em}
#timeDock .timeline-marks{font:600 8px/1.2 Montserrat,Arial,sans-serif!important;margin-top:7px!important;letter-spacing:.01em}
#timeDock .year::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e99579,#b96b68,#64768f)}
#timeDock .year{accent-color:#f0a07f}
.next-launch{grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);
 grid-template-rows:minmax(0,1fr) 27px;
 column-gap:12px;row-gap:6px;padding:10px 14px!important}
.next-launch::before{display:none}
.next-launch__eyebrow{
 color:#f1f3f1!important;
 font:750 var(--museum-ui-title)/1.3 Montserrat,Arial,sans-serif!important;
 letter-spacing:.07em!important;gap:7px;
}
.next-launch__eyebrow::before{width:5px;height:5px}
.next-launch__name{
 margin-top:7px!important;
 font:650 14px/1.14 Bounded,Montserrat,Arial,sans-serif!important;
 letter-spacing:-.04em!important;white-space:normal!important;
 overflow-wrap:anywhere;
}
.next-launch__countdown-label{font:650 8px/1.2 Montserrat,Arial,sans-serif!important;color:#96aebc}
.next-launch__countdown{margin-top:7px!important}
.next-launch__value{font:650 var(--museum-ui-data)/1 Bounded,Montserrat,Arial,sans-serif!important;letter-spacing:-.05em!important}
.next-launch__unit-label{font:600 8px/1.1 Montserrat,Arial,sans-serif!important;letter-spacing:0}
.next-launch__meta{grid-row:2;grid-column:1;align-self:center;gap:3px}
.next-launch__time{font:600 var(--museum-ui-copy)/1.2 Montserrat,Arial,sans-serif!important}
.next-launch__status{font:500 8px/1.2 Montserrat,Arial,sans-serif!important}
.next-launch__footer{grid-column:2;grid-row:2;align-self:center;min-width:0;height:27px}
.next-launch__site{display:none}
.next-launch__schedule{
 flex:1;min-height:27px;border-radius:7px;
 font:700 var(--museum-ui-copy)/1.2 Montserrat,Arial,sans-serif!important;
 color:#ffd3b8;border-color:#f0ad8e68;background:#e8957817;
}
.next-launch[data-state="unknown"] .next-launch__clock,
.next-launch[data-state="date"] .next-launch__clock{display:none}
.next-launch[data-state="unknown"] .next-launch__meta,
.next-launch[data-state="date"] .next-launch__meta{
 grid-column:2;grid-row:1;align-self:center;gap:6px;
}
.next-launch[data-state="unknown"] .next-launch__status,
.next-launch[data-state="date"] .next-launch__status{
 font-size:var(--museum-ui-copy)!important;color:#dfc0aa;
 white-space:normal;line-height:1.4;
}
@media(max-width:1100px){
 :root{--history-dock-height:86px;--launch-dock-height:86px;
 --museum-dock-reserve:calc(var(--museum-edge) + var(--history-dock-height) + var(--launch-dock-height) + var(--museum-dock-gap)*2)}
 #timeDock{padding:10px 14px!important}
 #timeDock .timeline-head{height:25px!important;margin-bottom:3px!important}
 .next-launch{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:1fr;column-gap:14px;row-gap:0;padding:11px 15px!important}
 .next-launch__head{grid-column:1;grid-row:1}
 .next-launch__clock{grid-column:2;grid-row:1}
 .next-launch__meta{grid-column:3;grid-row:1;align-self:start}
 .next-launch__footer{grid-column:3;grid-row:1;align-self:end}
 .next-launch__status{display:none}
 .next-launch__name{font-size:14px!important}
 .next-launch__value{font-size:20px!important}
 .next-launch[data-state="unknown"] .next-launch__meta,
 .next-launch[data-state="date"] .next-launch__meta{grid-column:2;grid-row:1;align-self:center}
 .next-launch[data-state="unknown"] .next-launch__status,
 .next-launch[data-state="date"] .next-launch__status{display:block}
}
@media(max-width:850px){
 #museumIdentity .museum-brand-logo{max-width:200px;height:62px;margin-bottom:8px}
 #museumIdentity .museum-name{font-size:20px!important}
 #museumIdentity .museum-subtitle{font-size:10px!important;letter-spacing:0!important}
 #museumIdentity .museum-dimension{min-width:25px;height:20px;font-size:10px}
 .museum-light-control{padding:6px 7px;gap:5px}
 .museum-light-control__caption{font-size:7px}
 .museum-light-control__choices{width:126px}
 .museum-light-control__button{font-size:8px;gap:3px;padding:4px;min-height:27px}
 .museum-light-control__button svg{width:12px;height:12px}
 .guide-item{min-height:56px}
 .guide-item .guide-art{width:48px;height:40px;flex-basis:48px}
}
@media(max-width:640px){
 :root{--museum-ui-title:9px;--museum-ui-copy:8px;--museum-ui-data:18px;
 --history-dock-height:88px;--launch-dock-height:88px}
 #museumLeftStack #ui{padding:10px 11px 11px!important}
 #museumIdentity{padding-bottom:9px!important}
 #museumIdentity .museum-brand-logo{max-width:215px;height:68px;margin-bottom:7px}
 #museumIdentity .museum-name{font-size:23px!important}
 #museumIdentity .museum-subtitle{font-size:10px!important}
 .museum-light-control{margin-bottom:7px}
 #timeDock{padding:7px 11px!important}
 #timeDock .timeline-head{height:20px!important;margin-bottom:2px!important}
 #timeDock .timeline-title{font-size:8px!important}
 #timeDock .timeline-sub{display:none}
 #timeDock .timeline-year b{font-size:18px!important}
 #timeDock .timeline-marks{font-size:7px!important;margin-top:2px!important}
 .next-launch{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  grid-template-rows:minmax(0,1fr) 25px;gap:4px 7px;padding:8px 10px!important}
 .next-launch__head{grid-column:1;grid-row:1}
 .next-launch__clock{grid-column:2;grid-row:1}
 .next-launch__meta{grid-column:1;grid-row:2}
 .next-launch__footer{grid-column:2;grid-row:2;height:25px;align-self:center}
 .next-launch__eyebrow{font-size:8px!important;letter-spacing:.015em!important}
 .next-launch__name{font-size:12px!important;margin-top:5px!important}
 .next-launch__countdown-label{font-size:7px!important}
 .next-launch__countdown{margin-top:5px!important}
 .next-launch__value{font-size:18px!important}
 .next-launch__unit-label{font-size:6px!important}
 .next-launch__time{font-size:8px!important}
 .next-launch__status{font-size:7px!important;display:none}
 .next-launch__schedule{font-size:8px!important;min-height:25px}
 .next-launch[data-state="unknown"] .next-launch__meta,
 .next-launch[data-state="date"] .next-launch__meta{grid-column:2;grid-row:1}
 .next-launch[data-state="unknown"] .next-launch__status,
 .next-launch[data-state="date"] .next-launch__status{display:block}
}
@media(prefers-reduced-motion:reduce){.museum-light-control__button{transition:none}}