#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}