.water-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:48px;height:48px;border:0;background:transparent;color:#fff4d4;font:35px Georgia;text-shadow:0 1px 5px #23453e;cursor:pointer;opacity:.8}.water-seed:hover,.water-seed:focus-visible,.water-seed[data-discovering=true]{opacity:1;border:1px solid #fff3c199;border-radius:50%;background:#294c4544}
#water-world{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;padding:0;margin:0;overflow:hidden;background:#d9ddcf;color:#f3ead5}#water-world::backdrop{background:#243f39;backdrop-filter:none}#water-world canvas{position:absolute;inset:0;touch-action:none;outline:none}
.water-close{position:absolute;top:20px;right:24px;width:48px;height:48px;border:1px solid #e8e0bc88;border-radius:50%;background:#284c42dd;color:#fff2cf;font:32px Georgia;cursor:pointer}
.water-caption{position:absolute;bottom:0;left:0;width:100%;padding:45px 24px 23px;text-align:center;background:linear-gradient(0deg,#203e37 82%,#203e3700);pointer-events:none}.water-eyebrow{margin:0 0 6px;font:9px/1.4 system-ui;letter-spacing:.24em;color:#d8cdae}.water-caption h2{margin:0 0 8px;font:italic 30px/1.1 Georgia;font-weight:400}.water-invitation{margin:0 0 14px;font:17px/1.4 Georgia}.water-controls{display:flex;justify-content:center;align-items:center;gap:12px;pointer-events:auto}.water-controls button{border:1px solid #d8c59b77;border-radius:3px;background:#37594a;color:#f2e4c4;padding:9px 15px;min-height:44px;font:15px Georgia;cursor:pointer}.water-controls button:hover{background:#51705b}.water-controls button:disabled{opacity:.55;cursor:default}.water-controls label{font:13px Georgia;display:flex;gap:7px;align-items:center}.water-controls input{accent-color:#d3b77f;width:128px}.water-controls [data-water-mute]{font-size:23px;line-height:1;padding:5px 14px}.water-response{margin:12px 0 8px;font:italic 13px Georgia;color:#d9ceb2}.water-caption details{pointer-events:auto;max-width:620px;margin:auto;font:11px/1.5 system-ui;color:#c7d0bd}.water-caption summary{cursor:pointer;list-style:none}.water-caption details[open]{padding:10px;background:#19372ff2}.water-caption a{color:#eddbb4}
@media(max-width:650px){.water-caption{padding:32px 18px 20px}.water-caption h2{font-size:25px}.water-invitation{font-size:15px}.water-eyebrow{font-size:8px;letter-spacing:.12em}.water-controls{flex-wrap:wrap;gap:8px}.water-controls button{font-size:14px;padding:8px 11px}.water-close{right:16px;top:16px;width:42px;height:42px}.water-response{font-size:12px}.water-controls input{width:100px}}
@media(max-height:600px){.water-caption{padding-top:25px;padding-bottom:12px}.water-eyebrow{display:none}.water-caption h2{font-size:23px}.water-invitation{margin-bottom:8px;font-size:14px}.water-response{margin:7px 0}.water-caption details{font-size:9px}}