/* The two bottom docks share a baseline, rhythm and glass treatment. */
:root{--museum-accent:#ff8b77;--museum-glass:linear-gradient(135deg,rgba(28,40,48,.96),rgba(9,22,31,.94) 65%);--museum-edge:15px;--museum-dock-gap:12px;--history-dock-height:86px;--launch-dock-height:86px;--launch-dock-width:calc((100vw - var(--museum-edge) - var(--museum-edge) - var(--museum-dock-gap))/4);--museum-dock-reserve:calc(var(--museum-edge) + var(--launch-dock-height) + var(--museum-dock-gap))}
#museumLeftStack,#museumRightStack{transition:opacity .42s ease,transform .42s cubic-bezier(.2,.7,.2,1),visibility .42s;transform:translateY(0);opacity:1}
body:not(.museum-ready) #museumLeftStack,body:not(.museum-ready) #museumRightStack{opacity:0;transform:translateY(8px);visibility:hidden;pointer-events:none}
#museumLeftStack{max-height:calc(100dvh - var(--museum-dock-reserve) - var(--museum-edge))}
#museumLeftStack #ui{padding:19px 18px 16px;background:var(--museum-glass);border:1px solid #e7f1f126;border-radius:20px;box-shadow:0 14px 40px #0003,inset 0 1px #ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
#museumIdentity{position:relative;padding:7px 0 18px;margin:0 0 13px;border-bottom:1px solid #d4e3e51f;isolation:isolate}
#museumIdentity::before{content:'';position:absolute;left:0;bottom:-1px;width:34px;height:2px;border-radius:2px;background:var(--museum-accent)}
#museumIdentity .museum-name{font:650 31px/1.12 Bounded,Montserrat,Arial,sans-serif;letter-spacing:-.035em;color:#f4f3ed;white-space:nowrap}
#museumIdentity .museum-subtitle{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:12px;font:600 9px/1.25 Montserrat,Arial,sans-serif;letter-spacing:.14em;color:#b2c0c7;white-space:nowrap}
.museum-dimension{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:40px;height:27px;padding:0 7px;border:1px solid #ffd4b56b;border-radius:7px;background:linear-gradient(135deg,#ffc39b,#ff8b77);box-shadow:0 3px 14px #ef785326,inset 0 1px #fff5;color:#1c252a;font:750 14px/1 Bounded,Montserrat,Arial,sans-serif;letter-spacing:-.06em}

/* Three quarters for history; the remaining quarter is an independent dock. */
#timeDock{left:var(--museum-edge)!important;right:calc(var(--museum-edge) + var(--museum-dock-gap) + var(--launch-dock-width))!important;bottom:var(--museum-edge)!important;width:auto!important;height:var(--history-dock-height)!important;padding:10px 18px!important;border-radius:15px!important;background:var(--museum-glass)!important;box-shadow:0 12px 38px #0005,inset 0 1px #ffffff0d!important}
#timeDock .timeline-head{height:25px!important;margin-bottom:2px!important}
#timeDock .timeline-marks{margin-top:4px;font-size:9px}
#timeDock .timeline-year b{font-size:23px}
#museumRightStack{position:fixed;z-index:12;right:var(--museum-edge);top:auto;bottom:var(--museum-edge);width:var(--launch-dock-width);height:var(--launch-dock-height);pointer-events:none}
#museumRightStack>*{pointer-events:auto}
#nextLaunchPanel{height:100%;min-width:0}
.next-launch{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:minmax(0,1fr) 24px;align-items:center;column-gap:9px;row-gap:4px;height:100%;min-width:0;overflow:hidden;padding:9px 12px;border:1px solid #e7f1f12e;border-radius:15px;background:radial-gradient(ellipse at 95% 0%,#b8654320,transparent 64%),var(--museum-glass);box-shadow:0 12px 38px #0005,inset 0 1px #ffffff10;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#f4f3ed}
.next-launch::before{content:'';position:absolute;top:0;left:13px;right:13px;height:1px;background:linear-gradient(90deg,transparent,#ffc2a3a6,transparent);pointer-events:none}
.next-launch p,.next-launch h2{margin:0}
.next-launch__head{grid-column:1;grid-row:1;min-width:0}
.next-launch__eyebrow{display:flex;align-items:center;gap:5px;font:650 7.5px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.07em;color:#bdcbd1;white-space:nowrap}
.next-launch__eyebrow::before{content:'';width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:var(--museum-accent);box-shadow:0 0 8px #ff8b7755}
.next-launch__name{margin-top:5px!important;font:650 clamp(11px,.85vw,13px)/1.2 Bounded,Montserrat,Arial,sans-serif;letter-spacing:-.045em;color:#f4f3ed;white-space:nowrap}
.next-launch__clock{grid-column:2;grid-row:1;min-width:0}
.next-launch__countdown-label{font:650 7px/1 Montserrat,Arial,sans-serif;letter-spacing:.1em;color:#a3b4bd}
.next-launch__countdown{display:grid;grid-template-columns:1.24fr 1fr 1fr 1fr;gap:0;margin-top:3px}
.next-launch__unit{display:flex;flex-direction:column;align-items:center;min-width:0;gap:2px;padding:0 2px}
.next-launch__unit+.next-launch__unit{border-left:1px solid #dee9ed1c}
.next-launch__value{display:block;font:600 clamp(15px,1.2vw,19px)/1 Bounded,Montserrat,Arial,sans-serif;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#f4f3ed}
.next-launch__unit:last-child .next-launch__value{color:var(--museum-accent)}
.next-launch__unit-label{font:650 7px/1 Montserrat,Arial,sans-serif;letter-spacing:.025em;color:#a9bac3}
.next-launch__meta{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}
.next-launch__time{font:600 8px/1.2 Montserrat,Arial,sans-serif;letter-spacing:0;color:#c7d3d8;white-space:nowrap}
.next-launch__status{font:500 8px/1.2 Montserrat,Arial,sans-serif;color:#e2b594;white-space:nowrap}
.next-launch__footer{grid-column:2;grid-row:2;display:flex;align-items:stretch;gap:5px;height:24px;min-width:0}
.next-launch__site,.next-launch__schedule{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:24px;padding:2px 6px;border:1px solid #d5e3e72c;border-radius:6px;background:#e5eff108;color:#e9eeed;font:650 7.5px/1.12 Montserrat,Arial,sans-serif;letter-spacing:.025em;text-align:center;text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.next-launch__site{flex:0 0 auto;white-space:nowrap}
.next-launch__schedule{flex:1;border-color:#e9a38252;background:#e99b7510;color:#f0c5ad}
.next-launch__site-arrow{font:400 11px/1 Arial,sans-serif;letter-spacing:0;color:var(--museum-accent)}
.next-launch__site:hover,.next-launch__schedule:hover{background:#ff987421;border-color:#ffb28b85;color:#fff}
.next-launch__site:focus-visible,.next-launch__schedule:focus-visible{outline:2px solid var(--museum-accent);outline-offset:1px}
.next-launch__site:disabled{cursor:default;opacity:.6}
.next-launch[data-state="elapsed"] .next-launch__status{color:#c6d4dc}
#mapAttribution{right:var(--museum-edge);bottom:var(--museum-dock-reserve);padding:3px 6px;font-size:8px;line-height:1.3;background:#081d2abf}
.pua-loading-active #osmAttribution,.buran-landing-active #mapAttribution{bottom:9px}
body.buran-landing-active #museumRightStack{display:none!important}
.hud{bottom:var(--museum-dock-reserve)}

/* The launch panel no longer occupies the top-right inspection space. */
@media(min-width:641px){
 #hero{right:var(--museum-edge);top:var(--museum-edge);width:320px;padding:17px;border-radius:18px;max-height:calc(100dvh - var(--museum-dock-reserve) - var(--museum-edge));overflow-y:auto}
 #hero .hero-top{gap:8px}
 #hero .hero-overline{font-size:7px;letter-spacing:.1em;margin-bottom:9px}
 #hero h1{font-size:22px;line-height:1.13;letter-spacing:-.045em;margin-bottom:8px}
 #hero .hero-sub{font-size:8px;line-height:1.5}
 #hero .hero-emblem{width:42px;height:57px;flex-basis:42px;padding:4px}
 #hero .hero-emblem img{width:31px;height:44px}
 #hero .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:13px}
 #hero .hero-metric{min-height:62px;padding:9px 7px 7px;border-radius:8px}
 #hero .hero-metric::before{left:7px;width:24px}
 #hero .hero-metric strong{font-size:17px}
 #hero .hero-metric small{font-size:7px;line-height:1.45;margin-top:5px}
 #hero .hero-note{font-size:8px;line-height:1.5;margin-top:11px}
 #info{top:var(--museum-edge);bottom:auto;max-height:calc(100dvh - var(--museum-dock-reserve) - var(--museum-edge))}
}
/* At tablet widths, two equal-height horizontal cards retain readable type. */
@media(max-width:1100px){
 :root{--museum-dock-gap:9px;--history-dock-height:76px;--launch-dock-height:76px;--museum-dock-reserve:calc(var(--museum-edge) + var(--launch-dock-height) + var(--museum-dock-gap) + var(--history-dock-height) + var(--museum-dock-gap))}
 #timeDock{right:var(--museum-edge)!important;bottom:calc(var(--museum-edge) + var(--launch-dock-height) + var(--museum-dock-gap))!important;padding:8px 15px!important}
 #museumRightStack{left:var(--museum-edge);width:auto}
 #timeDock .timeline-head{height:22px!important;margin-bottom:1px!important}
 #timeDock .timeline-year b{font-size:21px}
 #timeDock .timeline-marks{font-size:8px;margin-top:3px}
 .next-launch{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr);column-gap:12px;row-gap:0;padding:11px 15px}
 .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;gap:6px}
 .next-launch__footer{grid-column:4;grid-row:1;max-width:155px;height:30px}
 .next-launch__eyebrow{font-size:7px}
 .next-launch__name{font-size:13px;margin-top:7px!important}
 .next-launch__countdown-label{font-size:6.5px}
 .next-launch__countdown{margin-top:5px}
 .next-launch__value{font-size:21px}
 .next-launch__unit-label{font-size:7px}
 .next-launch__time{font-size:7.5px;letter-spacing:0}
 .next-launch__status{font-size:8px}
 .next-launch__site,.next-launch__schedule{font-size:8px;padding:5px 7px;min-height:30px}
 .next-launch__site-arrow{font-size:12px}
}
@media(min-width:641px) and (max-width:1100px){
 #museumIdentity .museum-name{font-size:28px}
 #hero{width:270px;padding:14px}
 #hero h1{font-size:19px}
 #hero .hero-metric strong{font-size:14px}
 #hero .hero-note{display:none}
}
@media(min-width:641px) and (max-width:850px){
 :root{--museum-edge:9px}
 #museumLeftStack #ui{padding:13px 12px}
 #museumIdentity{padding:3px 0 13px;margin-bottom:10px}
 #museumIdentity .museum-name{font-size:22px}
 #museumIdentity .museum-subtitle{font-size:7px;letter-spacing:.035em;gap:5px;margin-top:9px}
 .museum-dimension{min-width:30px;height:23px;padding:0 5px;font-size:11px}
 #hero{width:260px}
 #info:not(.ukss-active):not(.tua-active):not(.terminal-active):not(.bridge-active){top:9px;bottom:auto;left:auto;right:9px;width:calc(100vw - 247px);max-width:360px;max-height:calc(100dvh - var(--museum-dock-reserve) - 9px)}
 .next-launch{column-gap:9px;padding:10px 12px}
 .next-launch__name{font-size:11px}
 .next-launch__value{font-size:18px}
 .next-launch__footer{max-width:143px}
 .next-launch__site,.next-launch__schedule{font-size:7.5px;padding:5px 6px}
}
@media(max-width:640px){
 :root{--museum-edge:9px;--museum-dock-gap:8px;--history-dock-height:68px;--launch-dock-height:94px}
 #museumLeftStack #ui{padding:12px!important;border-radius:16px}
 #museumIdentity{padding:2px 0 12px;margin:0 0 7px}
 #museumIdentity .museum-name{font-size:27px;letter-spacing:-.035em}
 #museumIdentity .museum-subtitle{max-width:290px;margin-top:8px;font-size:8px;letter-spacing:.11em;justify-content:flex-start;gap:10px}
 .museum-dimension{min-width:33px;height:23px;font-size:12px}
 #ui .museum-section>summary{min-height:44px;padding-top:11px;padding-bottom:11px}
 #timeDock{padding:7px 12px!important;border-radius:13px!important}
 #timeDock .timeline-head{height:20px!important;margin-bottom:1px!important;gap:8px}
 #timeDock .timeline-title{font-size:8px;letter-spacing:.08em;gap:6px}
 #timeDock .timeline-year b{font-size:19px}
 #timeDock .timeline-year span{font-size:7px}
 #timeDock .timeline-marks{font-size:7px;margin-top:2px}
 #timeDock .year{height:13px}
 .next-launch{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:minmax(0,1fr) 29px;column-gap:10px;row-gap:4px;padding:10px 12px;border-radius:13px}
 .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;gap:4px}
 .next-launch__footer{grid-column:2;grid-row:2;height:29px;max-width:none;gap:5px}
 .next-launch__eyebrow{font-size:7.5px;letter-spacing:.035em;gap:4px}
 .next-launch__name{font-size:12px;margin-top:6px!important}
 .next-launch__countdown-label{font-size:7px}
 .next-launch__countdown{margin-top:4px}
 .next-launch__value{font-size:18px}
 .next-launch__unit-label{font-size:7px}
 .next-launch__time{font-size:8px}
 .next-launch__status{font-size:8px}
 .next-launch__site,.next-launch__schedule{min-height:29px;font-size:8px;padding:4px 6px}
 #info:not(.ukss-active):not(.tua-active):not(.terminal-active):not(.bridge-active){top:auto;bottom:var(--museum-dock-reserve);max-height:calc(100dvh - var(--museum-dock-reserve) - 160px);left:9px;right:9px;max-width:none}
}
@media(max-width:850px){
 #info.ukss-active,#info.tua-active,#info.terminal-active,#info.bridge-active{bottom:max(var(--ukss-dock-bottom,0px),var(--museum-dock-reserve));max-height:min(38dvh,calc(100dvh - var(--museum-dock-reserve) - 160px))}
}
@media(prefers-reduced-motion:reduce){#museumLeftStack,#museumRightStack,.next-launch__site,.next-launch__schedule{transition:none}body:not(.museum-ready) #museumLeftStack,body:not(.museum-ready) #museumRightStack{transform:none}}
@media(prefers-reduced-transparency:reduce){#museumLeftStack #ui,#timeDock,.next-launch{background:#10202b!important;backdrop-filter:none;-webkit-backdrop-filter:none}}