/* Operational layout: the model and transport share one working surface. */
.workspace-ready main{max-width:1920px;padding:10px 20px 0}.workspace-ready .intro{margin:0 0 8px;align-items:center;gap:12px}.workspace-ready h1{font-size:25px;line-height:1.1;margin:0}.workspace-ready h1 br{display:none}.workspace-ready .intro .eyebrow{font-size:9px;margin:0 0 4px}.workspace-ready .city-choice{width:300px;margin:0}.workspace-ready .city-choice label,.workspace-ready #coordinates{display:none}.workspace-ready .city-choice select{margin:0;font-size:13px}.workspace-ready .test-cities{padding:0 0 8px;gap:6px}.workspace-ready .test-cities>span{font-size:10px}.workspace-ready .test-cities button{min-height:38px;padding:7px 12px}.workspace-ready .test-cities>a{min-height:38px;padding:6px 8px;font-size:11px}
#workspace{position:relative;display:grid;grid-template-columns:320px minmax(0,1fr);height:calc(100dvh - 191px);min-height:480px;border:1px solid var(--line);background:var(--ink);isolation:isolate;scroll-margin-top:8px}.workspace-tools{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--ink);z-index:6}.tool-tabs{display:grid;grid-template-columns:repeat(4,1fr);flex-shrink:0;border-bottom:1px solid var(--line)}.tool-tabs button{font-size:12px;padding:10px 4px;border:0;border-bottom:2px solid transparent;min-height:48px}.tool-tabs button[aria-expanded=true]{border-bottom-color:var(--coral);color:var(--soft);background:var(--deep)}.tool-panels{overflow:auto;overscroll-behavior:contain;min-height:0;padding:20px 16px;scrollbar-width:thin}.tool-panels>section{min-width:0}.close-tools{display:none;width:100%;margin-top:12px}.workspace-stage{min-width:0;min-height:0;display:flex;flex-direction:column}.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;min-height:44px;border-bottom:1px solid var(--line);flex-shrink:0}.stage-heading>span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.stage-heading button{border:0;font-size:11px;padding:8px;min-height:44px}.workspace-note{position:absolute;right:14px;top:98px;z-index:2;font-size:10px;color:var(--muted);pointer-events:none;margin:0}.workspace-stage>.chapters{display:flex;flex:0 0 auto;height:44px;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:thin}.workspace-stage>.chapters button{flex:1;white-space:nowrap;min-height:44px;font-size:11px;padding:8px;border:0}.workspace-stage>.chapters button span{display:none}
#workspace .experience{border:0;min-height:0;display:flex;flex:1;flex-direction:column;position:relative}#workspace .viewport,#workspace .experience.stacked .viewport{flex:1;min-height:220px;height:auto;position:relative}#workspace .viewport canvas{width:100%;height:100%;display:block}#workspace .progress{display:none}#workspace .map-label{top:30px;font-size:10px}#workspace .stack-legend{top:62px;right:14px}#workspace .manual-motion{position:absolute;left:12px;bottom:30px;padding:0;gap:4px;border:0;z-index:4;background:var(--ink)}#workspace .manual-motion>span{display:none}#workspace .manual-motion button{padding:8px;min-width:44px;min-height:44px}#workspace .water-legend{bottom:86px;right:12px}#workspace .selection-label{bottom:80px;right:auto;max-width:calc(100% - 32px);left:12px}#workspace .viewport .camera-preview{bottom:86px;right:12px}#workspace .orientation{bottom:8px;left:12px;font-size:9px}
#workspace .water-panel{display:block;padding:0;border:0;margin:0}#workspace .water-title h2{font-size:26px;margin:0 0 8px}#workspace .water-title p{font-size:12px;line-height:1.5}#workspace .water-title .hint{font-size:11px}#workspace .water-inputs{grid-template-columns:1fr;gap:14px}#workspace .water-inputs label{font-size:12px}#workspace .water-inputs input,#workspace .water-inputs select{font-size:16px;min-height:44px}#workspace #water-advanced summary{padding:16px 0}#workspace #water-advanced summary span{font-size:9px}#workspace #water-advanced .hint{font-size:11px;line-height:1.6}
.simulation-dock{border-top:1px solid var(--line);padding:10px 14px;background:#101f30;flex-shrink:0;display:grid;grid-template-columns:1fr auto;gap:6px 16px}.simulation-dock .water-actions{margin:0;gap:6px;grid-column:1/-1}.simulation-dock .water-actions button{font-size:12px;min-height:44px;padding:8px 12px}.simulation-dock .water-actions label{margin-left:auto}.simulation-dock .water-result-heading{display:flex;grid-row:2;grid-column:2;gap:18px;align-items:center}.simulation-dock .water-result-heading .eyebrow,.simulation-dock .water-result-heading small{display:none}.simulation-dock .water-result-heading>p{font-size:10px}.simulation-dock .water-result-heading strong{font-size:16px;line-height:1.3}.simulation-dock .water-clock{gap:8px}.simulation-dock .water-clock output{font-size:22px}.simulation-dock .water-clock span{display:none}.dock-timeline{min-width:100px;grid-column:1;grid-row:2}.dock-timeline .water-timeline-label{font-size:10px;margin:0}.dock-timeline #water-time{min-height:28px;margin:0}.simulation-dock #water-status{grid-column:1/-1;min-height:18px;font-size:11px;margin:0;line-height:1.4}
#workspace .layer-bar{display:block;border:0;padding:0;background:none}#workspace .layer-bar fieldset{display:block}#workspace .layer-bar label{min-height:44px;margin:0;border-bottom:1px solid var(--line);font-size:13px}#workspace .layer-bar input{min-height:16px}#workspace .layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}#workspace .layer-actions button{white-space:normal;font-size:11px}#workspace .stack-controls{padding:12px 0;flex-wrap:wrap;background:none;gap:8px}#workspace .stack-controls input{width:100%}#workspace .stack-controls p{margin:0;line-height:1.5}#workspace .playback{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;border:0}#workspace .playback button{font-size:11px;flex:1;min-width:90px}#workspace .feature-inspector{display:block;padding:16px 0;background:none}#workspace #feature-details{margin-top:16px}#workspace #camera-tools{border:0}#workspace #camera-tools>summary{display:none}#workspace .conductor-panel{display:block;border:0;padding:0;margin:0}#workspace .conductor-heading h2{font-size:26px}#workspace .conductor-heading p{font-size:12px}#workspace .camera-actions{gap:8px}#workspace .camera-actions button{flex:1 1 110px;font-size:12px}#workspace .control-options{grid-template-columns:1fr;gap:16px}#workspace .control-options label{grid-column:auto}#workspace .gesture-instructions,#workspace .gesture-instructions dl{display:block}#workspace .gesture-instructions dl>div{margin-bottom:16px}#workspace .gesture-instructions p{margin-bottom:12px}
#workspace .water-results{border:0;margin:0;padding:0}#workspace .water-results>.water-timeline-label,#workspace .water-results>.hint:first-of-type{display:none}#workspace .water-balance-heading{display:block;margin:0}#workspace .water-balance{grid-template-columns:repeat(2,minmax(0,1fr))}#workspace .water-balance>div{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:12px 8px}#workspace .water-balance>div:nth-child(even){border-right:0}#workspace .water-balance dd{font-size:18px}#workspace .water-history{display:block}#workspace .water-history p{max-width:none}#workspace .water-export button{width:100%;font-size:11px}#workspace .water-method{font-size:12px}#workspace .water-table-scroll table{min-width:520px}#workspace .reading{display:block;padding:20px 0}#workspace .reading h2{font-size:26px}#workspace .reading>p{font-size:13px;line-height:1.6}#workspace .reading-tools{display:block;text-align:left}#workspace .drawers .details-content,#workspace .evidence,#workspace .extra-links{display:block;font-size:12px}#workspace .data-links{margin-top:12px}#workspace .evidence dl{display:flex;gap:8px}#workspace .evidence dd{font-size:24px}#workspace .creator-controls{display:block}#workspace .creator-controls label{display:block;margin-bottom:12px}#workspace summary{font-size:13px;gap:8px}#workspace summary span{font-size:9px}#workspace .extra-links a{display:block;margin:12px 0}
.workspace-focus{overflow:hidden}.workspace-focus #workspace{position:fixed;inset:0;height:100dvh;min-height:0;z-index:15}.workspace-focus .topbar{display:none}.studio #workspace{display:contents}.studio .workspace-tools,.studio .stage-heading,.studio .workspace-note,.studio .workspace-stage>.chapters,.studio .simulation-dock{display:none}.studio .workspace-stage{display:contents}.studio #workspace .experience{display:grid;position:fixed;inset:0 0 128px}.studio #workspace .viewport{flex:none;height:min(calc(100svh - 150px),calc(100vw * 16 / 9));min-height:0;width:auto}.studio[data-format=horizontal] #workspace .viewport{width:min(94vw,calc((100svh - 150px)*16/9));height:auto}
@media(max-width:1100px){#workspace{grid-template-columns:290px minmax(0,1fr)}.simulation-dock{grid-template-columns:1fr}.simulation-dock .water-result-heading{grid-column:1;grid-row:2;justify-content:space-between}.dock-timeline{grid-row:3}.simulation-dock .water-actions label{margin-left:0}.simulation-dock .water-actions button{padding:8px;font-size:11px}}
@media(max-width:760px){.workspace-ready .topbar{min-height:44px;padding:0 12px}.workspace-ready .brand span{display:none}.workspace-ready main{padding:8px 8px 0}.workspace-ready .intro{display:flex;gap:8px}.workspace-ready .intro>div:first-child{min-width:0}.workspace-ready h1{font-size:18px;max-width:26ch}.workspace-ready .intro .eyebrow{font-size:8px;letter-spacing:.02em}.workspace-ready .city-choice{width:46%;flex-shrink:0}.workspace-ready .city-choice select{font-size:12px;padding:8px;min-height:44px}.workspace-ready .test-cities{flex-wrap:nowrap;gap:4px;padding-bottom:8px}.workspace-ready .test-cities>span,.workspace-ready #walk-test-link{display:none}.workspace-ready .test-cities button{min-height:36px;flex:1;font-size:11px;padding:6px}#workspace{display:block;height:calc(100dvh - 157px);min-height:480px;padding-top:48px}.workspace-tools{position:absolute;top:0;left:0;right:0;height:100%;border:0;pointer-events:none;background:transparent}.tool-tabs{pointer-events:auto;background:var(--ink)}.tool-panels{display:none;pointer-events:auto;position:absolute;left:0;top:48px;width:min(340px,calc(100% - 12px));height:auto;bottom:var(--dock-height,210px);min-height:0;max-height:none;background:var(--ink);border:1px solid var(--line);box-shadow:10px 0 24px rgba(0,0,0,.3);padding:16px}.tools-open .tool-panels{display:block}.close-tools{display:block}.workspace-stage{height:100%}.stage-heading{min-height:36px;padding:0 8px}.stage-heading button{min-height:36px;padding:6px;font-size:10px}.stage-heading>span{font-size:9px}.workspace-note{display:none}.workspace-stage>.chapters button{min-height:36px;padding:6px 8px;font-size:10px;flex:auto}.workspace-stage>.chapters{min-height:36px;height:36px}#workspace .viewport,#workspace .experience.stacked .viewport{min-height:180px}#workspace .map-label{top:12px;left:10px;right:10px;font-size:9px}#workspace .manual-motion{left:8px;bottom:24px;gap:4px}#workspace .manual-motion button{min-width:44px;min-height:44px;padding:6px}#workspace .orientation{font-size:8px;bottom:6px;left:8px}#workspace .stack-legend{top:34px;font-size:9px;padding:6px;gap:5px}#workspace .water-legend{bottom:78px;width:165px;right:8px;padding:6px}#workspace .water-legend small{display:none}#workspace .selection-label{bottom:76px;font-size:10px;padding:6px;left:8px}#workspace .viewport .camera-preview{bottom:78px;right:8px;width:100px}.simulation-dock{padding:8px;gap:3px}.simulation-dock .water-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.simulation-dock .water-actions button{font-size:10px;line-height:1.3;min-height:44px;padding:5px;min-width:0}.simulation-dock .water-actions #water-start{grid-column:span 2}.simulation-dock .water-actions #water-reset{grid-column:span 2}.simulation-dock .water-actions label{grid-column:span 2;justify-content:flex-end;margin:0}.simulation-dock .water-actions select{min-height:36px;font-size:12px;padding:4px 8px}.simulation-dock .water-result-heading{gap:8px}.simulation-dock .water-clock output{font-size:20px}.simulation-dock .water-result-heading>p{font-size:9px}.simulation-dock .water-result-heading strong{font-size:14px}.simulation-dock #water-status{font-size:10px;line-height:1.3;min-height:26px}.dock-timeline .water-timeline-label{font-size:9px}.dock-timeline #water-time{min-height:24px}.workspace-focus #workspace{padding-top:48px}.studio #workspace .experience{inset:0 0 176px}.studio #workspace .viewport{height:min(calc(100svh - 188px),calc(96vw*16/9))}.studio[data-format=horizontal] #workspace .viewport{width:min(96vw,calc((100svh - 188px)*16/9));height:auto}}
@media(prefers-reduced-motion:reduce){#workspace *{scroll-behavior:auto}}

.workspace-quest-links{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}.workspace-quest-links a{display:flex;align-items:center;min-height:44px;font-size:12px;color:var(--soft);text-decoration:underline;text-underline-offset:4px}