:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:oklch(28% .018 250);--ink-soft:oklch(46% .016 250);--mist:oklch(82% .012 250);--ice:oklch(72% .03 240);--line:oklch(40% .02 250/.28);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--font-display:"Noto Sans TC", "PingFang TC", sans-serif;--font-body:"Noto Sans TC", "PingFang TC", sans-serif;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px}*{box-sizing:border-box}html,body,#app{background:var(--mist);min-height:100%;color:var(--ink);font-family:var(--font-body);margin:0}body{overflow-x:hidden}button,a{font:inherit;color:inherit}.webgl{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{z-index:2;pointer-events:none;padding:clamp(16px,3vw,36px);position:fixed;inset:0}.hud>*{pointer-events:auto}.brand{max-width:24rem;position:absolute;top:clamp(16px,3vw,36px);left:clamp(16px,3vw,36px)}.brand h1{font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(2.2rem,5.2vw,4.2rem);font-weight:900;line-height:.86}.brand p{letter-spacing:.22em;color:var(--ink-soft);margin:10px 0 0;font-size:.68rem;font-weight:500}.manifesto{text-align:right;width:min(17rem,44vw);position:absolute;top:clamp(16px,3vw,36px);right:clamp(16px,3vw,36px)}.manifesto small{letter-spacing:.32em;color:var(--ink-soft);margin-bottom:10px;font-size:.62rem;font-weight:500;display:block}.manifesto p{text-wrap:pretty;margin:0;font-size:.82rem;font-weight:400;line-height:1.8}.chapter{writing-mode:vertical-rl;letter-spacing:.46em;color:var(--ink-soft);font-size:.72rem;position:absolute;top:50%;right:clamp(16px,3vw,36px);translate:0 -50%}.dock{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex;position:absolute;bottom:clamp(16px,3vw,36px);left:clamp(16px,3vw,36px)}.hint{letter-spacing:.16em;margin:0;font-size:.78rem;font-weight:500}.hint em{color:var(--ice);font-style:normal}.controls{flex-wrap:wrap;gap:8px;display:flex}.ghost{appearance:none;border:1px solid var(--line);cursor:pointer;letter-spacing:.12em;transition:background .18s var(--ease-out-quart), border-color .18s var(--ease-out-quart);background:oklch(93% .01 250/.28);padding:8px 14px;font-size:.72rem;font-weight:500;text-decoration:none}.ghost:hover,.ghost:focus-visible{border-color:var(--ice);background:oklch(96% .01 250/.55);outline:none}.progress{background:oklch(40% .02 250/.18);width:min(11rem,36vw);height:1px;position:absolute;bottom:clamp(16px,3vw,36px);right:clamp(16px,3vw,36px)}.progress span{background:var(--ink);transform-origin:0;height:1px;display:block}.jade-label{z-index:3;text-align:center;pointer-events:none;opacity:0;transition:opacity .28s var(--ease-out-quart);position:fixed;translate:-50% -120%}.jade-label.is-on{opacity:1}.jade-label strong{letter-spacing:.12em;font-size:.88rem;font-weight:700;display:block}.jade-label span{color:var(--ink-soft);letter-spacing:.1em;margin-top:4px;font-size:.68rem;display:block}.hover-card{z-index:3;letter-spacing:.14em;pointer-events:none;background:oklch(94% .01 250/.62);padding:10px 18px;font-size:.78rem;position:fixed;bottom:7vh;left:50%;translate:-50%}.grain{z-index:1;pointer-events:none;opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}.scroll-spacer{z-index:0;pointer-events:none;height:820vh;position:relative}.beast-card{text-align:center;pointer-events:none;position:absolute;top:58%;left:50%;translate:-50%}.beast-card strong{letter-spacing:.18em;font-size:clamp(2.4rem,7vw,4.8rem);font-weight:900;line-height:1;display:block}.beast-card span{letter-spacing:.22em;color:var(--ink-soft);margin-top:12px;font-size:.82rem;display:block}.beast-card.is-pangu{top:66%}.pangu-sheet{z-index:4;-webkit-backdrop-filter:blur(14px)saturate(1.18);opacity:0;pointer-events:none;transform-origin:top;width:min(34rem,88vw);transition:opacity .42s var(--ease-out-quart), transform .42s var(--ease-out-quart);cursor:pointer;background:linear-gradient(165deg,oklch(97% .012 95/.34) 0%,oklch(94% .02 80/.22) 52%,oklch(90% .018 240/.18) 100%);border:1px solid oklch(92% .03 85/.42);border-radius:2px;padding:22px 26px 18px;position:absolute;top:72%;left:50%;transform:scale(.96);box-shadow:0 18px 48px oklch(45% .04 80/.12),inset 0 1px oklch(100% 0 0/.46)}.hud>.pangu-sheet{pointer-events:none}.pangu-sheet.is-on,.hud>.pangu-sheet.is-on{opacity:1;pointer-events:auto;transform:scale(1)}.pangu-sheet-title{letter-spacing:.28em;color:oklch(42% .05 75);margin:0 0 12px;font-size:1.44rem;font-weight:500}.pangu-sheet-body{letter-spacing:.08em;text-wrap:pretty;min-height:4.8em;margin:0;font-size:clamp(1.84rem,4.4vw,2.16rem);font-weight:400;line-height:1.95}.pangu-caret{vertical-align:-.12em;background:oklch(78% .12 85);width:.55em;height:1em;margin-left:1px;animation:.9s step-end infinite pangu-blink;display:inline-block}.pangu-sheet-hint{letter-spacing:.18em;color:var(--ink-soft);margin:14px 0 0;font-size:1.28rem}@media (width>=900px){.pangu-sheet{transform-origin:100%;width:min(26rem,34vw);top:52%;left:auto;right:clamp(20px,4vw,48px);translate:0 -50%}}@keyframes pangu-blink{50%{opacity:0}}.fallback{z-index:4;background:linear-gradient(oklch(86% .012 250),oklch(74% .02 240));min-height:100vh;padding:12vh 8vw 8vh;position:relative}.fallback h1{letter-spacing:-.06em;margin:0 0 12px;font-size:clamp(2.2rem,8vw,4.4rem);font-weight:900}.fallback p{max-width:36rem;line-height:1.8}.fallback nav{flex-direction:column;gap:12px;max-width:22rem;margin-top:40px;display:flex}@media (width<=720px){.manifesto{width:min(12.5rem,46vw)}.manifesto p{font-size:.74rem}.chapter{display:none}.pangu-sheet{padding:18px 16px 14px;top:68%}.pangu-sheet-body{min-height:5.6em;font-size:1.76rem}}@media (prefers-reduced-motion:reduce){.jade-label,.ghost,.progress span,.pangu-sheet,.pangu-caret{transition:none;animation:none}}