#atlas-phenomena-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.scenario-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:14px 0}
.scenario-toolbar label{min-width:150px;flex:1;margin:0}
.scenario-toolbar input[type=checkbox],.phenomenon-row input{width:18px;height:18px;vertical-align:middle;margin-right:8px}
.phenomenon-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #526078}
.phenomenon-row label{flex:1;min-width:180px;margin:0}
#atlas-scenarios p{line-height:1.5;overflow-wrap:anywhere}
#atlas-phenomena-status{margin:10px 0;font-size:12px}
.world-model-demo{padding:10px;border:1px dashed #a89965;border-radius:6px;margin:12px 0}
.world-model-demo p{font-size:12px}
.planet-deck-facts{margin:8px 0;padding:8px;border-left:2px solid #6d93b6;font-size:12px}
#world-model-controls{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
#world-model-controls label{flex:1;min-width:180px}
#world-model-controls button{align-self:end}
@media(max-width:600px){.scenario-toolbar{gap:8px}.scenario-toolbar button{flex:1}#phenomenon-form .form-row{grid-template-columns:1fr 1fr}}

/* Environment draft controls remain usable at phone widths. */
.surface-scatter-row{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:8px;padding:8px 0;border-top:1px solid #b8c4d2}
.surface-scatter-row label{min-width:0;font-size:12px}
.surface-scatter-row input[type=checkbox],#surface-detail-controls input[type=checkbox]{width:18px;height:18px;vertical-align:middle}
.surface-scatter-row input[type=number]{width:100%;min-width:0}
.surface-material-key,.surface-detail-summary{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#surface-detail-controls select{max-width:100%}
@media(max-width:600px){.surface-scatter-row{grid-template-columns:1fr 1fr}.surface-scatter-row>label:first-child{grid-column:1/-1}}

.world-inhabited{display:block;font-size:.78rem;font-weight:650;color:var(--text);margin:.18rem 0}.surface-survey-controls{min-width:0;margin:.8rem 0;padding:.6rem;border:1px solid var(--border,#67758a);border-radius:.5rem}.surface-survey-controls label{display:block;margin:.4rem 0}.surface-survey-controls select,.surface-survey-controls input{width:100%;min-width:0;box-sizing:border-box}.surface-survey-controls p{font-size:.78rem}

/* Expanded time settings receive a bounded slot above the persistent summary.
   The inspector's scrollport ends above that slot, so native pointer and keyboard
   navigation remain usable. This does not resize or recreate the scene canvas. */
.galaxy-navigator .atlas-body{--atlas-time-panel-height:min(220px,60dvh,calc(var(--atlas-stage-height,440px) - 250px))}
.galaxy-navigator .atlas-time-dock #atlas-time-controls{height:var(--atlas-time-panel-height);max-height:var(--atlas-time-panel-height)}
.galaxy-navigator .atlas-time-dock #atlas-time-controls>label,.galaxy-navigator .atlas-time-dock #atlas-time-controls>.atlas-clock{flex:0 0 auto}
@media(min-width:901px){
 .galaxy-navigator .atlas-body:has(#atlas-time-expand[aria-expanded="true"])>.atlas-inspector{height:calc(var(--atlas-stage-height,440px) - 70px - var(--atlas-time-panel-height));max-height:calc(var(--atlas-stage-height,440px) - 70px - var(--atlas-time-panel-height))}
}
/* Moving the readout outside .atlas-clock must not inherit dark workspace text.
   The full Atlas introduction remains in the explicit idea brief, not above the
   viewing area on every visit. These selectors do not affect other idea pages. */
.galaxy-navigator .atlas-time-dock{color:#d8e6f6}
.navigator-page-heading>div>p{display:none}

/* Atlas immersive workspace: dark controls are local to Atlas, not the DoUndo shell. */
.galaxy-navigator.atlas-immersive{color-scheme:dark;--atlas-ink:#dbe4f1;--atlas-surface:rgba(15,21,33,.94);--atlas-edge:#36445a;color:var(--atlas-ink);background:#090e18;min-width:0}
.galaxy-navigator.atlas-immersive .atlas-toolbar{background:var(--atlas-surface);color:var(--atlas-ink);border-color:var(--atlas-edge);padding:5px 9px;gap:6px}
.galaxy-navigator.atlas-immersive .atlas-toolbar button,
.galaxy-navigator.atlas-immersive .atlas-inspector button,
.galaxy-navigator.atlas-immersive .atlas-time-dock button{background:#222e40;color:#e2eaf5;border:1px solid #43516a;border-radius:5px}
.galaxy-navigator.atlas-immersive .atlas-toolbar button:hover,
.galaxy-navigator.atlas-immersive .atlas-inspector button:hover{background:#34435a}
.galaxy-navigator.atlas-immersive .atlas-toolbar button:focus-visible,
.galaxy-navigator.atlas-immersive .atlas-inspector button:focus-visible{outline:2px solid #90baf1;outline-offset:2px}
.galaxy-navigator.atlas-immersive .atlas-inspector{background:rgba(15,21,33,.96);color:#dbe4f1;border-color:#36445a}
.galaxy-navigator.atlas-immersive .atlas-inspector input,
.galaxy-navigator.atlas-immersive .atlas-inspector select{background:#192538;color:#e2eaf5;border-color:#43516a}
.galaxy-navigator.atlas-immersive .atlas-body{min-width:0}
.galaxy-navigator.atlas-immersive:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;display:flex;flex-direction:column;background:#050914}
.galaxy-navigator.atlas-immersive:fullscreen .atlas-body{flex:1;min-height:0}
.galaxy-navigator.atlas-immersive:fullscreen .atlas-toolbar{flex:0 0 auto}
@media(max-width:700px){.galaxy-navigator.atlas-immersive .atlas-toolbar{padding:4px;flex-wrap:wrap}.galaxy-navigator.atlas-immersive .atlas-buttons{gap:4px}.galaxy-navigator.atlas-immersive .atlas-toolbar button{padding:5px 7px;font-size:12px}}