:root{--bg:#050609;--ink:#f2f5fa;--soft:#aeb8c8;--line:rgba(180,200,230,.22);--hot:#ff4332;--accent:#76e0ff;--mono:ui-monospace,"SF Mono","JetBrains Mono","Menlo",monospace;--ease:cubic-bezier(.22,1,.36,1)}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;cursor:grab}#scene:active{cursor:grabbing}#wordmark,#state,#modes,#info-toggle,#sound-toggle,#side-shapes{position:fixed;z-index:12;transition:opacity .4s var(--ease)}body.hide-ui #wordmark,body.hide-ui #state,body.hide-ui #modes,body.hide-ui #info-toggle,body.hide-ui #sound-toggle,body.hide-ui #side-shapes{opacity:0;pointer-events:none}#wordmark{top:26px;left:30px;font-size:14px;font-weight:600;letter-spacing:.5em;pointer-events:none}#state{top:28px;right:30px;display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);pointer-events:none}#state .dot{width:7px;height:7px;border-radius:50%;background:var(--soft);box-shadow:0 0 #76e0ff00}#state.live .dot{background:var(--accent);animation:pulse 1.8s var(--ease) infinite}@keyframes pulse{0%{box-shadow:0 0 #76e0ff80}70%{box-shadow:0 0 0 7px #76e0ff00}to{box-shadow:0 0 #76e0ff00}}#modes{bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#0a0d1380;backdrop-filter:blur(10px)}.mode{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);background:transparent;border:0;padding:8px 16px;border-radius:999px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}.mode:hover{color:var(--ink)}.mode.is-active{color:var(--bg);background:var(--ink)}#info-toggle{bottom:30px;right:30px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#0a0d1380;backdrop-filter:blur(10px);color:var(--ink);font-family:var(--mono);font-size:13px;font-style:italic;cursor:pointer;transition:border-color .2s var(--ease),transform .2s var(--ease)}#info-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}#sound-toggle{bottom:30px;left:30px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#0a0d1380;backdrop-filter:blur(10px);color:var(--accent);font-family:var(--mono);font-size:14px;line-height:1;cursor:pointer;transition:border-color .2s var(--ease),transform .2s var(--ease),color .2s var(--ease)}#sound-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}#sound-toggle .snd-off{display:none}#sound-toggle.is-muted{color:var(--soft)}#sound-toggle.is-muted .snd-on{display:none}#sound-toggle.is-muted .snd-off{display:inline}#side-shapes{inset:0;pointer-events:none}.nature-particle{--size:24px;--drift:20px;--hue:190;position:absolute;width:var(--size);height:var(--size);border:0;border-radius:48% 52% 58% 42%;background:radial-gradient(circle at 38% 32%,hsla(var(--hue),95%,84%,.34),transparent 24%),radial-gradient(circle at 66% 68%,hsla(calc(var( -  - hue)+34),95%,66%,.22),transparent 38%),hsla(var(--hue),90%,64%,.09);box-shadow:0 0 18px hsla(var(--hue),95%,62%,.22);cursor:pointer;filter:blur(.4px);mix-blend-mode:screen;pointer-events:auto;opacity:.46;animation:side-drift 8s var(--ease) infinite alternate,particle-breathe 4.6s ease-in-out infinite,liquid-morph 6.5s ease-in-out infinite;transition:opacity .2s var(--ease),filter .2s var(--ease)}.nature-particle:before{content:"";position:absolute;inset:-45%;border-radius:inherit;background:radial-gradient(circle,hsla(var(--hue),95%,70%,.12),transparent 62%);filter:blur(7px)}.nature-particle:hover{opacity:.78;filter:blur(.1px) brightness(1.35)}.nature-particle.is-hiding{opacity:0;pointer-events:none}.nature-particle.is-dissolving{pointer-events:none;animation:liquid-dissolve 1.9s var(--ease) forwards}@keyframes side-drift{0%{transform:translate3d(0,-6px,0) rotate(-8deg)}to{transform:translate3d(var(--drift),10px,0) rotate(18deg)}}@keyframes particle-breathe{50%{filter:brightness(1.2);box-shadow:0 0 24px hsla(var(--hue),95%,62%,.28)}}@keyframes liquid-morph{0%,to{border-radius:48% 52% 58% 42%}35%{border-radius:62% 38% 44% 56%}70%{border-radius:42% 58% 64% 36%}}@keyframes liquid-dissolve{0%{opacity:.72;filter:blur(.2px) brightness(1.25)}to{opacity:0;filter:blur(12px) brightness(1.7);transform:translate3d(var(--drift),-18px,0) scale(2.8) rotate(32deg)}}#info{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#040509b8;backdrop-filter:blur(6px);animation:fade .3s var(--ease)}@keyframes fade{0%{opacity:0}}.info-card{position:relative;width:min(560px,88vw);border:1px solid var(--line);background:#090c12eb;padding:40px 44px}#info-close{position:absolute;top:16px;right:18px;background:0;border:0;color:var(--soft);font-size:14px;cursor:pointer}#info-close:hover{color:var(--ink)}.info-card h2{font-size:15px;letter-spacing:.45em;margin-bottom:18px}.info-card .lede{font-size:13.5px;line-height:1.75;color:var(--ink);margin-bottom:28px}.info-cols{display:flex;gap:44px;margin-bottom:26px}.info-cols h3{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.info-cols ul{list-style:none}.info-cols li{font-size:12px;line-height:1.95;color:var(--ink)}.info-cols b{display:inline-block;min-width:34px;color:var(--soft);font-weight:600}.info-card .fine{font-size:10.5px;letter-spacing:.05em;color:var(--soft);border-top:1px solid var(--line);padding-top:18px}.info-card .fine .sep{margin:0 8px;opacity:.4}#caption{position:fixed;z-index:11;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(18px,3.2vw,34px);font-weight:500;letter-spacing:.02em;text-align:center;color:var(--ink);text-shadow:0 2px 40px rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .8s var(--ease);max-width:80vw}#caption.show{opacity:1}#toast{position:fixed;z-index:11;left:50%;bottom:96px;transform:translate(-50%) translateY(8px);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);opacity:0;pointer-events:none;transition:opacity .4s var(--ease),transform .4s var(--ease)}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#gate,#fallback{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0b0f18,#050609 72%)}.gate-inner{text-align:center;padding:56px 40px;width:min(620px,92vw)}.gate-glyph{font-size:76px;color:var(--accent);line-height:1;text-shadow:0 0 52px rgba(118,224,255,.5);margin-bottom:26px;animation:float 5s var(--ease) infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.gate-inner h2{font-size:clamp(34px,6vw,68px);letter-spacing:.34em;margin-bottom:20px}.gate-inner p{font-size:14px;line-height:1.7;color:var(--soft)}.gate-line{margin-bottom:8px;white-space:nowrap}.gate-fine{margin-bottom:34px;font-size:12px!important;letter-spacing:.08em;color:var(--soft);opacity:.76}#enter{font-family:var(--mono);font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--bg);background:var(--ink);border:0;padding:15px 44px;cursor:pointer;transition:transform .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}#enter:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 10px 40px #76e0ff40}#loader{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:var(--bg)}#loader .bar{width:300px;height:2px;background:var(--line);overflow:hidden}#loader .bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s var(--ease)}#loader-text{margin-top:18px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}@media(max-width:720px){#modes{gap:2px;padding:4px}.mode{padding:7px 10px;font-size:10px;letter-spacing:.06em}.info-cols{flex-direction:column;gap:22px}#wordmark{font-size:12px}}