.spherical-water{z-index:50;color:#effbff;background:#020916;position:fixed;inset:48px 0 0;overflow:hidden}.spherical-water__stage,.spherical-water__stage canvas{width:100%;height:100%;position:absolute;inset:0}.spherical-water__stage canvas{cursor:grab;display:block}.spherical-water__stage canvas:active{cursor:grabbing}.spherical-water__header{z-index:2;pointer-events:none;text-shadow:0 3px 22px #00050fe6;max-width:min(460px,100vw - 40px);position:absolute;top:clamp(20px,4vw,52px);left:clamp(20px,5vw,72px)}.spherical-water__eyebrow{color:#78d8ec;font:700 10px/1.2 var(--font-data,monospace);letter-spacing:.17em;text-transform:uppercase}.spherical-water__header h1{font:700 clamp(30px, 5vw, 64px)/.95 var(--font-display,Georgia, serif);letter-spacing:-.04em;margin:8px 0 10px}.spherical-water__header p{color:#e1f4f8d1;font:500 13px/1.55 var(--font-sans,system-ui, sans-serif);margin:0}.spherical-water__legend{z-index:2;backdrop-filter:blur(12px);font:650 10px/1 var(--font-data,monospace);text-transform:uppercase;letter-spacing:.08em;background:#030f1da8;border:1px solid #8edcea40;border-radius:12px;gap:7px;padding:12px 14px;display:grid;position:absolute;bottom:22px;right:22px}.spherical-water__mode{z-index:3;max-width:310px;font-family:var(--font-data,monospace);justify-items:end;gap:7px;display:grid;position:absolute;top:24px;right:24px}.spherical-water__mode>span{color:#d3eef49e;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:700}.spherical-water__mode-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.spherical-water__mode button{color:#dffaff;font:700 11px/1 var(--font-data,monospace);cursor:pointer;background:#051827d1;border:1px solid #70cfe07a;border-radius:999px;padding:9px 14px}.spherical-water__mode button[data-active]{color:#fff1c8;background:#382309d1;border-color:#f1c56c}.spherical-water__mode small{color:#d3eef4ad;text-align:right;font-size:9px;line-height:1.4}.spherical-water__time{z-index:3;width:min(310px,100vw - 48px);font-family:var(--font-data,monospace);justify-items:end;gap:7px;display:grid;position:absolute;top:154px;right:24px}.spherical-water__time>span,.spherical-water__time label span{color:#d3eef4a8;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.spherical-water__time-buttons{gap:6px;display:flex}.spherical-water__time button{color:#dffaffb8;font:700 9px/1 var(--font-data,monospace);cursor:pointer;background:#051827b3;border:1px solid #70cfe047;border-radius:999px;padding:7px 10px}.spherical-water__time button[data-active]{color:#fff1c8;background:#382309d1;border-color:#f1c56c}.spherical-water__time label{grid-template-columns:auto 150px;align-items:center;gap:10px;display:grid}.spherical-water__time input{accent-color:#e9bb62;width:150px}.spherical-water__legend span{align-items:center;gap:8px;display:flex}.spherical-water__swatch{border-radius:50%;width:9px;height:9px}.spherical-water__swatch--foam{background:#f7f4dc}.spherical-water__swatch--water{background:#2d96b8}.spherical-water__swatch--land{background:#79985c}.spherical-water__error{z-index:4;color:#fecaca;white-space:pre-wrap;background:#450a0ae6;max-height:40vh;padding:14px;position:absolute;bottom:20px;left:20px;right:20px;overflow:auto}@media (width<=640px){.spherical-water__header p{max-width:330px}.spherical-water__mode{top:auto;bottom:116px;right:12px}.spherical-water__time{top:auto;bottom:210px;right:12px}.spherical-water__legend{bottom:12px;right:12px}}