/* Approved artwork stays crisp. Only the local forecast particles move above it. */
.p20-app .p20-hero,.p20-app .p20-hero[data-night=true]{background-blend-mode:normal;filter:none;background-color:#c7efff}
.p20-app .p20-hero:before,.p20-app .p20-hero[data-night=true]:before{background:none;backdrop-filter:none}
.p20-app .p20-hero-copy :where(h1,#p20WaterLabel,.p20-main-value,.p20-point-only){text-shadow:0 1px 0 #fff,0 0 4px #fff,0 0 10px #fff,0 0 22px #ffffffb3;color:#041d44}
.p20-app .p20-hero[data-night=true]{background-image:url('../images/premium/river-desktop-night-v206.webp')}
.p20-app .p20-hero[data-period=dawn]{background-image:url('../images/premium/river-desktop-dawn-v206.webp')}
.p20-app .p20-hero[data-night=true] .p20-hero-copy :where(h1,#p20WaterLabel,.p20-main-value,.p20-point-only){color:#fff;text-shadow:0 1px 2px #031a32,0 0 10px #031a32}
.p20-app .p20-hero h1{font-weight:800}.p20-app .p20-main-value strong{font-weight:900;font-size:clamp(82px,8.5vw,116px);letter-spacing:-.04em}
.p20-app .p20-hero #p20WaterLabel{font-weight:800}.p20-app .p20-water-fill{background:transparent}
.p20-app .p20-distance{border-color:#00f1f2;filter:drop-shadow(0 1px 2px #006f82)}
.p20-app .p20-distance:before,.p20-app .p20-distance:after{border-color:#00f1f2}
.p20-app .p20-distance span{top:50%;transform:translateY(-50%);left:15px;line-height:1.05;white-space:nowrap;background:none;text-shadow:0 2px 3px #00243d,0 0 7px #00243d}
.p20-app .p20-distance small{display:block;font-size:18px;font-weight:700;line-height:1.4;color:white}
.p20-app .p20-distance strong{display:block;font-size:44px;font-weight:900;color:white;letter-spacing:-.025em}
.p20-app .p20-bank{border-color:#ffc12a;filter:drop-shadow(0 1px 2px #5a3f00)}
.p20-app .p20-bank span{color:#302800;font-weight:800;background:#ffcf24}
.p20-app .p20-art-icon{display:inline-block;width:54px;height:54px;object-fit:contain;flex-shrink:0;filter:none}
.p20-app .p20-categories .p20-art-icon{width:50px;height:50px}
.p20-app .p20-categories [data-kind=region] .p20-art-icon{width:62px;height:62px}
.p20-app .ku-desktop-links .p20-art-icon{width:20px;height:20px}
.p20-app .p20-summary-grid h2 .p20-art-icon{width:34px;height:34px;vertical-align:middle}
.p20-app .p20-weather-object{background:none;filter:none;width:90px;height:90px}
.p20-app .p20-weather-object .p20-art-icon{width:100%;height:100%}
.p20-app .p20-weather-object:before,.p20-app .p20-weather-object:after{display:none}
.p20-weather-float{position:absolute;right:10px;top:68px;z-index:2;display:grid;grid-template-columns:34px 1fr;gap:0 6px;padding:7px 11px;background:#fffffff2;border:1px solid #8cd9ff;border-radius:15px;box-shadow:0 5px 15px #057ba938;color:#07547c;max-width:calc(100% - 20px);animation:p20WeatherFloat 5s ease-in-out infinite;pointer-events:none;font-size:12px}
.p20-weather-float>span{grid-row:span 2;font-size:32px;color:#0798eb}.p20-weather-float small{font-size:10px}.p20-weather-float[hidden]{display:none}
.p20-app .p20-rain{background-size:43px 63px;opacity:.48;mask-image:linear-gradient(90deg,transparent 40%,#000);filter:drop-shadow(0 1px 1px #178ac2)}
.p20-app[data-temperature=warm]{background-color:#fff9ed}.p20-app[data-temperature=cool]{background-color:#effbff}
.p20-emergency-border{position:fixed;inset:0;z-index:9900;pointer-events:none;border:4px solid #e62c47;box-shadow:inset 0 0 24px #f41e4640;animation:p20EmergencyGlow 3s ease-in-out infinite}
.p20-emergency-border[hidden],.p20-emergency-banner[hidden]{display:none}
.p20-emergency-banner{position:relative;z-index:8;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff0f3;border:2px solid #e62c47;color:#9e1631;border-radius:12px;margin:8px 22px;padding:12px 16px}
.p20-emergency-banner a{color:#9b1030;font-weight:800}.p20-emergency-banner span{flex:1;min-width:160px}.p20-emergency-banner button{min-height:44px;border:1px solid #e6a0ad;background:white;color:#981a34;border-radius:8px;padding:8px 12px}
.p20-area-picker{margin:10px 0;border:1px solid #d7e8f3;border-radius:10px;padding:9px}.p20-area-picker label{display:block;font-size:12px;margin:7px 0}.p20-area-picker select{width:100%;min-width:0;font-size:16px;min-height:44px}.p20-area-picker p{font-size:11px;color:#45627a}.p20-area-picker summary{font-size:13px;font-weight:700}
.p20-classic-banner{padding:12px 18px;display:flex;gap:12px;flex-wrap:wrap;background:#e7f8ff;color:#034b7b;border:1px solid #7bd1fa;border-radius:12px;margin:8px 0}.p20-classic-banner a{font-weight:800;color:#005eea}.p20-classic-banner span{font-size:12px}
.p20-map-list button{display:block;width:100%;text-align:left}.p20-map-list .p20-list-icon{width:26px;height:26px;margin-right:7px;vertical-align:middle}.p20-map-key{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#345478}
.p20-map-list small{display:block}.p20-map-area-note{background:#eef9ff;border-radius:10px;padding:10px;font-size:12px}
.p20-scene-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.p20-scene-strip button{border:2px solid transparent;min-height:90px;padding:9px 12px;border-radius:11px;text-align:left;background:#b4dfff var(--scene) center 55%/cover;color:#fff;text-shadow:0 1px 4px #001c3d;position:relative;overflow:hidden}.p20-scene-strip button strong{display:block;font-size:18px}.p20-scene-strip button small{display:block;font-size:11px}.p20-scene-strip button[aria-pressed=true]{border-color:#007bff}.p20-scene-strip [data-scene-preview=dawn]{--scene:url('../images/premium/river-desktop-dawn-v206.webp')}.p20-scene-strip [data-scene-preview=light]{--scene:url('../images/premium/river-desktop-day-v206.webp')}.p20-scene-strip [data-scene-preview=dark]{--scene:url('../images/premium/river-desktop-night-v206.webp')}
@keyframes p20WeatherFloat{50%{transform:translateY(-5px)}}@keyframes p20EmergencyGlow{50%{box-shadow:inset 0 0 13px #f41e4622}}
@media(max-width:800px){.p20-app .p20-distance strong{font-size:36px}.p20-app .p20-categories .p20-art-icon{width:44px;height:44px}.p20-emergency-banner{margin:8px 14px}}
@media(max-width:540px){.p20-app .p20-main-value strong{font-size:82px}.p20-app .p20-distance strong{font-size:28px}.p20-app .p20-distance small{font-size:13px}.p20-app .p20-distance span{left:9px}.p20-app .p20-gauge{left:49%;width:48%}.p20-app .p20-gauge .p20-distance{left:9%}.p20-weather-float{top:62px;padding:4px 8px;font-size:10px}.p20-weather-float>span{font-size:26px}.p20-weather-float small{font-size:9px}.p20-scene-strip{gap:5px}.p20-scene-strip button{padding:6px;min-height:85px}.p20-scene-strip button strong{font-size:13px}.p20-scene-strip button small{font-size:10px}.p20-emergency-banner{margin:8px 10px;padding:10px}.p20-app .p20-categories [data-kind=region] .p20-art-icon{width:48px;height:48px}}
@media(max-width:360px){.p20-app .p20-main-value strong{font-size:72px}.p20-app .p20-distance strong{font-size:24px}.p20-app .p20-distance small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.p20-weather-float,.p20-emergency-border{animation:none!important}}
html[data-p20-motion=reduce] :is(.p20-weather-float,.p20-emergency-border){animation:none!important}
.p20-reduced :is(.p20-weather-float,.p20-emergency-border),.p20-background :is(.p20-weather-float,.p20-emergency-border,.p20-rain){animation:none!important}
.p20-scene-caption{font-size:12px;color:var(--muted)}.p20-scene-caption button{border:1px solid #a9d7ed;border-radius:8px;min-height:40px;background:white;color:#075279;padding:6px 12px}
.p20-period-label{display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:700;color:#526e89}.p20-period-label img{width:21px;height:21px;object-fit:contain}.p20-clock-menu summary>span{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px}
/* Whole-site night palette, without tinting camera pictures or the hero artwork. */
html[data-p20-theme=dark] body.p20-app{--ink:#f0f7ff;--muted:#b8d3ed;--paper:#112c48;--canvas:#071a30;--line:#294b68;--p20-ink:#f0f7ff;--p20-muted:#b8d3ed;--p20-line:#294b68;background:#071a30;color:#f0f7ff}
html[data-p20-theme=dark] body.p20-app .ku-header{background:#0b2038;color:#edf7ff;border-color:#294b68}
html[data-p20-theme=dark] .p20-app :is(.p20-brand-promise strong,.ku-brand strong,.ku-brand small,.ku-desktop-links a,.p20-page-cover h1,.p20-google-section h2,.p20-public-footer strong){color:#f2f8ff}
html[data-p20-theme=dark] .p20-app :is(.p20-brand-promise span,.p20-eyebrow,.p20-map-caption,.p20-measure-details,.p20-public-footer p,.p20-period-label){color:#b9d9ef}
html[data-p20-theme=dark] .p20-app :is(.p20-summary-grid>section,.p20-panel,.p20-dam-card,.p20-google-section,.p20-chat-panel,.p20-public-footer,.p20-map-detail,.p20-google-section .p20-map-sidebar,.p20-map-empty,.p20-page-cover){background:#102c48;border-color:#294c6b;color:#e9f4ff}
html[data-p20-theme=dark] .p20-app :is(.p20-utilities>button,.p20-clock-menu>summary,.p20-clock-menu>div,.p20-location-panel,.p20-location-panel .p20-picker,.p20-location-panel select,.p20-location-menu>summary,.p20-scene-caption button,.p20-controls button,.p20-map-actions button,.p20-map-list button,.p20-map-layers button,.p20-area-picker select,#p20MapQuery){background:#153956;color:#eef8ff;border-color:#376381}
html[data-p20-theme=dark] .p20-app :is(.p20-summary-grid h2,.p20-summary-grid p,.p20-summary-grid strong,.p20-summary-grid small,.p20-measure-details #p20StationName,.p20-weather #p20WxSummary,.p20-location-menu small,.p20-location-panel label,.p20-panel>p,.p20-dam-card p,.p20-dam-card dd,.p20-map-list small,.p20-area-picker p){color:#e0efff}
html[data-p20-theme=dark] .p20-app :is(.p20-summary-grid a,.p20-panel a,.p20-google-section a,.p20-public-footer a,.p20-weather-details summary){color:#71d4ff}
html[data-p20-theme=dark] .p20-app .p20-categories a{background:#133a56;border-color:#245779;color:#edf8ff!important}
html[data-p20-theme=dark] .p20-app .p20-categories :is(strong,small){color:#edf8ff!important}
html[data-p20-theme=dark] .p20-app .p20-categories [data-kind=dam]{background:#0d3c3d}html[data-p20-theme=dark] .p20-app .p20-categories [data-kind=camera]{background:#3c3020}html[data-p20-theme=dark] .p20-app .p20-categories [data-kind=map]{background:#3d233c}
html[data-p20-theme=dark] .p20-app :is(.p20-map-layers button[aria-pressed=true],.p20-map-actions button[aria-pressed=true]){background:#075bb7;border-color:#56c3ff;color:white}
html[data-p20-theme=dark] .p20-app :is(.ct-card,.ct-info,.ct-bar,.kh-camera-tools,.ct-chips button,.kc-viewer .ct-box,.ct-angle-tabs button,.p20-dam-meter){background:#102c48;color:#eef6ff;border-color:#315a76}
html[data-p20-theme=dark] .p20-app :is(.ct-info strong,.ct-info small,.ct-bar input,.ct-bar select,.ct-mstatus,.ct-timeline,.ct-wall h2){color:#eef6ff}
html[data-p20-theme=dark] .p20-app :is(.ct-bar input,.ct-bar select,.ct-mactions a,.ct-mactions button){background:#153956;color:#eef8ff}
html[data-p20-theme=dark] .p20-app :is(.ku-dock,#kuMenu,.ku-menu-panel){background:#102c48;border-color:#315a76;color:#eef6ff}html[data-p20-theme=dark] .p20-app .ku-dock a{color:#b9e2ff}
.ct-angle-tabs{display:flex;gap:7px;padding:10px;overflow-x:auto}.ct-angle-tabs button{flex-shrink:0;min-height:44px;padding:9px 14px;border:1px solid #9fcee7;border-radius:10px;color:#075381;background:#eefaff}.ct-angle-tabs button[aria-pressed=true]{background:#007aab!important;color:white!important}
.ct-timeline{font-size:12px;margin:6px 14px;color:#365978}.ct-angle-name{font-weight:700;color:#06779d!important}.ct-chips svg,.kc-expand svg{width:22px;height:22px;vertical-align:middle}
.ct-wall .ct-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.ct-wall .ct-shot{aspect-ratio:16/10}.ct-wall .ct-shot img{object-fit:contain;background:#071a30}
.p20-dam-graphic{height:180px!important;background:#e5f8ff!important;position:relative}.p20-dam-graphic img{width:100%;height:100%;object-fit:contain}.p20-dam-graphic span{position:absolute;bottom:8px;left:8px;right:8px;font-size:11px;background:#082a40df;color:white;padding:4px 8px;border-radius:8px}.p20-dam-meter{padding:12px 0;background:white}.p20-dam-meter label{font-size:14px;font-weight:700}.p20-dam-meter progress{display:block;width:100%;height:20px;accent-color:#05a9cf}.p20-dam-meter small{display:block;font-size:11px}
.p20-install-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:1380px;margin:18px auto 90px;padding:16px 22px;background:#e6f7ff;border:1px solid #a6dbf2;border-radius:16px;color:#092b4d}.p20-install-bar>div{flex:1;min-width:170px}.p20-install-bar small{display:block;font-size:12px}.p20-install-bar button,#khAppHelp button{min-height:46px;padding:10px 15px;border:1px solid #0775cf;border-radius:11px;background:#006beb;color:white;font:inherit;font-weight:700;cursor:pointer}.p20-install-bar p{flex-basis:100%;font-size:13px;line-height:1.6;margin:0}.p20-install-bar button[disabled]{background:#52738c;border-color:#52738c}#khAppHelp{width:480px;max-width:calc(100% - 24px);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #83bdd7;border-radius:18px;padding:22px;font-family:inherit;color:#0a2c50}#khAppHelp::backdrop{background:#05253d80}#khAppHelp li{margin:12px 0;line-height:1.6}#khAppHelp p{font-size:13px;line-height:1.7}html[data-p20-theme=dark] :is(.p20-install-bar,#khAppHelp){background:#102c48;color:#edf8ff;border-color:#315e80}
@media(display-mode:standalone){html{overscroll-behavior-y:none}.p20-app .ku-header{padding-top:max(10px,env(safe-area-inset-top))}.p20-app .ku-dock{padding-bottom:max(8px,env(safe-area-inset-bottom))}.p20-install-bar{margin-bottom:calc(90px + env(safe-area-inset-bottom))}}
@media(max-width:540px){.p20-install-bar{margin:12px 10px 100px;padding:12px}.p20-install-bar button{flex:1;font-size:14px}#khAppHelp{padding:17px}}