:root{--navy: #1a1f2e;--deep: #05080f;--cream: #faf8f5;--green: #33cc66;--green-dim: rgba(51, 204, 102, .55);--text: rgba(250, 248, 245, .78);--text-strong: #faf8f5;--text-muted: rgba(250, 248, 245, .55);--hair: rgba(250, 248, 245, .14);--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "DM Sans", system-ui, sans-serif;--serif: "DM Serif Display", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--deep);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}#stage-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-well{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 42%,#131a2b,#0b101d 52%,#05080f);transition:filter 2.4s ease}body.room-lit .bg-well{filter:brightness(1.35) saturate(1.05)}.bg-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(115% 100% at 50% 45%,transparent 55%,rgba(2,4,9,.72) 100%)}canvas#scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;touch-action:none}#labels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.det{position:absolute;transform:translate(-50%,-100%);font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;white-space:nowrap;color:var(--green);text-shadow:0 0 14px rgba(51,204,102,.45);opacity:0;transition:opacity .3s ease}.det.show{opacity:1}.det small{display:block;color:var(--text-muted);letter-spacing:.1em;font-weight:500;margin-top:2px}.mod{position:absolute;transform:translateY(-50%);display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .45s ease,transform .45s ease;pointer-events:none;white-space:nowrap}.mod.show{opacity:1}.mod-line{width:44px;height:1px;background:linear-gradient(90deg,var(--green-dim),transparent);flex:0 0 auto}.mod.flip{transform:translate(-100%,-50%);flex-direction:row-reverse}.mod.flip .mod-line{background:linear-gradient(270deg,var(--green-dim),transparent)}.mod-tx{text-align:left;max-width:230px;white-space:normal}.mod.flip .mod-tx{text-align:right}.mod-name{display:block;font-family:var(--sans);font-weight:600;font-size:14px;color:var(--text-strong);letter-spacing:.01em}.mod-part{display:block;font-family:var(--mono);font-weight:500;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-top:3px}.mod-say{display:block;font-size:11.5px;color:var(--text-muted);margin-top:4px;line-height:1.45}.hot{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:999px;border:1px solid var(--green-dim);background:#33cc6614;display:grid;place-items:center;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .4s ease,background .25s ease,transform .25s ease}.hot:after{content:"";width:6px;height:6px;border-radius:999px;background:var(--green)}.hot.show{opacity:1}.hot:hover{background:#33cc6638;transform:translate(-50%,-50%) scale(1.15)}.hot-tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);background:#0a0e18eb;border:1px solid var(--hair);border-radius:10px;padding:10px 13px;min-width:190px;opacity:0;pointer-events:none;transition:opacity .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hot:hover .hot-tip,.hot.pin .hot-tip{opacity:1}.hot-tip b{display:block;font-size:12.5px;color:var(--text-strong);font-weight:600}.hot-tip span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-top:3px}.hot-tip em{display:block;font-style:normal;font-size:11px;color:var(--text-muted);margin-top:5px;line-height:1.5;white-space:normal}#script{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.beat-copy{position:absolute;left:clamp(24px,6vw,96px);top:50%;transform:translateY(-50%);max-width:min(440px,38vw)}.bc-kicker{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:9px;opacity:0}.bc-kicker:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--green);box-shadow:0 0 12px var(--green)}.bc-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,4.6vw,4rem);line-height:1.03;letter-spacing:-.015em;color:var(--text-strong);margin-top:18px;opacity:0}.bc-title em{font-style:italic;color:var(--green)}.bc-sub{font-size:clamp(.95rem,1.1vw,1.06rem);line-height:1.65;color:var(--text);margin-top:18px;max-width:40ch;opacity:0}body.beat-final #controls{left:auto;right:auto;left:clamp(20px,4vw,44px);transform:none}body.beat-final .hint{display:none}body.beat-teardown .beat-copy{top:16%;transform:none;max-width:330px}body.beat-teardown .bc-title{font-size:clamp(1.7rem,2.9vw,2.6rem)}body.beat-teardown .bc-sub{font-size:.92rem;max-width:34ch}#topbar{position:fixed;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,44px);pointer-events:none}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;pointer-events:auto}.brand-mark{height:30px;width:auto;filter:brightness(0) invert(1) opacity(.92)}.brand-sub{font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);border-left:1px solid var(--hair);padding-left:12px}.badges{display:flex;align-items:center;gap:8px;pointer-events:auto}.proto-link{text-decoration:none;transition:border-color .2s ease,color .2s ease}.proto-link:hover{border-color:var(--green);color:var(--green)}.proto-badge{font-family:var(--mono);font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--hair);border-radius:999px;padding:7px 14px}#acts{position:fixed;right:clamp(18px,3vw,40px);top:50%;z-index:6;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}.act{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:9px 10px;border-radius:10px;color:var(--text-muted);transition:background .25s ease,color .25s ease}.act:hover{background:#faf8f50d;color:var(--text)}.act-n{font-family:var(--serif);font-size:15px;width:22px;text-align:center;color:inherit}.act-t{font-family:var(--mono);font-weight:600;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.act.on{color:var(--text-strong)}.act.on .act-n{color:var(--green)}#controls{position:fixed;left:50%;bottom:clamp(20px,4vh,40px);z-index:6;transform:translate(-50%);display:flex;align-items:center;gap:18px}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:600;font-size:15px;border-radius:999px;padding:15px 26px;cursor:pointer;border:2px solid transparent;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),background .28s ease,opacity .4s ease}.btn-primary{background:var(--green);border-color:var(--green);color:var(--navy)}.btn-primary:hover{transform:translate(-6px,-6px);box-shadow:8px 8px #faf8f5eb}.btn.gone{opacity:0;pointer-events:none}.hint{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:500;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted)}.hint-dot{width:6px;height:6px;border-radius:999px;background:var(--green);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.cta{position:fixed;left:50%;bottom:clamp(20px,4vh,40px);z-index:7;display:inline-flex;align-items:center;gap:10px;transform:translate(-50%,160%);opacity:0;background:var(--green);color:var(--navy);font-family:var(--sans);font-weight:700;font-size:15px;text-decoration:none;border-radius:999px;padding:16px 28px;box-shadow:0 10px 34px #33cc6640;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s ease,background .25s ease}.cta.show{transform:translate(-50%);opacity:1}.cta:hover{background:#2fbf5e}.cta-dot{width:7px;height:7px;border-radius:999px;background:var(--navy);animation:pulse 2.2s ease-in-out infinite}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--deep);display:grid;place-items:center;place-content:center;gap:20px;transition:opacity .7s ease,visibility .7s ease}#loader.gone{opacity:0;visibility:hidden}.loader-leaf img{height:40px;filter:brightness(0) invert(1) opacity(.9);animation:breathe 2.2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.loader-bar{width:150px;height:2px;border-radius:2px;background:#faf8f51f;overflow:hidden}.loader-fill{height:100%;width:40%;border-radius:2px;background:var(--green);animation:slide 1.2s ease-in-out infinite}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(400%)}}.loader-tx{font-family:var(--mono);font-weight:500;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.is-embed #topbar,.is-embed .proto-badge,.is-embed #cta{display:none}@media (max-width: 860px){.beat-copy{left:24px;right:24px;top:auto;bottom:118px;transform:none;max-width:none}.badges .proto-badge:not(.proto-link){display:none}.proto-badge{font-size:8.5px;padding:6px 10px;letter-spacing:.14em;white-space:nowrap}.brand-sub,body.beat-teardown .beat-copy{display:none}.mod-name{font-size:12px}.mod-part{font-size:8.5px;letter-spacing:.12em}.mod-line{width:16px}.mod{gap:7px}.mod-tx{max-width:118px}.bc-title{font-size:clamp(1.7rem,7.4vw,2.4rem)}.bc-sub{display:none}#acts{right:14px;gap:2px}.act{padding:7px 8px}.act-t,.mod-say{display:none}#controls{bottom:18px}.hint{display:none}}@media (prefers-reduced-motion: reduce){.hint-dot,.cta-dot,.loader-leaf img{animation:none}}