/* v0.3: map-first hierarchy and resilient controls */
button{min-height:44px}button:disabled{opacity:.45;cursor:not-allowed}p{line-height:1.6}a{color:var(--cyan)}
.topbar{backdrop-filter:none;background:#091321}.warning-strip{padding:6px 24px;background:#142435;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.warning-strip button{border:0;background:none;color:var(--paper);text-align:left}.warning-strip .danger{color:#ff8b94;font-weight:800}.map-stage{height:calc(100dvh - 125px)}
.map-title{width:auto;max-width:340px;padding:12px 16px;pointer-events:none}.map-title h1{font-size:26px;line-height:1.1}.map-title .kicker{display:none}.map-title>p:last-child{font-size:12px;margin:6px 0 0}.region-switch{top:113px}.layer-switch{top:24px}.signal-panel{top:94px;max-height:50%;overflow:auto}.signal-body{display:none}.signal-panel.expanded .signal-body{display:block}#panel-toggle{width:100%;border:0;border-radius:12px;background:var(--panel);text-align:left;padding:8px 12px;color:var(--paper)}
.timeline{grid-template-columns:44px minmax(0,1fr) auto auto;width:min(980px,calc(100% - 48px));bottom:20px;gap:10px}.timeline input{width:100%;min-height:32px;touch-action:pan-y}.timeline-meta{gap:8px;flex-wrap:wrap}#radar-loading{font-size:11px;margin:3px 0;color:var(--muted)}#radar-loading[data-state=error]{color:#ffaf8a}#radar-retry,.now-button{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:8px;font-size:11px}.radar-legend{left:24px;bottom:145px;max-width:310px;border-radius:12px;padding:12px;font-size:12px}.radar-legend summary{cursor:pointer}.radar-legend label{display:block;margin-top:10px}.radar-legend input{display:block;width:100%}.leaflet-control-zoom{margin-top:180px!important}
.section-hero{padding:36px max(24px,6vw) 18px}.section-hero h1{font-size:40px;line-height:1.1}.case-picker{flex-wrap:wrap}.case-chip small{display:block;margin-top:8px;color:var(--cyan)}.case-media figure{margin:0;background:#142e40}.case-photo{width:100%;height:auto;max-height:400px;object-fit:contain;display:block;background:#142e40}.case-media figcaption{padding:12px 18px;font-size:12px;color:var(--muted)}.case-media h2{font-size:30px}.case-media details{padding:18px}.case-media #case-video{padding:0 18px 18px}.case-media iframe{width:100%;aspect-ratio:16/9;border:0}.case-evidence{align-self:start}.case-evidence p{color:var(--muted)}.case-evidence textarea{display:block;width:100%;min-height:100px;box-sizing:border-box;margin:12px 0;background:var(--deep);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--paper);font:inherit}.step-track{display:flex;gap:6px;margin:12px 0 24px}.step-track i{height:5px;flex:1;border-radius:6px;background:var(--line)}.step-track .done{background:var(--cyan)}.case-media button,.case-evidence>button:not(.case-next),.lab-actions button,[data-lab-pause]{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--panel);color:var(--paper)}
.lab-controls>p{color:var(--muted)}.lab-result strong{font-size:30px;line-height:1.25}.lab-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.lab-visual{align-self:start}.lab-visual canvas{height:390px}.lab-controls label{font-size:14px}.lab-controls input{min-height:38px}.lab-result{border-left:3px solid var(--cyan)}.guess-grid{grid-template-columns:repeat(3,1fr)}.guess-grid button:last-child{grid-column:1/-1}#case-location{color:var(--cyan)}.notebook-entry p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:980px){.topbar{position:relative}.mode-nav{position:fixed;bottom:0;left:0;transform:none;width:100%;box-sizing:border-box;border-radius:14px 14px 0 0;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:1500}.mode-tab{padding:0 8px;font-size:11px}.warning-strip{padding:4px 12px;align-items:start}.warning-strip a{max-width:95px;line-height:1.5}.map-stage{height:calc(100dvh - 175px);min-height:560px}.map-title{left:12px;top:12px}.map-title h1{font-size:22px}.region-switch{top:76px;left:12px}.layer-switch{top:134px;left:12px;right:12px;max-width:none}.signal-panel{top:auto;left:12px;right:12px;bottom:135px;max-height:48%;width:auto;padding:8px}.radar-legend{left:12px;bottom:192px;max-width:270px}.radar-legend[open]{z-index:700;bottom:192px;max-height:230px;overflow:auto}.timeline{left:12px;transform:none;bottom:12px;width:calc(100% - 24px);grid-template-columns:40px minmax(0,1fr);padding:10px}.timeline #radar-retry,.timeline .now-button{display:block;font-size:10px;min-height:30px}.timeline #radar-retry{grid-column:1}.timeline-meta{font-size:9px}.leaflet-control-zoom{margin-top:202px!important}.case-evidence{order:0}.case-workbench{margin-bottom:90px}.lab-panel{margin-bottom:90px}.section-hero{padding:28px 18px 12px}.section-hero h1{font-size:30px}.case-photo{max-height:300px}.toast{bottom:80px}.lab-visual canvas{height:320px}.signal-panel.expanded{z-index:650}.signal-panel.expanded~.radar-legend{display:none}}
@media(min-width:981px){.mode-nav .notebook-tab{display:none}}
@media(max-width:980px){.signal-panel{bottom:190px}.radar-legend,.radar-legend[open]{bottom:254px}.map-stage{min-height:600px}}
@media(max-width:640px){.case-picker{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:8px}.case-chip{flex:0 0 168px;min-width:168px}.section-hero p{font-size:14px}.case-media-copy h2{font-size:26px}.lab-controls h2{font-size:28px}}