:root{--abyssal: #041018;--ink: #0b1c24;--biolume: #5eead4;--love: #e8a598}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--abyssal)}#experience{width:100%;height:100%}.desktop-only{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;align-items:center;justify-content:center;padding:1.5rem;background:var(--abyssal);overflow:hidden}.desktop-only:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--biolume) 14%,transparent) 0%,transparent 55%);animation:desktop-only-halo 4.2s ease-in-out infinite}.desktop-only__line{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35em;margin:0;text-align:center}.desktop-only__word{display:block;font-family:IBM Plex Mono,monospace;font-weight:500;font-size:clamp(1.35rem,7.5vw,2rem);letter-spacing:.42em;text-indent:.42em;color:var(--pearl-soft, rgba(240, 230, 216, .96));text-shadow:0 0 32px var(--shadow-biolume, rgba(94, 234, 212, .45)),0 0 72px var(--shadow-love, rgba(232, 165, 152, .28))}.desktop-only__word--a{animation:desktop-only-word-a 2.8s cubic-bezier(.22,1,.36,1) infinite}.desktop-only__word--b{animation:desktop-only-word-b 2.8s cubic-bezier(.22,1,.36,1) infinite}@keyframes desktop-only-halo{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes desktop-only-word-a{0%,to{opacity:.55;transform:translateY(0);filter:blur(0)}50%{opacity:1;transform:translateY(-2px);filter:blur(0)}}@keyframes desktop-only-word-b{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(2px)}}@media(max-width:900px){#experience{display:none}.desktop-only{display:flex}}#webgl{display:block;width:100%;height:100%;cursor:crosshair}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.rift{--rift-x: 50%;--rift-y: 50%;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;overflow:hidden}.rift.is-on{animation:rift-cycle 1.45s cubic-bezier(.22,1,.36,1) forwards}.rift-wash{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:radial-gradient(circle at var(--rift-x) var(--rift-y),var(--veil-core, rgba(240, 230, 216, .62)) 0%,var(--veil-mid, rgba(94, 234, 212, .28)) 26%,color-mix(in srgb,var(--abyssal) 55%,transparent) 58%,transparent 78%);transform:scale(.42);opacity:.85;filter:blur(2px)}.rift-ring{position:absolute;left:var(--rift-x);top:var(--rift-y);width:12vmax;height:12vmax;border:1px solid color-mix(in srgb,var(--biolume) 55%,transparent);border-radius:50%;transform:translate(-50%,-50%) scale(.2);box-shadow:0 0 40px color-mix(in srgb,var(--biolume) 35%,transparent),inset 0 0 30px color-mix(in srgb,var(--love) 22%,transparent);opacity:0}.rift-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse at var(--rift-x) var(--rift-y),color-mix(in srgb,var(--love) 18%,transparent) 0%,transparent 42%),repeating-linear-gradient(0deg,transparent,transparent 2px,color-mix(in srgb,var(--pearl) 4%,transparent) 2px,color-mix(in srgb,var(--pearl) 4%,transparent) 3px);mix-blend-mode:screen}.rift.is-on .rift-wash{animation:rift-wash 1.45s cubic-bezier(.22,1,.36,1) forwards}.rift.is-on .rift-ring{animation:rift-ring 1.45s cubic-bezier(.16,1,.3,1) forwards}.rift.is-on .rift-grain{animation:rift-grain 1.45s ease-out forwards}@keyframes rift-cycle{0%{opacity:0}12%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes rift-wash{0%{transform:scale(.35);opacity:.2}28%{transform:scale(1.05);opacity:.95}to{transform:scale(1.55);opacity:0}}@keyframes rift-ring{0%{transform:translate(-50%,-50%) scale(.15);opacity:0}18%{opacity:.9}to{transform:translate(-50%,-50%) scale(6.5);opacity:0}}@keyframes rift-grain{0%{opacity:0}20%{opacity:.55}to{opacity:0}}@media(prefers-reduced-motion:reduce){.rift.is-on,.rift.is-on .rift-wash,.rift.is-on .rift-ring,.rift.is-on .rift-grain{animation-duration:.01ms}}.veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,var(--veil-core, rgba(240, 230, 216, .55)) 0%,var(--veil-mid, rgba(94, 234, 212, .18)) 42%,var(--veil-edge, rgba(4, 16, 24, 0)) 72%);opacity:0;transition:opacity .55s ease}.veil.on{opacity:1}.you-decide{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);font-family:Fraunces,serif;font-weight:300;font-size:clamp(2.6rem,9vw,7rem);letter-spacing:.22em;color:var(--pearl-soft, rgba(240, 230, 216, .96));text-shadow:0 0 40px var(--shadow-biolume, rgba(94, 234, 212, .45)),0 0 90px var(--shadow-love, rgba(232, 165, 152, .35));opacity:0;transition:opacity .55s ease,transform .55s ease;white-space:nowrap}.you-decide.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.mute-btn{--mute-ease: cubic-bezier(.22, 1, .36, 1);position:absolute;right:1.35rem;bottom:1.35rem;width:2.75rem;height:2.75rem;border:1px solid var(--mute-border, rgba(94, 234, 212, .22));border-radius:999px;background:radial-gradient(circle at 35% 30%,var(--mute-fill-a, rgba(24, 52, 62, .72)),var(--mute-fill-b, rgba(4, 16, 24, .55)));color:var(--biolume);display:grid;place-items:center;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 0 transparent,0 8px 28px #00000047;opacity:.72;transform:translateY(0) scale(1);transition:opacity .45s var(--mute-ease),transform .45s var(--mute-ease),border-color .45s var(--mute-ease),color .45s var(--mute-ease),background .45s var(--mute-ease),box-shadow .45s var(--mute-ease)}.mute-btn:hover{opacity:1;transform:translateY(-2px) scale(1.06);border-color:var(--mute-border-hot, rgba(94, 234, 212, .55));box-shadow:0 0 22px var(--mute-glow, rgba(94, 234, 212, .22)),0 10px 30px #00000052}.mute-btn:active{transform:translateY(0) scale(.94);transition-duration:.16s}.mute-btn.is-muted{color:var(--love);border-color:var(--mute-love-border, rgba(232, 165, 152, .35));opacity:.85}.mute-btn.is-muted:hover{border-color:var(--mute-love-border-hot, rgba(232, 165, 152, .6));box-shadow:0 0 22px var(--mute-love-glow, rgba(232, 165, 152, .2)),0 10px 30px #00000052}.mute-icon{width:1.25rem;height:1.25rem;overflow:visible}.mute-wave,.mute-slash,.mute-body{transition:opacity .4s var(--mute-ease),transform .4s var(--mute-ease),stroke-dashoffset .5s var(--mute-ease);transform-origin:center}.mute-wave-a,.mute-wave-b{stroke-dasharray:24;stroke-dashoffset:0;opacity:.95}.mute-wave-b{transition-delay:.05s}.mute-slash{stroke-dasharray:28;stroke-dashoffset:28;opacity:0}.mute-btn.is-muted .mute-wave-a,.mute-btn.is-muted .mute-wave-b{stroke-dashoffset:24;opacity:0;transform:scale(.85)}.mute-btn.is-muted .mute-slash{stroke-dashoffset:0;opacity:1}.mute-btn.is-muted .mute-body{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.mute-btn,.mute-wave,.mute-slash,.mute-body{transition-duration:.01ms}.desktop-only:before,.desktop-only__word--a,.desktop-only__word--b{animation:none;opacity:1}}