#app.water-mode #discovery-tray{display:none!important}
/* Geographic clip follows the map; animation conveys water, not surveyed flow. */
.water-wash{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}
.water-wash-base{fill:#2a95d2;fill-opacity:.23}
html[data-theme=night] .water-wash-base{fill:#1a7dc2;fill-opacity:.25}
.water-ripples{opacity:.3;animation:water-flow 14s linear infinite}
@keyframes water-flow{from{transform:translateY(0)}to{transform:translateY(-96px)}}
.water-motion-paused .water-ripples{animation-play-state:paused}
.water-dock{position:absolute;z-index:32;bottom:calc(94px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px)}
.water-exit{flex-shrink:0;min-width:62px;min-height:50px;border:1px solid #91c7c8;border-radius:25px;background:#f3fffa;color:#154852;padding:10px 14px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;cursor:pointer}
.water-launch,.water-card,.water-pin{color:#154852;font-family:inherit}
.water-launch{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;min-width:0;min-height:54px;padding:12px 16px;border:1px solid #8ee4e3;border-radius:30px;background:#e5fcf6;font-size:16px;font-weight:650;cursor:pointer;animation:water-glow 3.2s ease-in-out infinite}
.water-launch svg,.water-pin svg{width:26px;height:26px;flex-shrink:0}
@keyframes water-glow{0%,100%{box-shadow:0 3px 15px #19596230,0 0 0 0 #5dd6df35}50%{box-shadow:0 4px 24px #1b9aaf60,0 0 0 9px #5dd6df08}}
.water-pin{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;border:0;background:transparent;box-shadow:none;cursor:pointer;padding:5px;z-index:3}
.water-pin-face{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;box-sizing:border-box;border:1.5px solid #7bcfd2;border-radius:12px;background:#f3fffa;box-shadow:0 2px 8px #194d5040;pointer-events:none}
.water-pin .water-pin-face svg{width:21px;height:21px}
.water-pin[aria-current=true] .water-pin-face{background:#175965;color:#fff;border-color:#b4efdb;box-shadow:0 0 0 4px #57ccd83b}
.water-pin-label{position:absolute;top:45px;left:50%;transform:translateX(-50%);max-width:150px;width:max-content;white-space:normal;text-align:center;line-height:1.2;border-radius:7px;padding:3px 7px;background:#f3fffaee;color:#154852;font-size:14px;pointer-events:none}
.water-card{position:absolute;z-index:34;left:50%;transform:translateX(-50%);bottom:calc(88px + env(safe-area-inset-bottom,0px));width:min(500px,calc(100% - 24px));max-height:min(48%,calc(100% - 170px));box-sizing:border-box;display:flex;flex-direction:column;background:#f6fff9f7;border:1px solid #91c7c8;border-radius:22px;box-shadow:0 8px 32px #133c4433;overflow:hidden;backdrop-filter:blur(10px)}
.water-card .water-card-head,.water-card .water-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;flex-shrink:0}
.water-card .water-card-head{position:static;min-height:64px;box-sizing:border-box;line-height:1.35;border-bottom:1px solid #d7e9df;font-size:14px}.water-card .water-card-head>span{min-width:0;overflow-wrap:anywhere}.water-card .water-card-head button{flex:0 0 44px;font-size:24px;width:44px;padding:0}
.water-copy{flex:1 1 auto;min-height:0;min-width:0;overflow-wrap:anywhere;overflow:auto;overscroll-behavior:contain;padding:12px 20px 16px;font-size:16px;line-height:1.5}.water-copy h2{font-size:24px;line-height:1.15;margin:5px 0 12px;color:#154852}.water-copy p{margin:0 0 12px}.water-copy .water-place,.water-copy .water-note{font-size:14px;color:#4b686b}.water-copy a{font-size:14px;color:#175b6e;text-decoration:underline}
.water-card .water-card-foot{flex-wrap:wrap;border-top:1px solid #d7e9df}.water-card button{min-height:44px;border:1px solid #b0ceca;border-radius:12px;padding:8px 14px;background:#eaf5ed;color:#154852;font:inherit;cursor:pointer}.water-card .water-primary{background:#195865;color:#fff;border-color:#195865}.water-card button:disabled{opacity:.45;cursor:default}
.water-dock[hidden],.water-launch[hidden],.water-card[hidden]{display:none}.water-exit:focus-visible,.water-pin:focus-visible,.water-launch:focus-visible,.water-card button:focus-visible{outline:3px solid #d59d37;outline-offset:3px}
@media(max-width:450px){.water-pin-label{font-size:12px}.water-card{max-height:min(46%,calc(100% - 170px))}.water-copy{padding:10px 16px}.water-copy h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.water-ripples{animation:none}.water-launch{animation:none;box-shadow:0 0 15px #26a8b950}}

@media(max-height:500px){.water-card{bottom:calc(72px + env(safe-area-inset-bottom,0px));max-height:calc(100% - 146px)}.water-card .water-card-head,.water-card .water-card-foot{padding:6px 12px}.water-card .water-card-head{min-height:56px}}

@media(max-width:360px){.water-dock{gap:6px}.water-launch{padding:10px 12px;gap:6px;font-size:14px}.water-exit{padding:10px;min-width:58px}}