@font-face{font-family:LabSerif;src:local('Songti SC'),local('Noto Serif CJK SC'),local('SimSun')}
:root{--paper:#f6f4ee;--ink:#292c28;--muted:#7b7f74;--line:#d9ddd1;--accent:#e9785c;--stage:#f7e8de;--serif:LabSerif,'Songti SC',serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
.site-header{height:91px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:650;letter-spacing:1px}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2.2px;margin-top:5px}.brand-mark{display:grid;place-items:center;font-size:43px;line-height:1;width:45px;height:48px;color:var(--accent)}.header-note{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px;color:var(--muted)}.live-dot,.status-dot{width:6px;height:6px;display:block;border-radius:50%;background:#8eac75}.original-link{margin-left:20px;font-size:11px;border-bottom:1px solid #c2c6b9;padding:7px 0}#home{max-width:1440px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:407px;align-items:center;gap:40px;padding:37px 0 25px}.eyebrow{font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.5px;color:var(--muted)}.hero h1{font-family:var(--serif);font-size:clamp(42px,4.6vw,67px);font-weight:500;line-height:1.27;letter-spacing:-2px;margin:20px 0 18px}.odd-word{position:relative}.odd-word svg{position:absolute;bottom:-13px;left:0;width:100%;height:23px;fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}.hero p{font-size:13px;color:#777b71;line-height:1.85;margin:0 0 20px}.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:13px 18px;background:var(--ink);color:var(--paper);border-radius:7px;font-size:12px;transition:transform .2s}.hero-cta:hover{transform:translateY(-3px)}.hero-cta span{font-size:20px}.hero-note{font-size:10px;color:#8d9086;margin-left:14px}.hero-art{height:330px;position:relative}.hero-art canvas{width:100%;height:100%}.art-stamp{position:absolute;right:0;top:4px;width:73px;height:73px;border:1px solid #d4b48a;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(12deg);font:12px ui-monospace,monospace;color:#ab7950;line-height:1.7}.art-stamp b{font:10px var(--sans);font-weight:500}.art-label{position:absolute;bottom:1px;left:50%;transform:translateX(-50%) rotate(-3deg);font:12px var(--serif);color:#8a8677;white-space:nowrap}.collection{padding:24px 0 40px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.section-heading h2{font-family:var(--serif);font-size:23px;font-weight:500;margin:0}.section-heading>span{font:10px var(--sans);color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.world-card{grid-column:span 2;min-width:0;border:1px solid #dad9cd;border-radius:12px;overflow:hidden;background:#fffdf8;transition:transform .2s,box-shadow .2s}.world-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #3333100a}.world-card:nth-child(n+4){grid-column:span 3}.card-art{height:163px;position:relative;background:var(--card-bg);overflow:hidden}.card-art canvas{width:100%;height:100%;display:block}.card-tag{position:absolute;top:14px;left:15px;font:9px ui-monospace,monospace;letter-spacing:1px;color:var(--card-ink,#777);opacity:.85}.card-number{position:absolute;right:14px;bottom:10px;font:46px Georgia,serif;color:var(--card-ink,#777);opacity:.12}.card-body{padding:17px 18px 18px;position:relative}.card-body h3{font-family:var(--serif);font-size:21px;letter-spacing:.2px;font-weight:500;margin:0 0 8px}.card-body p{font-size:11px;line-height:1.8;margin:0;color:#818478;padding-right:23px}.card-arrow{position:absolute;right:17px;top:20px;font-size:19px;color:#74796d}.home-footer{padding:25px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:1px;gap:20px}.home-footer a{text-decoration:underline}
#experience{max-width:1440px;margin:auto;padding:0 5%}.experience-top{height:77px;display:flex;align-items:center;gap:22px}.back-link{font-size:12px;white-space:nowrap}.experience-top nav{display:flex;gap:7px;margin:auto}.scene-pill{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font:11px ui-monospace,monospace;color:#92968a;border:1px solid transparent}.scene-pill.active{border-color:var(--ink);color:var(--ink)}.scene-pill:hover{background:#e9e9df}.reset-button{background:transparent;border:0;font-size:11px;color:var(--muted);padding:12px 0 12px 10px;white-space:nowrap}.play-layout{display:grid;grid-template-columns:252px minmax(0,1fr);gap:38px;align-items:start}.scene-intro{padding-top:15px;position:relative}.scene-intro .eyebrow{font-size:9px}.scene-number{display:block;font:80px Georgia,serif;line-height:1;margin:21px 0 14px;color:var(--accent);opacity:.55;letter-spacing:-7px}.scene-intro h1{font-family:var(--serif);font-weight:500;font-size:38px;line-height:1.3;letter-spacing:-1px;margin:0 0 16px}.scene-description{font-size:12px;line-height:1.95;color:#777c70;margin:0 0 31px}.instruction{border-top:1px solid var(--line);padding-top:19px}.instruction>span{font-size:10px;letter-spacing:2px;color:var(--accent)}.instruction p{font-size:12px;line-height:1.9;margin:10px 0;color:#454b41}.scene-footnote{font-size:10px;line-height:1.8;color:#94998d;margin-top:17px}.next-link{display:inline-block;margin-top:32px;font-size:11px;padding-bottom:5px;border-bottom:1px solid #afb4a6}.play-panel{border:1px solid #d5d8cd;border-radius:13px;overflow:hidden;background:#fffdf7;box-shadow:0 8px 35px #28291004}.stage-top{height:37px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font:9px ui-monospace,monospace;letter-spacing:1px;color:#8b9082;background:#fafaf4;border-bottom:1px solid #e7e8dc}.stage-viewport{width:100%;height:430px;background:var(--stage);position:relative;overflow:hidden}.stage-viewport canvas{display:block;touch-action:none;width:100%;height:100%;cursor:crosshair}.controls{min-height:64px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-top:1px solid #e4e6da}.control-btn{border:1px solid #d9ddcf;background:#fffdf7;color:#555e4e;border-radius:7px;font-size:11px;padding:10px 14px;min-height:38px;transition:background .15s,transform .15s}.control-btn:hover{transform:translateY(-1px);background:#f0f1e7}.control-btn.primary,.control-btn.active{background:var(--ink);border-color:var(--ink);color:#fffdf6}.control-btn:disabled{opacity:.4;cursor:default}.stage-status{min-height:38px;border-top:1px solid #ebede3;padding:9px 17px;display:flex;align-items:center;gap:8px;color:#838a7a}.stage-status p{margin:0;font-size:10px;line-height:1.6}.status-dot{flex-shrink:0;background:var(--accent)}.experience-footer{padding:26px 0;display:flex;justify-content:space-between;color:#919688;font-size:10px;letter-spacing:1px}.experience-footer span:last-child{font-family:ui-monospace,monospace}
body[data-scene=gravity]{--accent:#9281d8;--stage:#181b36}body[data-scene=contagion]{--accent:#b39b44;--stage:#f3eddc}body[data-scene=choir]{--accent:#559477;--stage:#dcebdc}body[data-scene=sneak]{--accent:#738abe;--stage:#192e35}
@media(min-width:1450px){.stage-viewport{height:530px}.play-layout{grid-template-columns:290px minmax(0,1fr)}.scene-intro h1{font-size:45px}}
@media(max-width:1000px){.play-layout{grid-template-columns:210px minmax(0,1fr);gap:22px}.scene-intro h1{font-size:32px}.stage-viewport{height:420px}.hero-note{display:block;margin:12px 0 0}.hero{gap:15px}.hero-art{height:310px}.header-note{display:none}.original-link{margin-left:auto}.scene-number{font-size:70px}.card-body p{font-size:10px}}
@media(max-width:700px){.site-header{height:74px;padding:0 6%;gap:10px}.brand{font-size:14px;gap:7px}.brand-mark{font-size:34px;width:34px}.brand small{font-size:8px;letter-spacing:1.7px}.original-link{font-size:9px}#home,#experience{padding:0 6%}.hero{grid-template-columns:1fr;gap:0;padding-top:30px}.hero h1{font-size:47px;margin:15px 0 22px}.hero-copy{position:relative;z-index:1}.hero p{font-size:12px}.hero-note{display:inline;margin-left:12px;font-size:9px}.hero-art{height:235px;margin-top:8px}.art-stamp{top:6px;right:8px;width:57px;height:57px;font-size:10px}.art-stamp b{font-size:9px}.collection{padding-top:18px}.section-heading{align-items:baseline}.section-heading h2{font-size:22px}.section-heading>span{font-size:8px;max-width:125px;text-align:right;line-height:1.6}.card-grid{grid-template-columns:1fr 1fr;gap:12px}.world-card,.world-card:nth-child(n+4){grid-column:span 1}.world-card:last-child{grid-column:span 2}.card-art{height:134px}.card-tag{font-size:8px;left:10px;top:11px}.card-body{padding:13px 11px}.card-body h3{font-size:18px;padding-right:12px}.card-body p{font-size:10px;padding-right:0;line-height:1.65}.card-arrow{right:10px;top:14px;font-size:15px}.home-footer{flex-direction:column;font-size:8px;gap:11px;line-height:1.7}.experience-top{height:63px;gap:10px}.experience-top nav{gap:3px}.scene-pill{width:26px;height:29px;font-size:10px}.back-link{font-size:10px}.reset-button{font-size:10px}.play-layout{display:block}.scene-intro{padding:0 0 18px}.scene-intro .eyebrow{font-size:8px;margin-bottom:12px}.scene-number{position:absolute;right:5px;top:-2px;font-size:60px;margin:0;opacity:.3}.scene-intro h1{font-size:31px;margin:0 0 10px;padding-right:65px}.scene-description{font-size:11px;margin:0;padding-right:35px;line-height:1.8}.instruction{padding-top:12px;border:0;display:flex;align-items:baseline;gap:9px}.instruction>span{font-size:9px;flex-shrink:0;letter-spacing:0}.instruction p{font-size:11px;line-height:1.8;margin:0}.scene-footnote{display:none}.next-link{display:none}.stage-viewport{height:390px}.stage-top{font-size:8px;padding:0 12px}.controls{padding:10px 8px;gap:6px;min-height:58px}.control-btn{padding:9px 10px;font-size:10px;min-height:39px}.stage-status{padding:8px 11px;min-height:41px}.stage-status p{font-size:9px}.experience-footer{padding-top:18px;font-size:8px;letter-spacing:.4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.world-card:hover,.hero-cta:hover,.control-btn:hover{transform:none}}