html.intro-active{background:var(--black);overscroll-behavior:none;overflow:hidden}html.intro-active body{background:var(--black);overflow:visible}html.intro-active.intro-scroll{overflow:hidden auto}.intro{color:var(--paper);position:relative}.intro-canvas{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.intro-scroll-space{z-index:-1;position:relative}.intro-skip,.intro-sound,.gate-enter{-webkit-backdrop-filter:blur(14px)saturate(140%);color:var(--paper);font:600 12px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;pointer-events:auto;transition:border-color .3s, color .3s, background .3s, transform .5s var(--ease-out);background:linear-gradient(#f1f4e617,#f1f4e605);border:1px solid #f1f4e629;border-radius:999px;align-items:center;gap:10px;padding:11px 18px;display:inline-flex;box-shadow:inset 0 1px #ffffff24,0 10px 30px #00000059}.intro-skip:hover,.intro-sound:hover,.gate-enter:hover{color:var(--lime);border-color:#dbfe0199;transform:translateY(-1px)}.intro-header{z-index:40;padding:22px var(--gutter);pointer-events:none;transition:opacity .9s var(--ease-out);animation:introFade 1.2s .2s var(--ease-out) both;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:fixed;top:0;left:0;right:0}.intro.is-flood .intro-header{opacity:0}.intro-logo{color:var(--paper);align-items:center;gap:10px;display:inline-flex}.intro-logo-loop{width:36px;height:auto}.intro-logo-word{font-family:var(--font-display);font-size:22px;line-height:1}.intro-chapter{color:#f1f4e68c;font:500 11px/1 var(--font-mono);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;justify-self:center}.intro-actions{justify-self:end;align-items:center;gap:10px;display:flex}@keyframes introFade{0%{opacity:0}}.gate{z-index:10;position:fixed;inset:0}.intro.is-pour .gate-stage{opacity:0;transition:opacity .5s}.gate-stage{padding:92px var(--gutter) 44px;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,3.4vh,38px);display:flex;position:absolute;inset:0}.gate-copy{z-index:3;transition:opacity .7s var(--ease-out), transform .9s var(--ease-out), filter .7s;position:relative}.gate-copy-top{text-align:center;justify-items:center;gap:18px;display:grid}.gate-kicker{color:var(--lime);font:500 12px/1 var(--font-mono);letter-spacing:.26em;text-transform:uppercase;animation:introFade 1s .15s var(--ease-out) both;align-items:center;gap:10px;display:inline-flex}.gate-dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px}.gate-title{color:var(--paper);font-family:var(--font-display);text-transform:uppercase;flex-direction:column;align-items:center;font-size:clamp(42px,6.4vw,100px);font-weight:400;line-height:.88;display:flex}.gate-line{white-space:nowrap;display:block}.gate-accent{color:var(--lime);filter:drop-shadow(0 0 22px #dbfe0152)}.gate-char{vertical-align:top;margin-bottom:-.05em;padding-bottom:.05em;display:inline-block;overflow:hidden}.gate-char>span{animation:gateRise 1.15s calc(.3s + var(--i) * 32ms) var(--ease-out) forwards;display:inline-block;transform:translateY(108%)}@keyframes gateRise{to{transform:translate(0,0)}}.gate-ring-slot{aspect-ratio:1;flex-shrink:0;width:clamp(176px,min(56vw,40vh),360px)}.gate-copy-bottom{text-align:center;animation:introFade 1s .9s var(--ease-out) both;justify-items:center;gap:16px;display:grid}.gate-hint{color:#f1f4e69e;letter-spacing:-.005em;min-height:1.4em;font-size:15px;transition:color .3s}.gate.is-drawing .gate-hint,.gate.is-success .gate-hint{color:var(--lime)}.gate.is-retry .gate-hint{color:var(--paper)}.gate.is-success .gate-copy,.gate.is-charge .gate-copy,.gate.is-done .gate-copy{opacity:0;filter:blur(6px);transform:translateY(-14px)}.gate.is-success .gate-copy-bottom,.gate.is-charge .gate-copy-bottom,.gate.is-done .gate-copy-bottom{transform:translateY(14px)}.gate-svg{z-index:2;cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gate.is-success .gate-svg,.gate.is-charge .gate-svg,.gate.is-done .gate-svg{cursor:default}.gate-ring-group{transition:opacity .6s var(--ease-out);animation:introFade 1.4s .6s var(--ease-out) both}.gate.is-success .gate-ring-group,.gate.is-charge .gate-ring-group,.gate.is-done .gate-ring-group{opacity:0}.gate-ring-group.is-shaking{animation:gateShake .52s var(--ease-out)}@keyframes gateShake{20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.gate-ring{fill:none;stroke:#f1f4e64d;stroke-width:1px;stroke-dasharray:2 6}.gate-ticks path{fill:none;stroke:#dbfe0152;stroke-width:1px}.gate-progress{fill:none;stroke:var(--lime);stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 6px #dbfe01e6)}.gate-ghost{opacity:0;pointer-events:none}.gate-ghost-trail{fill:none;stroke:#dbfe0173;stroke-width:2px;stroke-linecap:round}.gate-ghost-dot{fill:var(--lime);filter:drop-shadow(0 0 8px var(--lime))}.gate-stroke{fill:none;stroke:var(--lime);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;transition:opacity .5s}.gate-stroke-glow{fill:none;stroke:var(--lime);stroke-width:12px;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:opacity .5s}.gate-charge{z-index:4;opacity:0;pointer-events:none;will-change:transform, opacity;width:600px;position:absolute;top:50%;left:0}.gate-charge-tube{-webkit-backdrop-filter:blur(10px);background:linear-gradient(#f1f4e61f,#f1f4e605);border:1px solid #f1f4e63d;border-radius:999px;height:14px;margin-top:-7px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,inset 0 -2px 6px #00000059,0 14px 40px #00000073}.gate-charge-fill{border-radius:inherit;background:linear-gradient(90deg, var(--lime-deep), var(--lime) 55%, var(--lime-soft));transform-origin:0;position:absolute;inset:3px;transform:scaleX(0);box-shadow:0 0 18px #dbfe01bf}.gate-charge-fill:after{content:"";border-radius:inherit;mix-blend-mode:soft-light;background:linear-gradient(100deg,#0000 30%,#ffffffa6 45%,#0000 60%) 0 0/220% 100%;animation:1.6s linear infinite liquidSheen;position:absolute;inset:0}@keyframes liquidSheen{0%{background-position:120% 0}to{background-position:-120% 0}}.gate-charge.is-pouring .gate-charge-fill{-webkit-mask-image:linear-gradient(90deg, #000 calc(50% - var(--drain,0%)), transparent calc(50% - var(--drain,0%)), transparent calc(50% + var(--drain,0%)), #000 calc(50% + var(--drain,0%)));-webkit-mask-image:linear-gradient(90deg, #000 calc(50% - var(--drain,0%)), transparent calc(50% - var(--drain,0%)), transparent calc(50% + var(--drain,0%)), #000 calc(50% + var(--drain,0%)));mask-image:linear-gradient(90deg, #000 calc(50% - var(--drain,0%)), transparent calc(50% - var(--drain,0%)), transparent calc(50% + var(--drain,0%)), #000 calc(50% + var(--drain,0%)))}.gate-charge-shine{opacity:.55;background:linear-gradient(90deg,#0000,#fff9,#0000);border-radius:999px;height:3px;position:absolute;top:2px;left:10px;right:10px}.gate-charge-meta{color:#f1f4e699;font:500 11px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-top:16px;transition:opacity .4s;display:flex}.gate-charge.is-pouring .gate-charge-meta,.gate.is-done .gate-charge-meta{opacity:0}.gate-charge-pct{color:var(--lime);font-family:var(--font-display);letter-spacing:.02em;font-size:22px}.intro-hint{z-index:30;color:var(--lime);font:500 11px/1 var(--font-mono);letter-spacing:.3em;text-transform:uppercase;opacity:0;transition:opacity .6s var(--ease-out), transform .8s var(--ease-out);pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:5.5vh;left:50%;transform:translate(-50%,10px)}.intro-hint.is-on{opacity:1;transform:translate(-50%)}.intro-hint-mouse{border:1.5px solid #dbfe01bf;border-radius:12px;width:22px;height:34px;position:relative}.intro-hint-mouse:after{content:"";background:var(--lime);width:3px;height:7px;animation:hintWheel 1.6s infinite var(--ease-in-out);border-radius:2px;margin-left:-1.5px;position:absolute;top:7px;left:50%}@keyframes hintWheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(0)}}.intro-log{left:var(--gutter);z-index:30;color:#f1f4e6a8;font:500 12px/1.2 var(--font-mono);letter-spacing:.08em;opacity:0;pointer-events:none;gap:10px;transition:opacity .8s;display:grid;position:fixed;bottom:6vh}.intro.is-garden .intro-log{opacity:1}.intro-log p{opacity:0;transition:opacity .6s var(--ease-out), transform .8s var(--ease-out);transform:translate(-10px)}.intro-log p.is-on{opacity:1;transform:none}.intro-log-mark{color:var(--lime)}.intro-story{z-index:20;opacity:0;pointer-events:none;position:fixed;inset:0}.intro.is-world .intro-story{opacity:1}.story{--hud:0;--progress:0;position:absolute;inset:0}.story-shade{opacity:var(--hud);background:radial-gradient(70% 55% at 12% 92%,#050604e0,#0000 70%),linear-gradient(#0000 62%,#05060499);position:absolute;inset:0}.story-frame span{width:28px;height:28px;opacity:var(--hud);border:0 solid #dbfe018c;position:absolute}.story-frame span:first-child{top:88px;left:var(--gutter);border-top-width:1px;border-left-width:1px}.story-frame span:nth-child(2){top:88px;right:var(--gutter);border-top-width:1px;border-right-width:1px}.story-frame span:nth-child(3){bottom:28px;left:var(--gutter);border-bottom-width:1px;border-left-width:1px}.story-frame span:nth-child(4){bottom:28px;right:var(--gutter);border-bottom-width:1px;border-right-width:1px}.story-caption{left:calc(var(--gutter) + 8px);visibility:hidden;gap:18px;max-width:min(660px,84vw);display:grid;position:absolute;bottom:12vh}.story-kicker{color:var(--lime);font:500 12px/1 var(--font-mono);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:10px;display:inline-flex}.story-dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px}.story-title{color:var(--paper);font-family:var(--font-display);text-transform:uppercase;font-size:clamp(42px,5.6vw,94px);font-weight:400;line-height:.9}.story-body{color:#f1f4e6bd;max-width:40ch;font-size:clamp(16px,1.3vw,20px);line-height:1.5}.story-answer{color:#f1f4e6db}.story-answer-lead .sw-i{color:var(--lime);text-shadow:0 0 18px #dbfe0173;font-weight:700}.sw{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.sw-i{will-change:transform, opacity;display:inline-block}.story-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.story-lines polyline{fill:none;stroke:#dbfe01bf;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;visibility:hidden}.story-callout{--k:0;visibility:hidden;position:absolute;top:0;left:0}.story-callout-dot{background:var(--lime);width:10px;height:10px;box-shadow:0 0 0 5px #dbfe0124, 0 0 18px var(--lime);transform:scale(var(--k));border-radius:50%;position:absolute;top:-5px;left:-5px}.story-callout-dot:after{content:"";animation:calloutPing 2.2s infinite var(--ease-out);border:1px solid #dbfe0199;border-radius:50%;position:absolute;inset:-10px}@keyframes calloutPing{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.8)}}.story-callout-box{left:var(--lx);top:var(--ly);-webkit-backdrop-filter:blur(12px)saturate(140%);opacity:var(--k);white-space:nowrap;background:linear-gradient(#f1f4e614,#f1f4e605);border:1px solid #f1f4e624;border-radius:12px;gap:5px;padding:11px 15px;display:grid;position:absolute;transform:translate(8px,-50%);box-shadow:inset 0 1px #ffffff1f}.story-callout[data-side=left] .story-callout-box{transform:translate(calc(-100% - 8px),-50%)}.story-callout-box b{color:var(--lime);font:600 11px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase}.story-callout-box span{color:var(--paper);font-size:13px}.story-readout{right:calc(var(--gutter) + 8px);color:#f1f4e694;font:500 11px/1 var(--font-mono);letter-spacing:.16em;text-align:right;text-transform:uppercase;opacity:var(--hud);gap:7px;display:grid;position:absolute;bottom:6vh}.story-readout b{color:var(--lime);font-weight:600}.story-rail{right:calc(var(--gutter) * .55);width:1px;height:38vh;position:absolute;top:50%;transform:translateY(-50%)}.story-rail-track{background:#f1f4e629;position:absolute;inset:0}.story-rail-fill{background:var(--lime);box-shadow:0 0 12px var(--lime);transform:scaleY(var(--progress));transform-origin:top;position:absolute;inset:0}.story-rail-node{left:50%;top:calc(var(--at) * 100%);background:var(--black);border:1px solid #f1f4e659;border-radius:50%;width:9px;height:9px;transition:background .4s,border-color .4s,box-shadow .4s;position:absolute;transform:translate(-50%,-50%)}.story-rail-node span{color:#f1f4e66b;font:500 10px/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;transition:color .4s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.story-rail-node.is-active{border-color:var(--lime);background:var(--lime);box-shadow:0 0 14px var(--lime)}.story-rail-node.is-active span{color:var(--lime)}.morph{--outline:0;--extra:0;color:var(--lime);visibility:hidden;transform-origin:50% 40%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.morph-ref{font-family:var(--font-display);white-space:nowrap;visibility:hidden;font-size:clamp(84px,13.5vw,220px);line-height:1;display:flex;position:absolute;top:27%;left:50%;transform:translate(-50%,-50%)}.morph-ref span{display:inline-block}.morph-kicker{color:var(--lime);font:500 12px/1 var(--font-mono);letter-spacing:.28em;text-transform:uppercase;opacity:var(--extra);transform:translate3d(0, calc((1 - var(--extra)) * 10px), 0);margin-bottom:26px}.morph-stack{font-family:var(--font-display);text-transform:uppercase;text-shadow:0 0 44px #dbfe014d;flex-direction:column;align-items:center;font-size:clamp(58px,10.4vw,172px);line-height:.86;display:flex}.morph-line{white-space:nowrap;display:flex}.mc{transform-origin:0 0;will-change:transform, opacity;display:inline-block;position:relative}.mc-g{display:inline-block}.mc-base{vertical-align:baseline;width:0;height:0;display:inline-block}.morph .mc-tail{opacity:0}.morph-outline .mc-g{color:rgba(219, 254, 1, calc(1 - var(--outline)));-webkit-text-stroke:calc(var(--outline) * 2px) var(--lime)}.morph-sub{text-align:center;color:#f1f4e6b8;max-width:90vw;line-height:1.7;font:500 12px/1 var(--font-mono);letter-spacing:.3em;text-transform:uppercase;opacity:var(--extra);margin-top:30px}.epi{padding:0 var(--gutter);text-align:center;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.epi-kicker{color:var(--lime);font:500 12px/1 var(--font-mono);letter-spacing:.3em;text-transform:uppercase}.epi-line{font-family:var(--font-display);text-transform:uppercase;font-weight:400;line-height:.95}.epi-top{color:var(--paper);font-size:clamp(30px,4.4vw,78px)}.epi-accent{color:var(--lime);text-shadow:0 0 34px #dbfe0166;flex-wrap:wrap;justify-content:center;font-size:clamp(34px,5.2vw,94px);display:flex}.epi-word{white-space:nowrap;display:inline-flex}.epi-word+.epi-word{margin-left:.28em}.epi-accent .mc-tail,.epi-accent .mc-anchor{opacity:0}.epi-accent .mc-anchor .mc-g{text-shadow:0 0 calc(12px + var(--flash,0) * 54px) rgba(219, 254, 1, calc(.45 + var(--flash,0) * .55))}.epi-fade{opacity:0}@media (max-width:760px){.intro-header{grid-template-columns:1fr auto}.intro-chapter{display:none}.intro-skip,.gate-enter{padding:10px 14px;font-size:11px}.story-caption{left:var(--gutter);right:var(--gutter);bottom:9vh}.story-title{font-size:clamp(36px,11vw,56px)}.story-rail-node span,.story-readout{display:none}.story-callout-box{padding:8px 11px}.story-callout-box span,[data-callout=lion],[data-callout=mirror],[data-line=lion],[data-line=mirror]{display:none}.morph-ref{top:30%}.epi-accent{row-gap:.1em;max-width:92vw}.morph-sub,.morph-kicker{letter-spacing:.18em}}@media (prefers-reduced-motion:reduce){.gate-char>span{animation:none;transform:none}}