header, .timeline {background:#151719}
aside, .tabs {background:#1c1e20}
#daily-brief {background:#25292a}
.map-bottom {display:none}
.camera-readout {position:absolute;bottom:18px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font:10px ui-monospace,monospace;color:#d8dbdc;text-shadow:0 1px 4px #000}
.view-tools {gap:5px}
.view-tools button {background:#1a1d20e8}
#world {background:#000}
#model-note a {color:#a0f4d8}
.map-caption {max-width:calc(100% - 345px)}
.map-caption b {line-height:1.5}
.view-tools button[aria-pressed=true] {border-color:#a0f4d8;color:#a0f4d8}
@media(max-width:850px) {
  .mode-switch a {width:auto;flex:1;font-size:10px;padding:8px 5px;white-space:nowrap}
  .challenge #world, #world {height:56dvh;min-height:370px;max-height:650px}
  .view-tools, .challenge .view-tools {top:auto;bottom:44px;right:12px;left:12px;display:grid;grid-template-columns:repeat(7,44px);justify-content:center;gap:4px}
  .view-tools .icon {width:44px;height:44px;padding:9px}
  .map-caption {max-width:calc(100% - 28px)}
  .camera-readout {bottom:15px;left:14px;right:14px;font-size:9px}
  #countdown {top:74px}
}
@media(max-width:380px) {.view-tools,.challenge .view-tools {grid-template-columns:repeat(4,44px)}}
@media(prefers-reduced-motion:reduce) { * {scroll-behavior:auto!important} }
.survey {padding-bottom:100px}
.survey #operations {display:flex;flex-direction:column}
.survey .route-section {order:-1}
#mission-dock {position:fixed;bottom:0;left:0;right:0;z-index:8;display:flex;align-items:center;gap:12px;padding:14px 24px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #64746c;background:#171b1af5;backdrop-filter:blur(8px)}
.mission-objective {display:grid;gap:4px;margin-right:auto;min-width:0}
.mission-objective strong {font-size:14px;color:#edf3ef}
.mission-objective span {font-size:11px;color:#b9c6bf}
#mission-status {color:#efcf79;min-height:16px;font-variant-numeric:tabular-nums}
#mission-choice {display:flex;align-items:center;gap:8px;font-size:11px}
#mission-size {min-height:44px}
#mission-dock button {min-height:44px}
#mission-go {min-width:150px;background:#a0f4d8;color:#13291f;font-weight:650}
#mission-dock .icon {width:44px;height:44px}
@media(max-width:850px) {
 .survey {padding-bottom:160px}
 #mission-dock {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px 44px;gap:6px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
 .mission-objective {grid-column:1 / -1}
 #mission-choice {grid-column:1;font-size:0;min-width:0}
 #mission-size {width:100%;font-size:11px}
 #mission-go {grid-column:2;min-width:0;font-size:11px;padding:6px;gap:4px}
 .mission-objective strong {font-size:12px}
 .mission-objective span {font-size:10px}
}