:root{--ink: #08090a;--soot: #161210;--cinnabar: #d8402f;--deep-red: #5e2620;--gold: #f2c542;--old-gold: #8a6a2f;--jade: #1e7f63;--azure: #14508c;--robin: #00c805;--robin-ink: #0a7a2f;--plastic: #ece3cf;--plastic-edge: #c9bc9d;--plastic-side: #b3a685;--resin: #d9c59b;--band-black: #1c1a18;--band-brown: #6e3b1c;--band-red: #c62f28;--band-orange: #e07a1f;--band-yellow: #ecc73a;--band-violet: #6b3f8f;--band-gold: #c9a227;--led-red: #ff4a3a;--led-green: #36d16b;--led-gold: #ffcf4a;--led-jade: #2ab88e;--die: #1f2a33;--smoke: #8b857f;--pcb: #1f6b4f;--pcb-edge: #154a37;--copper: #b87333;--bone: #ede3d2;--screen: #e8dcc4;--screen-edge: #c4b394;--paper: #efe6d2;--house: #17120e;--tint: #e8c25a;--tint-strength: 0;--violet: #6b3f8f;--lamp-warm: #f6e3bd;--lamp-cold: #d4dce6;--lamp-white: #fffaf0;--text-han: clamp(1.5rem, 1rem + 3.6vw, 3.2rem);--text-latin: clamp(.7rem, .62rem + .3vw, .85rem);--text-body: clamp(.9rem, .85rem + .25vw, 1.05rem);--measure: 32ch;--ease-rod: cubic-bezier(.2, .9, .25, 1);--dur-quick: .18s;--dur-beat: .42s;--dur-lamp: .9s;--z-lamp: 0;--z-screen: 1;--z-backdrop: 2;--z-far: 3;--z-near: 4;--z-puppets: 5;--z-frame: 6;--z-caption: 7}:root{--ink: #08090a;--bone: #ede3d2;--gold: #e8c25a;--cinnabar: #c4463a;--font-han: "Noto Serif TC", "Source Han Serif TC", "Songti TC", "PingFang TC", "Microsoft JhengHei", serif;--font-latin: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--soot);font-family:var(--font-han);-webkit-font-smoothing:antialiased}body{min-height:100svh;overscroll-behavior-y:none}#gl{display:block;width:100%;height:100%}#boot{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:1.1rem;background:var(--ink);transition:opacity .9s ease .2s,visibility 0s linear 1.1s}#boot[data-done=true]{opacity:0;visibility:hidden}.boot__mark{font-size:clamp(2.6rem,7vw,4.2rem);color:var(--gold);letter-spacing:.1em;animation:ember 3.4s ease-in-out infinite}.boot__label{font-size:.78rem;letter-spacing:.6em;text-indent:.6em;opacity:.5}@keyframes ember{0%,to{opacity:.45;text-shadow:0 0 18px rgb(255 178 87 / .25)}50%{opacity:1;text-shadow:0 0 34px rgb(255 178 87 / .55)}}@media(prefers-reduced-motion:reduce){.boot__mark{animation:none;opacity:.9}}.noscript{position:fixed;inset:auto 0 2rem;z-index:200;text-align:center;font-size:.9rem;opacity:.8}.ui{position:fixed;inset:0;display:grid;grid-template-rows:1fr auto;padding:clamp(1.25rem,4vw,3rem);pointer-events:none;color:var(--bone, #ede3d2)}.ui.is-travelling .chapter,.ui.is-travelling .act{opacity:.18;transition:opacity .5s ease}.slip{position:absolute;top:0;right:clamp(1.25rem,4vw,3rem);z-index:1;padding:clamp(1rem,2.2vw,1.6rem) clamp(.5rem,1.3vw,.85rem) clamp(1.8rem,3.4vw,2.6rem);background:var(--bone);color:var(--deep-red);border:.28rem solid var(--cinnabar);box-shadow:inset 0 0 0 .14rem var(--bone),inset 0 0 0 .2rem var(--cinnabar),0 .5rem 1.6rem #16121038;clip-path:polygon(0 0,100% 0,100% calc(100% - .9rem),50% 100%,0 calc(100% - .9rem));opacity:0;transform:translateY(-.9rem)}.slip.is-in{animation:slip-in .9s cubic-bezier(.2,.9,.25,1) forwards}@keyframes slip-in{to{opacity:1;transform:none}}.slip[hidden]{display:none}.chapter{align-self:end;max-width:34ch;opacity:0;transform:translateY(.6rem)}.chapter.is-in{animation:chapter-in 1.1s cubic-bezier(.16,1,.3,1) forwards}@keyframes chapter-in{to{opacity:1;transform:none}}.chapter__han{writing-mode:vertical-rl;font-size:clamp(1.6rem,4.2vw,2.9rem);font-weight:500;letter-spacing:.22em;margin:0 0 .9rem;text-shadow:0 0 2.5rem rgba(0,0,0,.9)}.chapter__latin{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;opacity:.62;margin:0 0 .5rem}.chapter__body{font-size:.95rem;line-height:1.85;opacity:.86;margin:0}.act{pointer-events:auto;justify-self:start;display:inline-flex;align-items:baseline;gap:.7rem;margin-top:1.6rem;padding:.7rem 1.4rem;background:transparent;color:inherit;border:1px solid rgba(232,194,90,.42);border-radius:2px;cursor:pointer;font:inherit;transition:border-color .3s,background .3s}.act:hover,.act:focus-visible{border-color:#e8c25ae6;background:#e8c25a12}.act__han{font-size:1.05rem;letter-spacing:.2em}.act__latin{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.55}.lamps{position:fixed;right:clamp(1rem,3vw,2.4rem);top:50%;transform:translateY(-50%);display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.lamps__lamp{width:7px;height:7px;border-radius:50%;background:#ede3d229;transition:background .6s ease,box-shadow .6s ease}.lamps__lamp.is-lit{background:#ffb257;box-shadow:0 0 .75rem #ffb257bf}.meta{align-self:end;justify-self:end;display:flex;gap:1rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.45}@media(prefers-reduced-motion:reduce){.chapter.is-in{animation-duration:.01ms}}#stage{position:fixed;inset:0;z-index:0}#track{position:relative;z-index:1;pointer-events:none}.puppet{left:calc(var(--puppet-x, .5) * 100%);top:calc(var(--puppet-y, .5) * 100%)}.puppet[data-flip=true]{transform:scaleX(-1)}.noscript{position:relative;z-index:2;max-width:34rem;margin:0 auto;padding:3rem 1.5rem;line-height:1.9}.act__count{font-size:.8rem;letter-spacing:.2em;opacity:.7}