:root{color:#e6fbff;font-synthesis:none;background:#010709;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}.aquarium-shell{isolation:isolate;background:#061b1d;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d3fff929,inset 0 0 90px #000508b8,inset 0 -90px 130px #00050880}.aquarium-shell:after{z-index:0;content:"";pointer-events:none;background:#010709;position:absolute;inset:0}.aquarium-poster{z-index:0;width:max(100%, var(--poster-cover-width,100%));height:auto;transform:translate(-50%, var(--poster-translate-y,-50%));pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;top:50%;left:50%}.aquarium-poster-fauna{z-index:0;opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .36s;position:absolute;inset:0}.aquarium-poster-resident{top:var(--poster-fauna-y);left:var(--poster-fauna-x);width:calc(clamp(104px, min(18vw, 28vh), 220px) * var(--poster-fauna-width-factor) * var(--poster-fauna-scale));height:auto;opacity:var(--poster-fauna-alpha);transform:translate(-50%, -50%) scaleX(var(--poster-fauna-facing));transform-origin:50%;display:block;position:absolute}.aquarium-poster-resident--whale-shark{width:calc(46vw * var(--poster-fauna-scale))}.aquarium-canvas{z-index:1;opacity:0;cursor:pointer;touch-action:manipulation;width:100%;height:100%;transition:opacity .36s;display:block;position:absolute;inset:0}.aquarium-canvas[data-render-ready=true]{opacity:1}.aquarium-canvas[data-render-ready=true]~.aquarium-poster-fauna{opacity:0}.water-light{z-index:2;opacity:var(--light-opacity,0);mix-blend-mode:screen;pointer-events:none;position:absolute}.water-light[hidden]{display:none}.water-light--broad{filter:blur(7px);transform-origin:top;background:repeating-radial-gradient(at 48% -8%,#0000 0 54px,#d5fff61a 58px 64px,#0000 70px 142px) 0 0/420px 246px;inset:-12% -20% 18%;transform:perspective(700px)rotateX(58deg)scale(1.2)}.water-light--detail{filter:blur(4px);transform-origin:top;background:repeating-linear-gradient(112deg,#0000 0 46px,#bff9ef14 51px 55px,#0000 60px 112px) 0 0/360px 228px,repeating-radial-gradient(at 56% 0,#0000 0 34px,#defff912 37px 40px,#0000 45px 88px) 32px 14px/290px 164px;inset:-10% -22% 30%;transform:perspective(620px)rotateX(61deg)scale(1.24)}.glass-reflection{z-index:3;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(112deg,#ffffff14 0%,#0000 11% 66%,#beede60d 75%,#0000 84%),radial-gradient(at 72% 8%,#ffffff12,#0000 25%);border:1px solid #dafff921;position:absolute;inset:0;box-shadow:inset 14px 0 28px #d8fff808,inset -18px 0 34px #00000038,inset 0 -18px 38px #0000004d}.aquarium-shell--oceanarium{background:#020d17;box-shadow:inset 0 0 0 7px #01080e85,inset 0 0 120px #00050c9e,inset 0 -110px 150px #00040975}.aquarium-shell--oceanarium .aquarium-canvas{cursor:default;touch-action:pan-x pan-y}.aquarium-shell--oceanarium .water-light{opacity:calc(var(--light-opacity,0) * .55);filter:blur(12px)}.aquarium-shell--oceanarium .glass-reflection{background:linear-gradient(110deg,#e1faff0d 0%,#0000 14% 74%,#82c4d70a 82%,#0000 91%),radial-gradient(at 66% 4%,#d6f7ff0d,#0000 30%);border-width:7px;border-color:#04131ca8;box-shadow:inset 12px 0 28px #bce3eb08,inset -22px 0 40px #00000047,inset 0 -28px 48px #00000057}.aquarium-shell--coral-reef{background:#041a1b;box-shadow:inset 0 0 0 2px #c5f0e41a,inset 0 0 100px #00080a7a,inset 0 -90px 130px #00080747}.aquarium-shell--coral-reef .aquarium-canvas{cursor:default;touch-action:pan-x pan-y}.aquarium-shell--coral-reef .water-light{opacity:calc(var(--light-opacity,0) * .72);filter:blur(9px)}.aquarium-shell--coral-reef .glass-reflection{background:linear-gradient(112deg,#ebfffa0d 0%,#0000 13% 73%,#aee3d80a 82%,#0000 90%),radial-gradient(at 63% 3%,#e6fff70d,#0000 28%);border-color:#cdf5e91a}.control-menu{top:max(1rem, env(safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));z-index:6;color:#e0fbfac2;font-size:.78rem;position:absolute}.control-menu>summary{min-width:2.75rem;min-height:2.75rem;color:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0112168f;border:1px solid #d0fff92e;border-radius:999px;place-items:center;padding:0;list-style:none;display:grid;box-shadow:0 6px 24px #00070a33}.control-menu>summary::-webkit-details-marker{display:none}.control-menu__icon,.control-menu__icon:before,.control-menu__icon:after{background:currentColor;border-radius:999px;width:1.15rem;height:1px;transition:transform .24s,opacity .24s}.control-menu__icon{display:block;position:relative}.control-menu__icon:before,.control-menu__icon:after{content:"";position:absolute;left:0}.control-menu__icon:before{transform:translateY(-.34rem)}.control-menu__icon:after{transform:translateY(.34rem)}.control-menu[open]>summary .control-menu__icon{background:0 0}.control-menu[open]>summary .control-menu__icon:before{transform:rotate(45deg)}.control-menu[open]>summary .control-menu__icon:after{transform:rotate(-45deg)}.control-menu__panel{width:min(20rem,100vw - 2rem);max-height:calc(100vh - max(5.5rem, env(safe-area-inset-top)));color:#e2f9f7cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overscroll-behavior:contain;background:#011216e6;border:1px solid #d0fff92e;border-radius:1.1rem;gap:.85rem;padding:.9rem;display:grid;position:absolute;top:calc(100% + .55rem);left:0;overflow:auto;box-shadow:0 14px 42px #00070a6b}.control-menu__heading{color:#d1efed94;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .45rem;font-size:.66rem;font-weight:600}.aquarium-selector{gap:.3rem;display:grid}.aquarium-selector a,.locale-nav a{min-height:2.5rem;color:inherit;border:1px solid #0000;border-radius:.75rem;padding:.7rem .8rem;text-decoration:none}.aquarium-selector a[aria-current=page],.locale-nav a[aria-current=page]{color:#e7fffcf5;background:#43808057;border-color:#b8f8ed2e}.aquarium-selector a[aria-current=page]:before{color:#b8f8ede0;content:"✓";margin-right:.55rem}.control-menu__choices{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.locale-nav a{place-items:center;display:grid}.control-menu>summary:focus-visible,.control-menu a:focus-visible,.seo-about summary:focus-visible{outline-offset:2px;outline:2px solid #befbf4d1}.seo-about{border-top:1px solid #d0fff921}.seo-about summary{color:#e0fbfac2;cursor:pointer;letter-spacing:.04em;min-height:2.75rem;padding:.85rem .5rem .7rem;list-style:none}.seo-about summary::-webkit-details-marker{display:none}.seo-about summary:after{float:right;content:"＋";opacity:.65}.seo-about[open] summary:after{content:"−"}.seo-about__body{color:#e2f9f7c7;padding:0 .5rem .4rem;line-height:1.7}.seo-about__body h2{color:#e7fffceb;margin:.3rem 0 .8rem;font-size:1rem;font-weight:500}.seo-about__body p{margin:.7rem 0 0}[data-idle-ui]{opacity:1;transition:opacity var(--idle-ui-transition-duration,1s) ease}[data-idle-ui][data-idle-hidden=true]{opacity:0;pointer-events:none}[data-idle-ui]:focus-within{opacity:1;pointer-events:auto}.intro{bottom:max(2rem, env(safe-area-inset-bottom));left:max(2rem, env(safe-area-inset-left));z-index:4;opacity:1;text-align:left;text-shadow:0 2px 24px #000f1699;max-width:min(46rem,100% - 4rem);transition:opacity var(--intro-transition-duration,0s) ease;pointer-events:none;padding:0;position:absolute}.intro[data-immersed=true]{opacity:var(--intro-immersed-opacity,0)}.sponsor-credit{opacity:1;transition:opacity var(--sponsor-transition-duration,0s) ease;margin:0 0 .9rem}.sponsor-credit[data-hidden=true]{opacity:var(--sponsor-hidden-opacity,0)}.sponsor-credit__brand{color:#9cebf0;font-size:var(--sponsor-brand-size,1.44rem);letter-spacing:.28em;margin:0 0 .75rem;font-weight:700}.sponsor-credit__supporter{color:#dcf9faa8;font-size:var(--sponsor-supporter-size,1.28rem);letter-spacing:.16em;margin:-.42rem 0 0;font-weight:500}h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,5vw,3.6rem);font-weight:500}.intro>p:last-child{color:#dcf9fab8;margin:1.2rem 0 0;transition:opacity .7s}.intro>p[data-ready=true]{opacity:.58}.audio-controls{grid-template-columns:1fr;gap:.45rem;display:grid}.audio-volume{color:#d7f4f1b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.05em;background:#0419206b;border:1px solid #c9f4f02e;border-radius:999px;grid-template-columns:auto minmax(5rem,1fr) 2.4rem;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 .8rem;font:500 .69rem/1 system-ui,sans-serif;display:grid}.audio-volume input{accent-color:#a7e5dbd1;width:100%}.audio-volume output{text-align:right;font-variant-numeric:tabular-nums}.audio-toggle{color:#e0fbfac2;width:100%;min-height:2.75rem;font:inherit;letter-spacing:.08em;cursor:pointer;background:#0112167a;border:1px solid #d0fff933;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1rem;font-size:.78rem;transition:color .5s,background-color .5s,border-color .5s,opacity .3s;display:inline-flex;box-shadow:0 6px 24px #00070a3d}.audio-toggle__mark{opacity:.45;background:currentColor;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 .65rem}.audio-toggle[aria-pressed=true]{color:#b8f8edeb;background:#042b2f9e;border-color:#b8f8ed61}.audio-toggle[aria-pressed=true] .audio-toggle__mark{opacity:.9}.audio-toggle:focus-visible{outline-offset:3px;outline:2px solid #befbf4d1}.audio-toggle:disabled{cursor:wait;opacity:.45}@media (width<=600px){.intro{right:max(1.25rem, env(safe-area-inset-right));bottom:max(1.5rem, env(safe-area-inset-bottom));left:max(1.25rem, env(safe-area-inset-left))}.control-menu{top:max(.75rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left))}.control-menu__panel{width:min(20rem,100vw - 1.5rem)}}@media (prefers-reduced-motion:reduce){.aquarium-canvas,.aquarium-poster-fauna{transition-duration:0s}[data-idle-ui],.audio-toggle,.control-menu__icon,.control-menu__icon:before,.control-menu__icon:after{transition:none}}.water-light--broad[data-animated=true]{animation:underwater-light-broad var(--light-duration) ease-in-out infinite alternate;will-change:background-position, transform}.water-light--detail[data-animated=true]{animation:underwater-light-detail var(--light-duration) ease-in-out infinite alternate;will-change:background-position, transform}@keyframes underwater-light-broad{0%{background-position:-36px -8px;transform:perspective(700px)rotateX(58deg)translate(-1%,-.5%)scale(1.2)}to{background-position:82px 30px;transform:perspective(700px)rotateX(59deg)translate(1.2%,.8%)scale(1.23)}}@keyframes underwater-light-detail{0%{background-position:16px -12px,-24px 18px;transform:perspective(620px)rotateX(61deg)translate(.8%,-.7%)scale(1.24)}to{background-position:-68px 34px,74px -16px;transform:perspective(620px)rotateX(60deg)translate(-1.1%,.9%)scale(1.27)}}