:root{--void:#020a14;--trench:#05304a;--cyan:#0fa3a3;--mint:#39e6c3;--violet:#b76cff;--cream:#dce7ee}*{box-sizing:border-box}html,body{height:100%}html{overflow:hidden}body{min-height:100svh;color:var(--cream);background:radial-gradient(120% 80% at 50% -10%, #06283b 0%, transparent 55%), radial-gradient(140% 120% at 50% 130%, #01060d 0%, transparent 60%), var(--void);-webkit-font-smoothing:antialiased;cursor:default;margin:0;font-family:Inter,system-ui,sans-serif;overflow:clip hidden}.stage{cursor:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#c{width:100%;height:100%;display:block;position:absolute;inset:0}.light-hit{z-index:2;touch-action:none;outline:none;position:absolute;inset:0}.light-hit:focus-visible{box-shadow:inset 0 0 0 2px #39e6c380}.depth{z-index:3;letter-spacing:.16em;color:#39e6c3d1;text-shadow:0 0 12px #0fa3a38c;opacity:0;pointer-events:none;align-items:baseline;gap:.7em;font-family:ui-monospace,SF Mono,Roboto Mono,monospace;font-size:clamp(.66rem,1.5vmin,.82rem);transition:opacity 1s .3s,transform 1s .3s;display:flex;position:absolute;top:clamp(18px,6vh,52px);left:clamp(16px,5vw,54px);transform:translateY(-6px)}.depth.is-in{opacity:1;transform:none}.depth__dot{background:var(--mint);width:7px;height:7px;box-shadow:0 0 10px var(--mint);border-radius:50%;align-self:center;animation:2.4s ease-in-out infinite sonar}.depth__val{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-weight:500}.depth__val i{opacity:.5;margin-left:.15em;font-style:normal}.depth__zone{color:#b76cffb8;text-shadow:0 0 10px #b76cff73}@keyframes sonar{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.wordmark{z-index:3;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:.55em;margin:0;display:flex;position:absolute;bottom:clamp(30px,11vh,96px);left:50%;translate:-50%}.wordmark__word{letter-spacing:.22em;text-indent:.22em;background:linear-gradient(#eafffb 0%,#7ff3dd 30%,#39e6c3 52%,#0fa3a3 74%,#0b6f7d 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px #39e6c380)drop-shadow(0 0 60px #0fa3a347);opacity:0;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(2.4rem,12vmin,6rem);font-weight:700;line-height:1;transition:opacity 1.3s,transform 1.4s cubic-bezier(.16,.84,.28,1);animation:6s ease-in-out infinite breathe;transform:translateY(24px)scale(.985)}.wordmark__sub{letter-spacing:.56em;text-indent:.56em;color:#b76cff9e;text-shadow:0 0 14px #b76cff66;opacity:0;font-family:ui-monospace,SF Mono,monospace;font-size:clamp(.6rem,1.5vmin,.8rem);font-weight:400;transition:opacity .9s .3s,transform .9s .3s;transform:translateY(10px)}.wordmark.is-in .wordmark__word,.wordmark.is-in .wordmark__sub{opacity:1;transform:none}.wordmark__word.pulse{animation:6s ease-in-out infinite breathe,.9s wpulse}@keyframes breathe{0%,to{filter:drop-shadow(0 0 22px #39e6c380)drop-shadow(0 0 60px #0fa3a347)}50%{filter:drop-shadow(0 0 30px #39e6c3ad)drop-shadow(0 0 80px #0fa3a366)}}@keyframes wpulse{0%{filter:drop-shadow(0 0 22px #39e6c380)}35%{filter:drop-shadow(0 0 44px #96ffebf2)drop-shadow(0 0 90px #39e6c399)}to{filter:drop-shadow(0 0 22px #39e6c380)}}.hint{z-index:3;letter-spacing:.05em;color:#dce7eec7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0fa3a314;border:1px solid #39e6c32e;border-radius:999px;align-items:center;gap:9px;margin:0;padding:8px 15px;font-size:.8rem;transition:opacity .6s,transform .6s;animation:2.8s ease-in-out infinite bob;display:flex;position:absolute;top:clamp(20px,7vh,60px);left:50%;translate:-50%}.hint__grip{border:2px solid #39e6c3cc;border-radius:50%;width:13px;height:13px;position:relative;box-shadow:0 0 8px #39e6c380}.hint__grip:after{content:"";background:#39e6c3e6;border-radius:50%;animation:1.5s ease-in-out infinite pulse;position:absolute;inset:3px}.hint.is-gone{opacity:0;pointer-events:none;transform:translateY(-6px)}@keyframes bob{50%{transform:translateY(4px)}}@keyframes pulse{50%{opacity:.4;transform:scale(.5)}}.mute{z-index:5;width:44px;height:44px;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff0d;border:1px solid #39e6c32e;border-radius:50%;place-items:center;transition:background .2s,transform .2s,border-color .2s;display:grid;position:fixed;top:clamp(14px,3vh,26px);right:clamp(14px,3vw,26px)}.mute:hover{background:#0fa3a329;transform:scale(1.05)}.mute:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.mute svg{fill:currentColor;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;fill-rule:evenodd;width:22px;height:22px}.mute .wave{fill:none;transition:opacity .2s}.mute[aria-pressed=false] .wave{opacity:.15}.mute[aria-pressed=true] .wave{opacity:1}@media (prefers-reduced-motion:reduce){.stage{cursor:default}.hint,.hint__grip:after,.depth__dot{animation:none}.mute{transition:none}.wordmark__word{transition:none;animation:none}.wordmark__sub{transition:none}}