: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-canvas{z-index:1;cursor:pointer;touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset: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}.locale-nav,.seo-about{top:max(1rem, env(safe-area-inset-top));z-index:6;color:#e0fbfac2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0112167a;border:1px solid #d0fff92e;border-radius:999px;position:absolute;box-shadow:0 6px 24px #00070a33}.locale-nav{right:max(1rem, env(safe-area-inset-right));padding:.28rem;font-size:.72rem;display:flex}.locale-nav a{min-height:2rem;color:inherit;border-radius:999px;padding:.55rem .7rem;text-decoration:none}.locale-nav a[aria-current=page]{color:#e7fffcf0;background:#4380806b}.locale-nav a:focus-visible,.seo-about summary:focus-visible{outline-offset:2px;outline:2px solid #befbf4d1}.seo-about{left:max(1rem, env(safe-area-inset-left));border-radius:1.25rem;max-width:min(32rem,100% - 2rem);font-size:.78rem}.seo-about summary{cursor:pointer;letter-spacing:.04em;border-radius:999px;min-height:2.55rem;padding:.78rem 1rem;list-style:none}.seo-about summary::-webkit-details-marker{display:none}.seo-about summary:after{content:"＋";opacity:.65;margin-left:.6rem}.seo-about[open]{background:#011216e0;max-height:calc(100% - 2rem);overflow:auto}.seo-about[open] summary:after{content:"−"}.seo-about__body{color:#e2f9f7c7;padding:0 1.15rem 1.15rem;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{right:max(1.5rem, env(safe-area-inset-right));bottom:max(1.5rem, env(safe-area-inset-bottom));z-index:5;align-items:center;gap:.7rem;display:flex;position:absolute}.audio-volume{color:#d7f4f1b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.05em;background:#0419207a;border:1px solid #c9f4f02e;border-radius:999px;grid-template-columns:auto minmax(4.5rem,7rem) 2.4rem;align-items:center;gap:.45rem;min-height:2.75rem;padding:0 .75rem;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;min-width:7.5rem;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(8.5rem, calc(env(safe-area-inset-bottom) + 8.5rem));left:max(1.25rem, env(safe-area-inset-left))}.audio-controls{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end}.audio-toggle{min-width:6.8rem}.audio-volume{grid-template-columns:auto minmax(4rem,6rem) 2.4rem}}@media (prefers-reduced-motion:reduce){[data-idle-ui],.audio-toggle{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)}}