@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#f1f8ff;--ink-2:#deeefcc7;--line:#a8d6f52b;--line-strong:#bae2fc54;--glass:#03182866;--glass-hover:#08304a8c;--accent:#8fe3ff;--backdrop:#01060d;--font:"Inter Variable", "Inter", "Segoe UI Variable", "SF Pro Display", "Noto Sans", system-ui, sans-serif;--ease:cubic-bezier(.16, .84, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--backdrop);height:100%;margin:0;overflow:hidden}#app{background:var(--backdrop);position:fixed;inset:0}#stage{font-family:var(--font);font-feature-settings:"cv11", "ss01";color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#03111d;position:absolute;inset:0;overflow:hidden;container-type:size}#stage canvas{touch-action:none;display:block;position:absolute;inset:0}.ui{pointer-events:none;opacity:1;transition:opacity .55s,visibility;position:absolute;inset:0}.ui button{pointer-events:auto}.ui[data-mode=loading]{opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}.icon{flex:none;width:1.15em;height:1.15em}[data-tip]:after{content:attr(data-tip);border:1px solid var(--line);color:var(--ink);letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease, transform .3s var(--ease);background:#020e1ac7;border-radius:.8cqh;padding:.7cqh 1.2cqh;font-size:max(1.35cqh,11px);font-weight:560;position:absolute;bottom:calc(100% + 1.3cqh);left:50%;transform:translate(-50%,.5cqh)}[data-tip]:hover:after{opacity:1;transition-delay:.35s;transform:translate(-50%)}.ui-top{top:4.6cqh;left:max(5.2cqh, env(safe-area-inset-left));right:max(5.2cqh, env(safe-area-inset-right));justify-content:space-between;align-items:center;display:flex;position:absolute}.brand{display:flex}.brand-mark{width:max(3.3cqh,22px);height:max(3.3cqh,22px);color:var(--accent);filter:drop-shadow(0 0 1.2cqh #8fe3ff59)}.ui-top [data-tip]:after{top:calc(100% + 1.3cqh);bottom:auto;transform:translate(-50%,-.5cqh)}.ui-top [data-tip]:hover:after{transform:translate(-50%)}.round[hidden]{display:none}.round.is-busy:before{content:"";border:1.5px solid #0000;border-top-color:var(--accent);border-radius:50%;animation:.9s linear infinite spin;position:absolute;inset:-4px}.round.is-busy:after{display:none}@keyframes spin{to{transform:rotate(1turn)}}.nav{left:var(--x,50%);top:min(calc(var(--y,80cqh) + 3.4cqh), calc(100cqh - max(4.6cqh, env(safe-area-inset-bottom)) - max(5.6cqh, 40px)));gap:max(2.2cqh,14px);display:flex;position:absolute;transform:translate(-50%)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.round{border:1px solid var(--line-strong);background:var(--glass);width:max(5.6cqh,40px);height:max(5.6cqh,40px);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(1.6cqh);backdrop-filter:blur(1.6cqh);border-radius:50%;place-items:center;padding:0;font-size:max(2.4cqh,16px);transition:background-color .2s,border-color .2s,opacity .2s,transform .2s;display:grid;position:relative}.round:hover:not(:disabled){background:var(--glass-hover);border-color:#e6ecff80}.round:active:not(:disabled){transform:scale(.95)}.round:disabled{opacity:.32;cursor:default}.round.is-busy:disabled{opacity:1;cursor:progress}.ui :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.teaser{pointer-events:none;-webkit-backdrop-filter:blur(2.2cqh)saturate(.55)brightness(.72);backdrop-filter:blur(2.2cqh)saturate(.55)brightness(.72);color:#aae6d26b;background:radial-gradient(circle at 50% 38%,#0a3e5c4d,#020c18a8 72%);border-radius:50%;place-items:center;transition:opacity .4s;display:grid;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 0 0 1px #d6dcff2e}.teaser[hidden]{opacity:0;display:grid}.teaser-art,.teaser-label{rotate:var(--turn,0deg)}.teaser-art{width:72%;height:88%;position:absolute;inset:12% 14% 0}.teaser-label{border:1px solid var(--line-strong);color:var(--ink);letter-spacing:.14em;text-transform:uppercase;background:#020e1a99;border-radius:999px;padding:1cqh 2.2cqh;font-size:1.55cqh;font-weight:600;position:relative}.toast{border:1px solid var(--line);-webkit-backdrop-filter:blur(1.6cqh);backdrop-filter:blur(1.6cqh);color:var(--ink-2);pointer-events:none;opacity:0;transition:opacity .45s ease, transform .6s var(--ease);background:#020e1a9e;border-radius:999px;align-items:center;gap:.9cqh;padding:1.2cqh 2.2cqh;font-size:1.5cqh;display:flex;position:absolute;top:4.6cqh;left:50%;transform:translate(-50%,-1.2cqh)}.toast.is-on{opacity:1;transform:translate(-50%)}.splash{isolation:isolate;place-content:center;justify-items:center;gap:1.6cqh;transition:opacity .9s;display:grid;position:absolute;inset:0}.splash:before{content:"";z-index:-1;background:radial-gradient(at 50% 38%,#0b3350 0%,#031321 58%,#010810 100%);transition:opacity .6s;position:absolute;inset:0}.splash.is-veil:before{opacity:.5}.splash.is-veil.is-notice:before{opacity:1}.splash.is-done{opacity:0;pointer-events:none}.splash-mark{width:7cqh;height:7cqh;color:var(--accent);stroke-width:1.2px}.splash-bar{background:var(--line);border-radius:2px;width:16cqh;height:2px;margin-top:1.4cqh;position:relative;overflow:hidden}.splash-bar:after{content:"";background:var(--accent);width:40%;animation:splash-slide 1.25s var(--ease) infinite;border-radius:2px;position:absolute;inset:0}.splash.is-measured .splash-bar:after{transform-origin:0;width:100%;transform:scaleX(var(--progress,0));transition:transform var(--progress-time,.3s) linear;animation:none}@keyframes splash-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.splash.is-notice .splash-mark{opacity:.7}.splash-notice{box-sizing:border-box;border:1px solid var(--line);-webkit-backdrop-filter:blur(1.6cqh);backdrop-filter:blur(1.6cqh);text-align:center;background:#020e1a8c;border-radius:2cqh;justify-items:center;gap:1.1cqh;width:min(54cqh,90cqw);margin-top:1cqh;padding:2.4cqh 3cqh;display:grid}.splash-notice-title{letter-spacing:.01em;color:var(--ink);margin:0;font-size:max(1.9cqh,15px);font-weight:600;line-height:1.3}.splash-notice-body{color:var(--ink-2);margin:0;font-size:max(1.55cqh,13px);line-height:1.55}.splash-notice-retry{border:1px solid var(--line);font:inherit;color:var(--ink);cursor:pointer;background:#020e1a99;border-radius:999px;margin-top:.8cqh;padding:.9cqh 2.2cqh;font-size:max(1.5cqh,13px)}.splash-notice-retry:hover,.splash-notice-retry:focus-visible{border-color:var(--accent);outline:none}html.custom-cursor,html.custom-cursor *{cursor:none!important}.cursor{z-index:2147483000;pointer-events:none;transition:opacity .3s;position:fixed;inset:0;overflow:hidden}.cursor.is-hidden,.cursor.is-idle{opacity:0}.cursor.is-native{display:none}.cursor.is-idle{transition:opacity .8s}.cursor-dot,.cursor-ring{will-change:transform;position:absolute;top:0;left:0}.cursor-core{width:6px;height:6px;transition:transform .3s var(--ease), opacity .25s ease;background:#f2fdff;border-radius:50%;margin:-3px 0 0 -3px;box-shadow:0 0 6px #8fe3ffe6,0 0 16px #8fe3ff59}.cursor-circle{box-sizing:border-box;width:34px;height:34px;transition:transform .4s var(--ease), background-color .25s ease, border-color .25s ease;background:#8fe3ff00;border:1.25px solid #cef4ff8c;border-radius:50%;margin:-17px 0 0 -17px;box-shadow:0 0 12px #8fe3ff24,inset 0 0 8px #8fe3ff1a}.cursor-tilt,.cursor-spin{color:#d6f6ffd9;opacity:0;width:64px;height:64px;transition:opacity .3s ease, transform .4s var(--ease);margin:-32px 0 0 -32px;position:absolute;transform:scale(.8)}.cursor[data-state=press] .cursor-circle{background:#8fe3ff1a;border-color:#def8ffd9;transform:scale(1.4)}.cursor[data-state=press] .cursor-core{transform:scale(.5)}.cursor[data-state=globe] .cursor-circle{transform:scale(1.3)}.cursor[data-state=hold] .cursor-circle{background:#8fe3ff1f;border-color:#def8ffd9;transform:scale(1.1)}.cursor[data-state=globe]:not(.is-turn) .cursor-tilt,.cursor[data-state=hold]:not(.is-turn) .cursor-tilt,.cursor[data-state=globe].is-turn .cursor-spin,.cursor[data-state=hold].is-turn .cursor-spin{opacity:1;transform:scale(1)}.cursor[data-state=hold] .cursor-tilt,.cursor[data-state=hold] .cursor-spin{transform:scale(.92)}.cursor.is-down .cursor-circle{transform:scale(.8)}.cursor-ripple{box-sizing:border-box;border:1px solid #cef4ffb3;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;animation:.8s cubic-bezier(.2,.7,.3,1) forwards cursor-ripple;position:absolute}@keyframes cursor-ripple{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.8)}}@media (prefers-reduced-motion:reduce){.toast{transition-duration:10ms}.splash-bar:after{animation-duration:3s}.cursor-ripple{display:none}}html.desktop,html.desktop body,html.desktop #app,html.desktop #stage{background:0 0}html.desktop #stage canvas{opacity:0;transition:opacity .9s}html.desktop #stage canvas.is-live{opacity:1}.betta-controls{z-index:5;color:#d2e9e8;pointer-events:none;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;top:24px;right:28px}.betta-controls button{pointer-events:auto}.betta-controls[hidden],.is-unsupported .betta-controls{display:none}.betta-controls button{color:inherit;font:inherit;cursor:pointer;background:#092d3bbd;border:1px solid #94c9ce55;border-radius:24px;min-height:44px;padding:12px 17px}.betta-controls button:hover,.betta-controls button[aria-pressed=true]{background:#235966dc;border-color:#a5e3e9aa}.betta-controls button:focus-visible{outline-offset:4px;outline:2px solid #d2e9e8}.betta-controls .variety-button{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;touch-action:manipulation;background:0 0;border:0;border-radius:10px;align-items:center;gap:5px;min-height:36px;padding:6px 4px;display:inline-flex}.betta-controls .variety-button:hover,.betta-controls .variety-button[aria-expanded=true]{color:#f1fbfa;background:0 0}.betta-controls .variety-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:12px;height:12px;transition:transform .2s}.betta-controls .variety-button[aria-expanded=true] svg{transform:rotate(180deg)}.variety-menu{z-index:7;overscroll-behavior:contain;box-sizing:border-box;color:#d2e9e8;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#94c9ce55 transparent;background:#092d3b;border:1px solid #94c9ce55;border-radius:16px;width:232px;max-height:calc(100cqh - 150px);padding:8px;font-size:12.5px;line-height:1.3;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 32px #00080d66}.variety-menu[hidden]{display:none}.betta-controls:has(.variety-menu:not([hidden])){z-index:8}.variety-list{gap:2px;display:grid}.variety-option{color:#eef8f7;cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:38px;padding:3px 8px;display:flex}.variety-option:hover{background:#ffffff12}.variety-option:has(input:focus-visible){background:#ffffff12}.variety-option:has(input:checked){background:#235966aa}.variety-option input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.variety-swatch{background:linear-gradient(135deg, var(--body) 50%, var(--fins) 50%);border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #00080d55}@media (width<=500px){.betta-controls{flex-wrap:wrap;justify-content:flex-end;gap:0 9px;top:20px;right:16px}.betta-controls .variety-button{min-height:0;margin:-8px 0;padding:8px 2px;font-size:10px}.betta-controls:before{content:"";flex-basis:100%;order:1;height:0}.betta-controls>button:not(.variety-button){order:2;margin-top:7px}.variety-menu{width:min(300px,100cqw - 32px)}.variety-list{grid-template-columns:1fr 1fr}}@media (width<=420px){.betta-controls{column-gap:7px}.betta-controls button{padding:12px 10px}}@media (height<=500px){.betta-controls{flex-wrap:wrap;justify-content:flex-end;gap:0 8px;right:12px}.betta-controls button{padding:12px 11px}.betta-controls:before{content:"";flex-basis:100%;order:1;height:0}.betta-controls>button:not(.variety-button){order:0;margin-top:0}.betta-controls .variety-button{order:2;min-height:0;margin:4px 0 -8px;padding:4px 2px 8px;font-size:10px}.variety-menu{width:304px;max-height:calc(100cqh - 162px)}.variety-list{grid-template-columns:1fr 1fr}.variety-option{min-height:26px}}.learn-card{z-index:6;right:28px;bottom:calc(56px + env(safe-area-inset-bottom));box-sizing:border-box;color:#d2e9e8;pointer-events:none;opacity:0;width:min(352px,100% - 56px);transition:opacity .45s ease, transform .6s var(--ease);background:#092d3bd9;border:1px solid #94c9ce55;border-radius:18px;padding:12px 14px 13px 16px;font-size:12.5px;line-height:1.45;position:absolute;transform:translateY(8px);box-shadow:0 12px 32px #00080d66}.learn-card.is-on{pointer-events:auto;opacity:1;transform:none}@media (pointer:fine){.learn-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.learn-text p{margin:0}.learn-text .learn-kicker{letter-spacing:.12em;text-transform:uppercase;color:#94c9ce;font-size:10px}.learn-text .learn-title{color:#f1fbfa;margin-top:2px;font-size:14px;font-weight:600}.learn-text .learn-body{color:#cde2e1;margin-top:4px}.learn-close{float:right;width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:-7px -9px 0 8px;padding:0;display:grid}.learn-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.learn-close:hover{background:#235966dc}.learn-close:focus-visible{outline-offset:-2px;outline:2px solid #d2e9e8}.is-unsupported .learn-card{display:none}@media (width<=500px){.learn-card{width:auto;left:12px;right:12px}.learn-card.beside-stats{padding:9px 12px 10px 13px;font-size:11.5px;line-height:1.35;top:92px;bottom:auto}.learn-card.beside-stats .learn-title{font-size:13px}}@media (width>=501px) and (height<=500px){.learn-card{width:max(190px,50cqw - 34cqh - 24px);padding:9px 12px 10px 13px;font-size:11.5px;line-height:1.38;top:96px;bottom:auto;right:12px}.learn-text .learn-title{font-size:13px}}@media (prefers-reduced-motion:reduce){.learn-card{transition-duration:10ms;transform:none}}.site-links .res-button{pointer-events:auto;color:#d9efff;font:inherit;cursor:pointer;touch-action:manipulation;background:#03111dcc;border:1px solid #8edcff33;border-radius:20px;padding:8px 10px}.site-links .res-button:hover,.site-links .res-button:focus-visible,.site-links .res-button[aria-expanded=true]{color:#fff;outline:2px solid #8edcff}.res-menu{z-index:101;right:max(12px, env(safe-area-inset-right));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 46px);box-sizing:border-box;color:#d2e9e8;width:min(272px,100vw - 24px);font-family:var(--font);background:#092d3b;border:1px solid #94c9ce55;border-radius:16px;padding:11px 12px 12px;font-size:12px;line-height:1.4;position:fixed;box-shadow:0 12px 32px #00080d66}.res-menu[hidden]{display:none}.res-head{letter-spacing:.12em;text-transform:uppercase;color:#9cc4c6;margin:0 4px 6px;font-size:10.5px}.res-list{gap:2px;display:grid}.res-option{cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;min-height:40px;padding:4px 8px;display:grid}.res-option:hover{background:#ffffff12}.res-option:has(input:focus-visible){background:#ffffff12}.res-option input{accent-color:#8edcff;grid-row:span 2;width:16px;height:16px;margin:0}.res-name{color:#eef8f7;font-size:13px}.res-detail{color:#9cc4c6;font-variant-numeric:tabular-nums;font-size:11px}.res-note{color:#9cc4c6;margin:8px 4px 0;font-size:11px}.site-links .night-button{pointer-events:auto;color:#d9efff;font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:#03111dcc;border:1px solid #8edcff33;border-radius:20px;align-items:center;gap:5px;padding:8px 11px 8px 9px;display:inline-flex}.site-links .night-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;flex:none;width:13px;height:13px}.site-links .night-button[aria-pressed=true]{color:#fff;background:#0a2440e6;border-color:#8edcff8c;box-shadow:0 0 12px #8edcff33}.site-links .night-button[aria-pressed=true] svg{fill:currentColor}.site-links .night-button:hover,.site-links .night-button:focus-visible{color:#fff;outline:2px solid #8edcff}.site-links .follow-button{pointer-events:auto;color:#d9efff;font:inherit;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:#03111dcc;border:1px solid #8edcff33;border-radius:20px;align-items:center;gap:5px;padding:8px 11px 8px 9px;display:inline-flex}.site-links .follow-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;flex:none;width:13px;height:13px}.site-links .follow-button[aria-pressed=true]{color:#fff;background:#0a2440e6;border-color:#8edcff8c;box-shadow:0 0 12px #8edcff33}.site-links .follow-button[aria-pressed=true] circle:last-of-type{fill:currentColor}.site-links .follow-button:hover,.site-links .follow-button:focus-visible{color:#fff;outline:2px solid #8edcff}@media (width<=440px){.site-links .pill-text{display:none}.site-links .night-button,.site-links .follow-button{padding:8px 10px}}.water-panel{z-index:6;width:clamp(248px,50cqw - 34cqh - 44px,340px);max-height:calc(100% - 80px - 64px - env(safe-area-inset-bottom));overscroll-behavior:contain;box-sizing:border-box;color:#d2e9e8;scrollbar-width:thin;scrollbar-color:#94c9ce55 transparent;background:#092d3bf0;border:1px solid #94c9ce55;border-radius:18px;padding:12px 14px;font-size:12px;line-height:1.4;position:absolute;top:80px;left:24px;overflow-y:auto;box-shadow:0 12px 32px #00080d66;container-type:inline-size}.water-panel[hidden],.betta-controls[hidden]~.water-panel,.is-unsupported .water-panel{display:none}.water-panel button,.water-panel select{font:inherit;color:inherit}.water-panel button:focus-visible,.water-panel select:focus-visible{outline-offset:2px;outline:2px solid #d2e9e8}.water-intro{border-bottom:1px solid #94c9ce33;margin:0 0 10px;padding-bottom:10px}.water-intro[hidden]{display:none}.water-readings{grid-template-columns:repeat(5,auto);justify-content:space-between;column-gap:4px;display:grid}.water-reading{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;margin:0 -3px;padding:3px;display:flex}.water-reading:hover{background:#235966a0}.water-name{letter-spacing:.1em;text-transform:uppercase;color:#94c9ce;white-space:nowrap;font-size:9.5px}.water-sub,[data-reading=ph] .water-name{letter-spacing:0;text-transform:none}.water-value{color:#f1fbfa;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:13.5px;font-weight:600;display:flex}.water-chip{border-radius:3px;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000040}.water-bar{align-items:center;gap:8px;margin-top:6px;display:flex}.water-condition{color:#f1fbfa;white-space:nowrap;align-items:center;gap:6px;margin-right:auto;font-weight:600;display:inline-flex}.water-condition:before{content:"";background:var(--state,#4cc38a);border-radius:50%;width:8px;height:8px}.water-condition[data-level="1"]{--state:#e3c341}.water-condition[data-level="2"]{--state:#f0883e}.water-condition[data-level="3"]{--state:#f05252}.water-clock{color:#cde2e1;font-variant-numeric:tabular-nums;white-space:nowrap}.water-speed{border:1px solid #94c9ce55;border-radius:17px;flex:none;display:flex;overflow:hidden}.water-speed button{cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:32px;padding:0;display:grid}.water-speed button+button{border-left:1px solid #94c9ce33}.water-speed button:hover,.water-speed button[aria-pressed=true]{background:#235966dc}.water-speed button:focus-visible{outline-offset:-2px}.water-speed svg,.water-more svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.water-speed [data-speed=play] svg,.water-speed [data-speed=fast] svg{fill:currentColor;stroke-width:1.2px}.water-more{cursor:pointer;background:0 0;border:1px solid #94c9ce55;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.water-more:hover{background:#235966dc}.water-more svg{transition:transform .3s var(--ease);transform:rotate(180deg)}.water-panel.is-open .water-more svg{transform:none}.water-news{color:#cde2e1;min-height:2.8em;margin:6px 0 0}.water-why:not(:empty)+.water-what:before{content:" "}.water-body{display:none}.water-panel.is-open .water-body{display:block}.water-chart{border-top:1px solid #94c9ce33;margin:10px 0 0;padding-top:8px}.water-legend{color:#cde2e1;flex-wrap:wrap;gap:4px 12px;font-size:11px;display:flex}.water-units{color:#94c9ce}.water-key:before{content:"";background:var(--key);vertical-align:middle;border-radius:1px;width:14px;height:2px;margin-right:5px;display:inline-block}#stage .water-chart-plot{touch-action:pan-y;width:100%;margin-top:6px;display:block;position:static}.water-chart-tip{color:#cde2e1;font-variant-numeric:tabular-nums;visibility:hidden;min-height:1.4em;margin:2px 0 0;font-size:10.5px}.water-chart-tip.is-on{visibility:visible}.water-group{margin-top:8px}.water-heading{letter-spacing:.12em;text-transform:uppercase;color:#94c9ce;margin:0 0 6px;font-size:10px;font-weight:500}.water-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.water-wide{grid-column:span 2}.water-starts{grid-template-columns:repeat(3,auto);justify-content:start}.water-action{cursor:pointer;background:#0b3a4abd;border:1px solid #94c9ce55;border-radius:18px;min-height:36px;padding:7px 10px}.water-action:hover{background:#235966dc;border-color:#a5e3e9aa}.water-toggle:before{content:"";vertical-align:middle;background:#3d5862;border-radius:50%;width:7px;height:7px;margin:0 7px 1px 0;display:inline-block}.water-toggle[aria-pressed=true]:before{background:#ffb347;box-shadow:0 0 6px #ffb347aa}.water-select{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;margin-top:6px;display:flex}.water-select select{cursor:pointer;background:#0b3a4a;border:1px solid #94c9ce55;border-radius:10px;width:14em;max-width:100%;min-height:34px;padding:5px 8px}@media (width<=500px){.water-panel{top:auto;left:8px;right:8px;bottom:calc(52px + env(safe-area-inset-bottom));width:auto;max-height:min(64%, calc(100% - 260px - 52px - env(safe-area-inset-bottom)));border-radius:16px;padding:9px 11px 8px}.water-intro .learn-text{font-size:11.5px;line-height:1.38}.water-more svg{transform:none}.water-panel.is-open .water-more svg{transform:rotate(180deg)}.water-panel:not(.is-open) .water-news{min-height:0}.water-panel:not(.is-open) .water-why:has(+.water-what:not(:empty)){display:none}#stage.water-on .learn-card{padding:9px 12px 10px 13px;font-size:11.5px;line-height:1.35;top:92px;bottom:auto}#stage.water-on .learn-card .learn-title{font-size:13px}}@media (height<=500px){.water-panel{width:max(204px,50cqw - 34cqh - 24px);max-height:calc(100% - 52px - 52px - env(safe-area-inset-bottom));padding:8px 10px;font-size:11px;top:52px;left:10px}.water-intro .learn-text{font-size:11px;line-height:1.35}}@container (width<=330px){.water-bar{flex-wrap:wrap;row-gap:4px}.water-condition{flex-basis:100%}}@container (width<=240px){.water-readings{grid-template-columns:repeat(3,auto);row-gap:2px}.water-toggle{grid-column:span 2}}@media (prefers-reduced-motion:reduce){.water-more svg{transition:none}}