body{overflow:hidden}.site-header,.site-footer{display:none}.page-shell{width:100%;height:100dvh;padding:0}.presentation{--present-accent:#45d8ff;position:relative;width:100%;height:100dvh;overflow:hidden;background:#02080e;color:#eefaff;isolation:isolate}.presentation-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 20% 18%,rgba(32,139,192,.24),transparent 35%),radial-gradient(circle at 78% 74%,rgba(22,93,139,.16),transparent 32%),linear-gradient(145deg,#02080e,#051522 56%,#02080e);z-index:-2}.water-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(103,196,234,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(103,196,234,.13) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.water-orbit{position:absolute;border-radius:50%;border:1px solid rgba(69,216,255,.14);box-shadow:0 0 90px rgba(69,216,255,.07),inset 0 0 70px rgba(69,216,255,.04)}.water-orbit-a{width:min(58vw,820px);height:min(58vw,820px);right:-14vw;top:-26vw}.water-orbit-b{width:min(36vw,520px);height:min(36vw,520px);left:-10vw;bottom:-18vw}.present-top{position:absolute;z-index:20;top:max(14px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:14px;min-height:58px}.present-identity{display:flex;align-items:center;gap:11px;min-width:0}.present-identity strong{display:block;font-size:.79rem;letter-spacing:.14em}.present-identity span span{display:block;color:#8faec1;font-size:.62rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.present-drop{width:39px;height:39px;flex:0 0 auto;border-radius:50% 50% 54% 46%;transform:rotate(45deg);background:radial-gradient(circle at 32% 28%,#e2fcff 0 7%,transparent 8%),linear-gradient(145deg,#60e5ff,#0875ad);box-shadow:inset 0 0 18px rgba(255,255,255,.2),0 0 25px rgba(69,216,255,.22)}.present-location{min-width:190px;max-width:280px;height:46px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(146,205,236,.25);border-radius:14px;background:rgba(6,24,38,.78);color:#eefaff;cursor:pointer;text-align:left;backdrop-filter:blur(14px)}.present-location>span:first-child{font-size:1.15rem;color:#45d8ff}.present-location-copy{min-width:0}.present-location-copy small{display:block;color:#91afc2;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.present-location-copy strong{display:block;margin-top:1px;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.present-controls{display:flex;gap:6px;justify-self:end}.control-btn{width:42px;height:42px;min-height:42px;display:inline-grid;place-items:center;border:1px solid rgba(146,205,236,.25);border-radius:12px;background:rgba(6,25,39,.82);color:#eefaff;text-decoration:none;cursor:pointer;font-weight:800;transition:transform .16s,border-color .16s,background .16s}.control-btn:hover{transform:translateY(-1px);border-color:rgba(69,216,255,.62)}.control-btn.active{background:rgba(69,216,255,.13);border-color:rgba(69,216,255,.5)}.control-btn-wide{width:auto;grid-auto-flow:column;gap:7px;padding:0 12px}.exit-btn{border-color:rgba(255,97,119,.3);font-size:1.2rem}.data-ribbon{position:absolute;z-index:15;top:82px;left:50%;transform:translateX(-50%);max-width:min(760px,calc(100vw - 36px));display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px;border:1px solid rgba(146,205,236,.16);border-radius:999px;background:rgba(3,17,28,.65);backdrop-filter:blur(12px);color:#91afc2;font-size:.64rem;white-space:nowrap}.data-ribbon strong{color:#dff7ff;font-weight:760}.data-ribbon button{border:0;background:transparent;color:#45d8ff;cursor:pointer;font-weight:800}.data-light{width:8px;height:8px;border-radius:50%;background:#54e6a7;box-shadow:0 0 12px currentColor;flex:0 0 auto}.data-light.loading{background:#ffd84d;animation:pulse 1s infinite}.data-light.error{background:#ff6177}@keyframes pulse{50%{opacity:.35}}.scene-stage{position:absolute;inset:0}.scene{position:absolute;inset:0;padding:124px clamp(28px,5.4vw,92px) 92px;opacity:0;pointer-events:none;transform:translateY(18px) scale(.995);transition:opacity .48s ease,transform .48s ease;display:grid;align-content:center;overflow:hidden}.scene.active{opacity:1;pointer-events:auto;transform:none}.scene h1{font-size:clamp(2.25rem,5.8vw,6.1rem);line-height:.96;letter-spacing:-.06em;margin:7px 0 16px;max-width:1220px;text-wrap:balance}.scene-lead{font-size:clamp(1rem,1.75vw,1.42rem);line-height:1.55;color:#bad3e0;max-width:1050px;margin:0}.eyebrow{color:#45d8ff;font-size:clamp(.63rem,.82vw,.78rem);font-weight:850;letter-spacing:.16em;text-transform:uppercase}.scene-layout-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:center;gap:40px}.scene-copy{min-width:0}.compact-copy h1{font-size:clamp(2rem,4.7vw,5rem)}.source-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.source-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(146,205,236,.19);border-radius:999px;padding:6px 10px;font-size:.65rem;color:#bdd6e2;background:rgba(4,21,33,.56)}.source-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#45d8ff;box-shadow:0 0 9px currentColor}.source-chip.reanalysis:before{background:#a490ff}.source-chip.model:before{background:#ffd84d}.status-orb-wrap{display:grid;place-items:center}.status-orb{width:clamp(220px,22vw,330px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;border:1px solid rgba(69,216,255,.35);background:radial-gradient(circle at 34% 28%,rgba(214,251,255,.35),transparent 4%),radial-gradient(circle,rgba(69,216,255,.23),rgba(8,56,82,.32) 42%,rgba(3,17,28,.86) 70%);box-shadow:0 0 70px rgba(69,216,255,.15),inset 0 0 65px rgba(69,216,255,.12);position:relative}.status-orb.good{border-color:rgba(84,230,167,.5);background:radial-gradient(circle at 34% 28%,rgba(227,255,242,.36),transparent 4%),radial-gradient(circle,rgba(84,230,167,.23),rgba(14,73,58,.28) 42%,rgba(3,17,28,.86) 70%)}.status-orb.critical{border-color:rgba(255,97,119,.52);background:radial-gradient(circle at 34% 28%,rgba(255,229,233,.34),transparent 4%),radial-gradient(circle,rgba(255,97,119,.23),rgba(94,20,35,.28) 42%,rgba(3,17,28,.86) 70%)}.status-orb.warning{border-color:rgba(255,216,77,.48);background:radial-gradient(circle at 34% 28%,rgba(255,249,218,.34),transparent 4%),radial-gradient(circle,rgba(255,216,77,.2),rgba(92,72,19,.26) 42%,rgba(3,17,28,.86) 70%)}.status-orb-ring{position:absolute;inset:9%;border-radius:50%;border:1px dashed rgba(230,251,255,.24);animation:spinSlow 28s linear infinite}.status-orb.loading .status-orb-ring{animation-duration:5s}@keyframes spinSlow{to{transform:rotate(360deg)}}.status-orb small{color:#91afc2;text-transform:uppercase;letter-spacing:.13em;font-size:.67rem}.status-orb strong{display:block;font-size:clamp(2rem,4vw,4rem);line-height:1;margin:8px 0;text-transform:capitalize}.status-orb>span:last-child{color:#c5dce7;font-size:.79rem}.big-metrics{display:grid;gap:13px;margin-top:28px}.metric-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.big-metric{min-width:0;border:1px solid rgba(146,205,236,.18);border-radius:20px;background:linear-gradient(145deg,rgba(12,42,62,.76),rgba(4,18,29,.8));padding:18px 19px;position:relative;overflow:hidden}.big-metric:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-28px;bottom:-38px;background:radial-gradient(circle,rgba(69,216,255,.14),transparent 67%)}.big-metric small{display:block;color:#91afc2;font-size:.7rem}.big-metric strong{display:block;font-size:clamp(1.55rem,3.2vw,3.65rem);line-height:1;letter-spacing:-.05em;margin:9px 0 8px;white-space:nowrap}.big-metric span{display:block;color:#8faec0;font-size:.64rem;line-height:1.4}.accent-balance:before,.accent-rain:before,.accent-soil:before,.accent-river:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:9px;background:#45d8ff}.accent-balance:before{background:#ffd84d}.accent-soil:before{background:#54e6a7}.accent-river:before{background:#a490ff}.interval-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}.interval-card{border:1px solid rgba(146,205,236,.18);border-radius:22px;background:rgba(6,26,40,.72);padding:20px;min-height:225px;display:flex;flex-direction:column;position:relative;overflow:hidden}.interval-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--interval-color,#45d8ff)}.interval-card>small:first-child{color:var(--interval-color,#45d8ff);font-weight:850;letter-spacing:.12em}.interval-card strong{font-size:clamp(2rem,4vw,4.3rem);letter-spacing:-.06em;margin:17px 0 5px}.interval-card .interval-unit{color:#91afc2;font-size:.7rem}.interval-details{display:grid;gap:7px;margin-top:auto;padding-top:15px;border-top:1px solid rgba(146,205,236,.13)}.interval-details span{display:flex;justify-content:space-between;gap:12px;color:#91afc2;font-size:.68rem}.interval-details b{color:#e7f8ff}.interval-completeness{margin-top:8px;height:4px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.interval-completeness i{display:block;height:100%;background:var(--interval-color,#45d8ff);border-radius:inherit}.lesson-callout{margin-top:18px;max-width:950px;padding:12px 15px;border-left:3px solid #45d8ff;border-radius:0 12px 12px 0;background:rgba(69,216,255,.07);color:#c5dce7;font-size:.82rem}.scene-chart-layout{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(500px,1.3fr);gap:32px;align-items:center}.presentation-chart-card{position:relative;height:min(56vh,520px);border:1px solid rgba(146,205,236,.2);border-radius:24px;background:linear-gradient(145deg,rgba(10,37,55,.84),rgba(3,16,26,.82));padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.24)}.presentation-chart-card canvas{display:block;width:100%;height:100%}.chart-empty{position:absolute;inset:20px;display:grid;place-items:center;text-align:center;color:#91afc2;border:1px dashed rgba(146,205,236,.2);border-radius:16px}.chart-legend{display:flex;flex-wrap:wrap;gap:17px;margin-top:22px;color:#a9c6d4;font-size:.72rem}.chart-legend span{display:flex;align-items:center;gap:8px}.legend-bar{width:18px;height:10px;border-radius:3px;background:#45d8ff}.legend-line{width:22px;height:3px;background:#ffd84d;border-radius:99px}.water-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:11px;margin-top:30px}.path-step{border:1px solid rgba(146,205,236,.18);border-radius:22px;background:rgba(6,26,40,.72);padding:19px;min-height:245px;position:relative}.path-step small{position:absolute;right:15px;top:13px;color:#5d7f91;font-size:.7rem}.path-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(69,216,255,.11);color:#45d8ff;font-size:1.8rem;margin-bottom:20px}.path-step h3{font-size:clamp(1.08rem,1.7vw,1.5rem);margin:0 0 9px}.path-step p{font-size:.8rem;line-height:1.55;color:#9cb9c8;margin:0}.path-ground .path-icon{background:rgba(84,230,167,.1);color:#54e6a7}.path-flow .path-icon{background:rgba(164,144,255,.1);color:#a490ff}.path-storage .path-icon{background:rgba(255,216,77,.1);color:#ffd84d}.path-arrow{align-self:center;color:#4d8097;font-size:2rem}.measurement-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.measurement-card{border:1px solid rgba(146,205,236,.2);border-radius:24px;padding:24px;background:rgba(6,27,42,.76);min-height:280px}.measurement-card h2{font-size:clamp(1.2rem,2.2vw,2rem);margin:13px 0}.measurement-tag{font-size:.65rem;font-weight:850;letter-spacing:.13em;color:#45d8ff}.model-card .measurement-tag{color:#ffd84d}.measurement-value{font-size:clamp(2.5rem,5vw,5.2rem);font-weight:900;letter-spacing:-.06em;margin:20px 0}.measurement-card p{font-size:.82rem;line-height:1.55;color:#9dbbc9;margin:0}.official-card{box-shadow:inset 0 3px 0 rgba(69,216,255,.48)}.model-card{box-shadow:inset 0 3px 0 rgba(255,216,77,.48)}.comparison-arrow{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px;color:#91afc2}.comparison-arrow strong{font-size:2.2rem;color:#ff9148}.driver-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}.driver-stage .driver{min-height:170px;padding:18px;background:rgba(6,26,40,.68);border-radius:18px}.driver-stage .driver-icon{width:45px;height:45px;font-size:1rem}.driver-stage .driver h3{font-size:1rem}.driver-stage .driver p{font-size:.77rem;line-height:1.55}.method-box{margin-top:16px;padding:12px 15px;border:1px solid rgba(146,205,236,.16);border-radius:13px;color:#91afc2;font-size:.72rem;background:rgba(2,14,23,.5)}.delay-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}.delay-item{border-top:4px solid #45d8ff;border-radius:18px;background:rgba(6,26,40,.7);padding:19px;min-height:190px}.delay-item:nth-child(2){border-color:#54e6a7}.delay-item:nth-child(3){border-color:#a490ff}.delay-item:nth-child(4){border-color:#ffd84d}.delay-item strong{display:block;font-size:clamp(1rem,1.7vw,1.35rem);margin-bottom:14px}.delay-item span{display:block;color:#9bb8c6;font-size:.78rem;line-height:1.55}.question-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-top:20px;border:1px solid rgba(255,216,77,.24);border-radius:18px;background:rgba(255,216,77,.07);padding:16px 19px}.question-card span{font-size:.62rem;letter-spacing:.13em;color:#ffd84d;font-weight:850}.question-card strong{font-size:clamp(.9rem,1.5vw,1.15rem)}.source-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}.source-board article{border:1px solid rgba(146,205,236,.18);border-radius:20px;background:rgba(6,26,40,.72);padding:18px;min-height:210px}.source-symbol{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(69,216,255,.1);color:#45d8ff;font-size:1.25rem;margin-bottom:16px}.source-symbol.reanalysis{color:#a490ff;background:rgba(164,144,255,.1)}.source-symbol.official{color:#54e6a7;background:rgba(84,230,167,.1)}.source-symbol.model{color:#ffd84d;background:rgba(255,216,77,.1)}.source-board small{display:block;color:#6f94a7;font-size:.58rem;letter-spacing:.1em}.source-board strong{display:block;margin:6px 0 10px;font-size:1rem}.source-board p{color:#91afc2;font-size:.72rem;line-height:1.5;margin:0}.final-message{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;padding:14px 17px;border-left:3px solid #45d8ff;background:rgba(69,216,255,.07);border-radius:0 14px 14px 0}.final-message span{color:#91afc2;font-size:.67rem;text-align:right}.speaker-notes{position:absolute;z-index:40;right:18px;bottom:86px;width:min(430px,calc(100vw - 36px));border:1px solid rgba(255,216,77,.28);border-radius:17px;background:rgba(7,24,36,.97);padding:14px 16px;box-shadow:0 22px 70px rgba(0,0,0,.5);transform:translateY(18px);opacity:0;pointer-events:none;transition:.2s}.speaker-notes.open{transform:none;opacity:1;pointer-events:auto}.speaker-notes>div{display:flex;justify-content:space-between;align-items:center;color:#ffd84d;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.speaker-notes button{border:0;background:transparent;color:#eefaff;font-size:1rem;cursor:pointer}.speaker-notes p{color:#bfd5df;font-size:.76rem;line-height:1.55;margin:10px 0 0}.blackout{position:absolute;z-index:100;inset:0;background:#000;display:grid;place-items:center}.blackout[hidden]{display:none}.blackout button{opacity:0;border:1px solid #333;border-radius:13px;background:#080808;color:#888;padding:12px 18px;cursor:pointer;transition:.2s}.blackout:hover button,.blackout button:focus{opacity:1}.location-dialog{position:absolute;z-index:80;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,6,11,.78);backdrop-filter:blur(16px)}.location-dialog[hidden]{display:none}.location-dialog-card{width:min(650px,100%);max-height:min(720px,90dvh);overflow:auto;border:1px solid rgba(146,205,236,.25);border-radius:24px;background:linear-gradient(145deg,#0b2a3f,#061723);box-shadow:0 32px 100px rgba(0,0,0,.62);padding:21px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head small{color:#45d8ff;font-size:.62rem;letter-spacing:.12em}.dialog-head h2{font-size:1.65rem;margin:4px 0 0}.dialog-head button{width:39px;height:39px;border:1px solid rgba(146,205,236,.22);border-radius:12px;background:rgba(2,15,24,.55);color:#eefaff;font-size:1.15rem;cursor:pointer}.location-form{margin-top:19px}.location-form label{display:block;color:#91afc2;font-size:.68rem;margin-bottom:7px}.location-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}.location-form input{height:46px;border:1px solid rgba(146,205,236,.28);border-radius:12px;background:rgba(1,12,20,.72);color:#eefaff;padding:0 13px}.location-form button{height:46px;border:1px solid rgba(69,216,255,.42);border-radius:12px;background:linear-gradient(135deg,#168fc6,#0b5f91);color:#fff;padding:0 16px;font-weight:800;cursor:pointer}.quick-locations{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.quick-locations button{border:1px solid rgba(146,205,236,.2);border-radius:999px;background:rgba(2,15,24,.45);color:#bfd6e1;padding:7px 11px;cursor:pointer;font-size:.7rem}.location-results{display:grid;gap:7px;margin-top:15px}.location-results p{color:#91afc2;font-size:.75rem}.location-result{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid rgba(146,205,236,.17);border-radius:13px;background:rgba(2,15,24,.45);padding:11px 12px;color:#eefaff;cursor:pointer;text-align:left}.location-result strong{display:block;font-size:.79rem}.location-result span{display:block;color:#7395a7;font-size:.63rem;margin-top:3px}.location-result>span:last-child{color:#45d8ff;margin:0}.present-footer{position:absolute;z-index:20;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,1fr) auto minmax(220px,.8fr);align-items:center;gap:16px}.scene-index strong{display:block;font-size:.79rem}.scene-index span{display:block;color:#91afc2;font-size:.62rem;margin-top:2px}.scene-progress{height:4px;background:rgba(255,255,255,.09);border-radius:99px;overflow:hidden}.scene-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#168fc6,#45d8ff);border-radius:inherit}.timeline-dots{display:flex;gap:7px;justify-content:center}.timeline-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer}.timeline-dots button.active{background:#45d8ff;box-shadow:0 0 12px #45d8ff}.present-clock{text-align:right}.present-clock span{display:block;font-size:.78rem;font-weight:800}.present-clock small{display:block;color:#7596a7;font-size:.57rem;margin-top:2px}.skeleton-card{animation:skeletonPulse 1.3s infinite alternate}@keyframes skeletonPulse{to{opacity:.55}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1100px){.present-top{grid-template-columns:1fr auto}.present-location{grid-row:2;grid-column:1/-1;justify-self:center;height:38px}.data-ribbon{top:115px}.scene{padding-top:156px}.scene-layout-hero{grid-template-columns:1fr minmax(210px,.4fr);gap:24px}.metric-grid-4,.interval-grid,.source-board{grid-template-columns:repeat(2,minmax(0,1fr))}.big-metric{padding:15px}.water-path{grid-template-columns:1fr 1fr}.path-arrow{display:none}.scene-chart-layout{grid-template-columns:.75fr 1.25fr}.delay-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.present-footer{grid-template-columns:auto 1fr auto}.timeline-dots{display:none}.present-clock small{display:none}}@media(max-width:760px){.present-top{top:max(7px,env(safe-area-inset-top));left:8px;right:8px;grid-template-columns:1fr auto}.present-identity span span{display:none}.present-identity strong{font-size:.7rem}.present-drop{width:34px;height:34px}.present-location{display:none}.present-controls{gap:4px}.control-btn{width:37px;height:37px;min-height:37px;border-radius:10px}.control-btn-wide{width:37px;padding:0}.control-btn-wide #autoLabel{display:none}.present-controls #notesBtn,.present-controls #readBtn{display:none}.data-ribbon{top:55px;max-width:calc(100vw - 16px);font-size:.57rem;padding:5px 9px}.data-ribbon #dataTimestamp{display:none}.scene{padding:94px 14px 76px;align-content:start;overflow-y:auto;scrollbar-width:none}.scene::-webkit-scrollbar{display:none}.scene h1{font-size:clamp(2rem,10vw,3.4rem);margin-bottom:12px}.scene-lead{font-size:.9rem;line-height:1.48}.scene-layout-hero{display:block}.status-orb-wrap{margin:16px 0}.status-orb{width:190px}.metric-grid-4,.interval-grid,.measurement-grid,.source-board,.driver-stage,.delay-timeline{grid-template-columns:1fr}.big-metrics{margin-top:16px}.big-metric{min-height:116px}.big-metric strong{font-size:2rem}.interval-grid{margin-top:18px}.interval-card{min-height:190px}.scene-chart-layout{display:block}.presentation-chart-card{height:360px;margin-top:18px;padding:10px}.water-path{grid-template-columns:1fr;gap:9px;margin-top:18px}.path-step{min-height:auto;padding:15px}.path-icon{width:46px;height:46px;margin-bottom:12px}.measurement-grid{margin-top:18px}.measurement-card{min-height:220px;padding:17px}.measurement-value{font-size:2.65rem;margin:14px 0}.driver-stage{margin-top:18px}.driver-stage .driver{min-height:130px}.question-card{display:block}.question-card strong{display:block;margin-top:7px}.source-board{margin-top:18px}.source-board article{min-height:170px}.final-message{display:block}.final-message span{display:block;text-align:left;margin-top:7px}.speaker-notes{right:8px;left:8px;bottom:72px;width:auto}.present-footer{left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:auto 1fr auto;gap:10px}.scene-index span{display:none}.present-clock small{display:none}.scene-progress{height:3px}.location-dialog{padding:8px}.location-dialog-card{padding:16px;border-radius:18px}.quick-locations{display:grid;grid-template-columns:1fr 1fr}.location-form>div{grid-template-columns:1fr}.location-form button{width:100%}}@media(max-width:430px){.present-controls #prevScene,.present-controls #nextScene{display:none}.control-btn{width:39px}.scene{padding-top:90px}.data-ribbon strong{max-width:250px;overflow:hidden;text-overflow:ellipsis}.status-orb{width:170px}.scene h1{font-size:2.25rem}.big-metric strong{font-size:1.75rem}.presentation-chart-card{height:315px}.quick-locations{grid-template-columns:1fr}.present-clock{display:none}.present-footer{grid-template-columns:auto 1fr}}

/* v1.3.0 mobile control and overflow refinements */
@media(max-width:760px){
  .present-identity>div>span{display:none}
  .present-identity{gap:7px;min-width:82px}
  .present-identity strong{font-size:.64rem;letter-spacing:.11em;white-space:nowrap}
  .present-drop{width:30px;height:30px}
  .present-controls{min-width:0}
  .data-ribbon{top:51px;left:10px;right:10px;transform:none;max-width:none;justify-content:flex-start;overflow:hidden}
  .data-ribbon strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .scene{padding-top:91px;padding-bottom:112px}
  .big-metric strong{font-size:clamp(1.55rem,8vw,2rem);white-space:normal;overflow-wrap:anywhere}
  .present-footer{background:linear-gradient(180deg,rgba(2,8,14,0),rgba(2,8,14,.93) 35%);padding-top:17px}
}
@media(max-width:430px){
  .present-identity{min-width:76px}
  .present-controls{gap:3px}
  .control-btn{width:37px;height:37px;min-height:37px}
  .data-ribbon{top:49px}
  .scene{padding-top:88px;padding-bottom:116px}
}

/* v1.4.0 long-term climate context */
.history-layout{grid-template-columns:minmax(320px,.78fr) minmax(480px,1.22fr)}
.history-chart-card{height:min(56vh,520px)}
.history-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.history-metrics article{min-height:112px;border:1px solid rgba(146,205,236,.16);border-radius:15px;background:linear-gradient(145deg,rgba(11,39,58,.78),rgba(3,17,28,.72));padding:13px}
.history-metrics small{display:block;color:#7fa0b0;font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.35}
.history-metrics strong{display:block;margin-top:8px;font-size:1.55rem;line-height:1;color:#eefaff}
.history-metrics span{display:block;margin-top:7px;color:#91afc2;font-size:.64rem;line-height:1.35}
.history-source-note{margin-top:14px;border-left:3px solid #a490ff;border-radius:0 12px 12px 0;background:rgba(164,144,255,.07);padding:10px 12px;color:#a9c0cc;font-size:.67rem;line-height:1.45}
.source-chip.longterm{border-color:rgba(164,144,255,.38);color:#c8bdff}
@media(max-width:1100px){.history-layout{grid-template-columns:.82fr 1.18fr}.history-metrics{grid-template-columns:1fr}.history-metrics article{min-height:84px}}
@media(max-width:760px){.history-layout{display:block}.history-chart-card{height:380px}.history-metrics{grid-template-columns:1fr 1fr;margin-top:16px}.history-metrics article:last-child{grid-column:1/-1}.history-source-note{font-size:.64rem}}
@media(max-width:430px){.history-chart-card{height:330px}.history-metrics{grid-template-columns:1fr}.history-metrics article:last-child{grid-column:auto}}
.chart-empty[hidden]{display:none!important}


/* SO-Wasser v1.5.0: ausbruchsichere Szenen, kurze PC-Höhen und mobile Kartenbahnen */
.presentation,.page-shell{height:100svh;height:100dvh}
.scene{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.scene::-webkit-scrollbar{display:none}
.scene>*{min-width:0}
.scene h1,.scene h2,.scene p,.measurement-value,.big-metric strong,.interval-card strong{overflow-wrap:anywhere;word-break:normal}
.measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.measurement-card{min-width:0;overflow:hidden}
.measurement-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:.18em .3em;line-height:1.02}
.measurement-value>span{min-width:0}
.measurement-value>small{display:block;font-size:clamp(.78rem,1.25vw,1.15rem);font-weight:760;letter-spacing:0;color:#91afc2;text-transform:none}
.presentation-pseudo-fullscreen{position:fixed;inset:0;overflow:hidden}

@media(min-width:761px) and (max-height:940px){
  .present-top{top:8px;min-height:48px}
  .present-drop{width:34px;height:34px}
  .present-location{height:40px}
  .control-btn{width:38px;height:38px;min-height:38px}
  .control-btn-wide{width:auto}
  .data-ribbon{top:60px;padding:5px 10px}
  .scene{padding:96px clamp(24px,4.4vw,72px) 58px;align-content:start}
  .scene h1{font-size:clamp(2rem,4.2vw,4.4rem);line-height:.98;margin:5px 0 11px;max-width:1120px}
  .compact-copy h1{font-size:clamp(1.9rem,3.7vw,3.9rem)}
  .scene-lead{font-size:clamp(.88rem,1.25vw,1.08rem);line-height:1.45}
  .source-chips{margin-top:11px}
  .big-metrics,.interval-grid,.measurement-grid,.water-path,.source-board,.delay-timeline{margin-top:17px}
  .big-metric{padding:13px 15px}
  .big-metric strong{font-size:clamp(1.45rem,2.6vw,2.8rem);margin:6px 0}
  .interval-card{min-height:175px;padding:15px}
  .interval-card strong{font-size:clamp(1.75rem,3.2vw,3.1rem);margin:11px 0 4px}
  .presentation-chart-card,.history-chart-card{height:min(48vh,390px)}
  .path-step{min-height:190px;padding:15px}
  .path-icon{width:48px;height:48px;margin-bottom:12px}
  .measurement-card{min-height:210px;padding:17px 19px}
  .measurement-card h2{font-size:clamp(1.08rem,1.55vw,1.5rem);margin:9px 0}
  .measurement-value{font-size:clamp(2rem,3.55vw,3.8rem);margin:12px 0}
  .measurement-card p{font-size:.72rem;line-height:1.42}
  .comparison-arrow{margin-top:10px}
  .driver-stage{margin-top:16px}
  .driver-stage .driver{min-height:128px;padding:14px}
  .source-board article{min-height:160px;padding:14px}
  .delay-item{min-height:145px;padding:15px}
  .present-footer{bottom:7px}
}

@media(min-width:761px) and (max-height:760px){
  .present-identity span span,.data-ribbon #dataTimestamp{display:none}
  .scene{padding-top:78px;padding-bottom:48px}
  .data-ribbon{top:49px}
  .scene h1{font-size:clamp(1.75rem,3.6vw,3.55rem)}
  .scene-lead{font-size:.88rem;line-height:1.38}
  .measurement-card{min-height:178px}
  .measurement-value{font-size:clamp(1.75rem,3vw,3rem)}
  .presentation-chart-card,.history-chart-card{height:min(45vh,315px)}
}

@media(max-width:760px){
  .scene{padding:84px 10px calc(64px + env(safe-area-inset-bottom));}
  .scene h1{font-size:clamp(1.72rem,8.4vw,2.45rem);line-height:1.02;letter-spacing:-.045em}
  .scene-lead{font-size:.82rem;line-height:1.42}
  .data-ribbon{top:47px}
  .metric-grid-4,.interval-grid,.measurement-grid,.source-board,.delay-timeline,.driver-stage,.water-path,.history-metrics{
    display:grid;grid-auto-flow:column;grid-auto-columns:minmax(82vw,1fr);grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;gap:9px;padding:2px 2px 8px;scrollbar-width:none
  }
  .metric-grid-4::-webkit-scrollbar,.interval-grid::-webkit-scrollbar,.measurement-grid::-webkit-scrollbar,.source-board::-webkit-scrollbar,.delay-timeline::-webkit-scrollbar,.driver-stage::-webkit-scrollbar,.water-path::-webkit-scrollbar,.history-metrics::-webkit-scrollbar{display:none}
  .metric-grid-4>*,.interval-grid>*,.measurement-grid>*,.source-board>*,.delay-timeline>*,.driver-stage>*,.water-path>*,.history-metrics>*{scroll-snap-align:start}
  .path-arrow{display:none}
  .big-metric{min-height:105px;padding:13px}
  .big-metric strong{font-size:1.65rem}
  .interval-card{min-height:165px;padding:14px}
  .measurement-card{min-height:190px;padding:15px}
  .measurement-value{font-size:clamp(1.85rem,11vw,2.65rem);margin:10px 0}
  .measurement-value>small{font-size:.78rem}
  .measurement-card h2{font-size:1.08rem;margin:8px 0}
  .measurement-card p{font-size:.69rem;line-height:1.4}
  .presentation-chart-card,.history-chart-card{height:285px;margin-top:12px}
  .path-step{min-height:150px}
  .source-board article{min-height:150px}
  .delay-item{min-height:135px}
  .driver-stage .driver{min-height:120px}
  .lesson-callout,.question-card,.method-box,.history-source-note{font-size:.68rem;line-height:1.4}
  .present-footer{bottom:max(4px,env(safe-area-inset-bottom));padding-top:10px}
}

@media(max-width:430px){
  .scene{padding-top:81px}
  .present-identity strong{font-size:.59rem}
  .control-btn{width:35px;height:35px;min-height:35px}
  .data-ribbon{top:44px;font-size:.54rem}
  .scene h1{font-size:1.82rem}
  .status-orb{width:150px}
  .presentation-chart-card,.history-chart-card{height:255px}
  .metric-grid-4,.interval-grid,.measurement-grid,.source-board,.delay-timeline,.driver-stage,.water-path,.history-metrics{grid-auto-columns:minmax(86vw,1fr)}
}