html:has(.waterlight-experience){background:#061013;width:100%;height:100%;overflow:hidden}html:has(.waterlight-experience) body{background:#061013;width:100%;height:100%;overflow:hidden}:is(body:has(.waterlight-experience)>header,body:has(.waterlight-experience) footer){display:none!important}:is(body:has(.waterlight-experience)>div,body:has(.waterlight-experience) main){width:100%;height:100%;min-height:0!important;margin:0!important}.waterlight-experience{isolation:isolate;background:#061013;width:100vw;height:100svh;position:relative;overflow:hidden}#water-stage,.waterlight-grain{position:absolute;inset:0}#water-stage canvas{width:100%;height:100%;display:block}.waterlight-grain{z-index:1;opacity:.065;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.waterlight-runtime-controls{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sound-toggle{z-index:4;color:#ffffffe6;min-height:40px;font:inherit;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040f112e;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:9px;padding:6px 13px;font-size:12px;transition:border-color .18s,background .18s,transform .18s;display:inline-flex;position:absolute;bottom:clamp(16px,3vw,28px);left:clamp(16px,3vw,34px)}.sound-toggle:hover{background:#040f1147;border-color:#ffffffb3;transform:translateY(-2px)}.sound-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}.sound-bars{align-items:center;gap:2px;height:12px;display:flex}.sound-bars i{background:currentColor;width:1px;height:3px;display:block}.sound-toggle[aria-pressed=true] .sound-bars i{animation:.9s ease-in-out infinite alternate waterlight-sound-bar}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-500ms}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:-250ms}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(4){animation-delay:-700ms}@keyframes waterlight-sound-bar{to{height:12px}}@media (prefers-reduced-motion:reduce){.waterlight-experience{pointer-events:none}.sound-toggle{pointer-events:auto}.sound-toggle:hover{transform:none}.sound-bars i{animation:none!important}}
