.moon-base-page{background:#101010;color:#f1f1ed}
.moon-base-main{padding:26px 3% 40px}
.moon-base-intro{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;margin-bottom:24px}
.moon-base-intro h1{font-size:clamp(32px,3.5vw,52px);font-weight:400;letter-spacing:-.05em;line-height:1;margin:0}
.moon-base-intro p{font-size:16px;line-height:1.6;color:#bbb;max-width:560px;margin:0}
.moon-base-page .fleet-heading{padding:18px 24px;gap:14px 24px;flex-wrap:wrap}
.moon-base-locations{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px}
.moon-base-locations a{color:#bbb;text-decoration:none;padding:7px 0;border-bottom:1px solid transparent}
.moon-base-locations a[aria-current=location]{border-color:#f1f1ed;color:#fff}
.moon-base-page .fleet-viewport{height:clamp(430px,70dvh,850px)}
@media(max-width:650px){.moon-base-main{padding:22px 4% 30px}.moon-base-intro{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.moon-base-intro p{font-size:14px}.moon-base-page .fleet-heading{padding:16px}.moon-base-locations{gap:4px 16px}.moon-base-page .fleet-viewport{height:clamp(390px,65dvh,600px)}}
.moon-base-page .site-header nav a[aria-current=location]{text-decoration:underline;text-underline-offset:5px}


/* Keep the compact worksite controls together, clear of the corner standard. */
.moon-base-page #fleet-viewport .fleet-view-bar{justify-content:flex-start;flex-wrap:wrap;left:20px;right:188px;gap:8px}
.moon-base-page #fleet-room-select{width:188px;min-width:0;max-width:100%}
.moon-base-page #fleet-view-select{width:210px;min-width:0;max-width:100%}
@media(max-width:900px){.moon-base-page #fleet-viewport .fleet-view-bar{left:12px;gap:6px}}
@media(max-width:650px){
 .moon-base-page #fleet-viewport .fleet-view-bar{left:12px;right:auto;width:min(360px,calc(100% - 200px));grid-template-columns:minmax(0,1fr) auto;justify-content:start}
 .moon-base-page #fleet-viewport .fleet-view-bar>label{grid-column:1/-1;grid-row:auto;width:100%}
 .moon-base-page #fleet-viewport .fleet-display-options{grid-column:1;grid-row:auto}
 .moon-base-page #fleet-viewport .fleet-walk-toggle{grid-column:2;grid-row:auto;min-height:54px}
 .moon-base-page #fleet-viewport .fleet-display-options>div{right:auto;left:0}
 .moon-base-page #fleet-room-select,.moon-base-page #fleet-view-select{width:100%;min-width:0;max-width:none}
 .moon-base-page #fleet-viewport[data-walking=true] .fleet-view-bar{display:flex;justify-content:flex-start;flex-wrap:nowrap}
 .moon-base-page #fleet-viewport[data-walking=true] .fleet-view-bar>.fleet-walk-location{width:auto;flex:1;min-width:0}
 .moon-base-page #fleet-viewport[data-walking=true] .fleet-walk-location select{min-width:0;width:100%}
 .moon-base-page #fleet-viewport[data-walking=true] .fleet-walk-toggle{flex:none}
}
@media(max-width:580px){.moon-base-page #fleet-viewport .fleet-view-bar{left:12px;right:auto;width:min(360px,calc(100% - 152px))}}
@media(max-width:360px){.moon-base-page #fleet-viewport .fleet-view-bar{grid-template-columns:minmax(0,1fr)}.moon-base-page #fleet-viewport .fleet-walk-toggle,.moon-base-page #fleet-viewport .fleet-display-options{grid-column:1/-1}}

/* Nearby structure captions stay readable without blanketing the worksite. */
.moon-base-page .fleet-world-label,.moon-base-page .fleet-sim button.fleet-world-label{background:rgba(18,24,26,.44);border-color:rgba(225,235,235,.48);box-shadow:none;text-shadow:0 1px 3px #000;letter-spacing:.045em}
.moon-base-page .fleet-sim button.fleet-world-label:is(:hover,:focus-visible,[aria-pressed=true]){opacity:1!important;background:rgba(240,245,245,.94);color:#15211d;text-shadow:none;border-color:#f4f4f4}

/* Keep the walking destination readable on the narrowest phones. */
@media(max-width:360px){.moon-base-page #fleet-viewport[data-walking=true] .fleet-walk-location{font-size:0;gap:0}.moon-base-page #fleet-viewport[data-walking=true] .fleet-walk-location select{font-size:12px}}