@font-face{font-family:Cinzel;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/cinzel-400.woff2)format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/cormorant-400.woff2)format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/cormorant-400-italic.woff2)format("woff2")}@font-face{font-family:ZhouSerif;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/zhou-serif-400.woff2)format("woff2")}:root{--ink-0:#070805;--ink-1:#0b0c08;--ink-2:#12130d;--ink-3:#1a1c13;--ink-4:#24261b;--paper:#eee5d1;--paper-warm:#e4d5b8;--paper-dim:#c9bca2;--muted:#9b907a;--muted-deep:#6e6657;--gold:#c8ab74;--gold-bright:#ecd19a;--gold-pale:#f4e4c3;--gold-deep:#7c6337;--cinnabar:#b4452e;--cinnabar-bright:#d46145;--cinnabar-dark:#6d2419;--jade:#567361;--jade-bright:#8da58f;--jade-deep:#263c31;--line:#cdb17d42;--line-bright:#ecd19a8a;--line-soft:#ede3cc1f;--glass:#0c0d0994;--glass-strong:#0a0b08cc;--font-cn:"ZhouSerif", "Noto Serif SC", "Songti SC", "Source Han Serif SC", "STSong", "SimSun", serif;--font-sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-latin:"Cormorant Garamond", "Baskerville", "Times New Roman", serif;--font-caps:"Cinzel", "Cormorant Garamond", serif;--ease-silk:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.33, 0, .16, 1);--ease-spring:cubic-bezier(.22, 1.24, .36, 1);--vh:100vh;--scene-h:100vh;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--ink-0);-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;width:100%;height:100%}body{background:var(--ink-0);width:100%;height:100%;color:var(--paper);font-family:var(--font-cn);overscroll-behavior:none;font-size:16px;line-height:1.7;overflow:hidden}body.is-gesture-pointer,body.is-gesture-pointer *{cursor:none!important}body.is-gesture-pointer input,body.is-gesture-pointer textarea{cursor:auto!important}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--gold-bright);outline-offset:5px}a{color:inherit;text-decoration:none}img,video,canvas,svg{display:block}img{max-width:100%}::selection{color:var(--ink-0);background:var(--gold-bright)}::-webkit-scrollbar{width:0;height:0}.app{width:100%;height:var(--vh);isolation:isolate;background:radial-gradient(ellipse at 72% 32%, #7255261f, transparent 46%), var(--ink-0);position:relative;overflow:hidden}.global-grain{pointer-events:none;z-index:160;opacity:.085;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");background-size:280px 280px;animation:.8s steps(2,end) infinite grain-shift;position:fixed;inset:-20%}@keyframes grain-shift{0%{transform:translate(0,0)}25%{transform:translate(-1.4%,1.1%)}50%{transform:translate(1%,-.8%)}75%{transform:translate(-.5%,-1.4%)}to{transform:translate(0,0)}}.ambient-canvas{z-index:4;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.page-veil{z-index:90;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:opacity .6s var(--ease-soft);background:radial-gradient(circle at 50% 52%,#e2c1800f,#0000 38%),#05060461;position:fixed;inset:0}.page-veil.is-shifting{opacity:1}.page-track{z-index:8;will-change:transform;width:100%;transition-property:transform;transition-duration:1.08s;transition-timing-function:var(--ease-silk);position:relative;transform:translate(0,0)}.page-track.is-dragging{transition:none}.scene{width:100%;height:var(--scene-h);isolation:isolate;background:var(--ink-0);position:relative;overflow:hidden}.scene-background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene.is-before,.scene.is-after{visibility:hidden}.scene-index{z-index:4;font-family:var(--font-caps);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #e6d5b42e;opacity:.9;pointer-events:none;font-size:clamp(38px,4vw,68px);font-weight:400;line-height:1;position:absolute;bottom:clamp(54px,6vh,78px);right:clamp(28px,4vw,62px)}.scene-corner{z-index:5;pointer-events:none;opacity:.46;width:clamp(24px,3vw,44px);height:clamp(24px,3vw,44px);transition:opacity .8s var(--ease-soft);position:absolute}.scene.is-current .scene-corner{opacity:.65}.scene-corner:before,.scene-corner:after{content:"";background:linear-gradient(90deg, var(--gold-deep), var(--gold-bright));position:absolute}.scene-corner:before{width:100%;height:1px}.scene-corner:after{width:1px;height:100%}.scene-corner::selection{background:0 0}.corner-tl{top:clamp(74px,9vh,102px);left:clamp(22px,3.2vw,48px)}.corner-tr{top:clamp(74px,9vh,102px);right:clamp(22px,3.2vw,48px);transform:rotate(90deg)}.corner-bl{bottom:clamp(24px,4vh,42px);left:clamp(22px,3.2vw,48px);transform:rotate(-90deg)}.corner-br{bottom:clamp(24px,4vh,42px);right:clamp(22px,3.2vw,48px);transform:rotate(180deg)}.kicker,.chapter-kicker{font-family:var(--font-caps);letter-spacing:.2em;color:var(--gold);text-transform:uppercase;align-items:center;gap:12px;font-size:10px;font-weight:500;line-height:1;display:flex}.kicker-seal{width:27px;height:27px;color:var(--cinnabar-bright);font-family:var(--font-cn);letter-spacing:0;background:#80281c2b;border:1px solid #b4452ea8;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex;transform:rotate(-2deg)}.chapter-kicker i,.kicker i{background:linear-gradient(90deg, var(--line-bright), transparent);width:clamp(22px,3vw,52px);height:1px}.kicker-muted{color:var(--muted);letter-spacing:.16em;font-size:9px}.scene-title{font-family:var(--font-cn);letter-spacing:.04em;color:var(--paper);text-shadow:0 8px 40px #00000047;font-size:clamp(44px,5.2vw,76px);font-weight:400;line-height:1.05}.scene-title span{color:var(--cinnabar-bright);font-family:var(--font-latin);vertical-align:.35em;margin:0 .15em;font-size:.5em;display:inline-block}.scene-sub{max-width:410px;color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.05em;margin-top:18px;font-size:13px;font-weight:400;line-height:2.05}.scene-footer{z-index:4;font-family:var(--font-cn);letter-spacing:.16em;color:var(--muted);pointer-events:none;align-items:center;gap:20px;font-size:9px;display:flex;position:absolute;bottom:clamp(18px,3vh,32px);left:clamp(28px,4vw,62px);right:clamp(28px,4vw,62px)}.scene-footer .footer-center{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.footer-center span{background:linear-gradient(90deg, transparent, var(--line));width:32px;height:1px}.footer-center span:last-child{background:linear-gradient(90deg, var(--line), transparent)}.footer-center i{border:1px solid var(--gold-deep);width:3px;height:3px;transform:rotate(45deg)}.footer-en{font-family:var(--font-caps);letter-spacing:.28em;color:var(--muted-deep);white-space:nowrap;font-size:8px}.reveal-up,.reveal-fade{--reveal-delay:0;opacity:0;filter:blur(8px);transition:opacity 1.1s var(--ease-soft), transform 1.35s var(--ease-silk), filter 1.2s var(--ease-soft);transition-delay:calc(var(--reveal-delay) * 90ms)}.reveal-up{transform:translateY(24px)}.reveal-fade{transform:scale(.975)}[data-delay="1"]{--reveal-delay:1}[data-delay="2"]{--reveal-delay:2}[data-delay="3"]{--reveal-delay:3}[data-delay="4"]{--reveal-delay:4}[data-delay="5"]{--reveal-delay:5}[data-delay="6"]{--reveal-delay:6}.scene.is-current .reveal-up,.scene.is-current .reveal-fade{opacity:1;filter:blur();transform:none}.scene:not(.is-current) .reveal-up,.scene:not(.is-current) .reveal-fade{opacity:0;filter:blur(4px);transition-duration:.38s;transition-delay:0s}.scene:not(.is-current) .reveal-up{transform:translateY(-12px)}.scene:not(.is-current) .reveal-fade{transform:scale(.99)}.enter-chapter{color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.18em;transition:color .45s var(--ease-soft);align-items:center;gap:14px;margin-top:clamp(22px,3.2vh,38px);font-size:11px;display:inline-flex}.enter-chapter-line{background:var(--gold);transform-origin:0;width:46px;height:1px;transition:transform .6s var(--ease-silk)}.enter-arrow{font-family:var(--font-latin);color:var(--gold);transition:transform .55s var(--ease-silk);font-size:15px}.enter-chapter:hover{color:var(--gold-bright)}.enter-chapter:hover .enter-chapter-line{transform:scaleX(1.7)}.enter-chapter:hover .enter-arrow{transform:translate(3px,-3px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.035)}}@keyframes float-soft{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-10px)rotate(.6deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.global-grain{animation:none}}.topbar{z-index:72;padding:calc(18px + var(--safe-t)) clamp(22px, 4vw, 58px) 16px;pointer-events:none;opacity:0;transition:opacity 1.2s var(--ease-soft) .25s, transform 1.4s var(--ease-silk) .25s, background .8s var(--ease-soft);background:linear-gradient(#040503bd,#04050329 68%,#0000);grid-template-columns:minmax(200px,1fr) auto minmax(250px,1fr);align-items:center;gap:26px;display:grid;position:fixed;inset:0 0 auto;transform:translateY(-13px)}.topbar>*{pointer-events:auto}body[data-entered=true] .topbar{opacity:1;transform:none}body[data-page="2"] .topbar{background:linear-gradient(#030403db,#03040338 72%,#0000)}.brand{text-align:left;color:var(--paper);justify-self:start;align-items:center;gap:13px;display:inline-flex}.brand-seal{width:39px;height:39px;color:var(--gold-pale);font-family:var(--font-cn);transition:transform .6s var(--ease-spring), box-shadow .6s var(--ease-soft);background:linear-gradient(145deg,#a73e2acc,#5c1f163d 56%,#0000),#0a0b0861;border:1px solid #caac7470;place-items:center;font-size:22px;line-height:1;display:grid;position:relative;transform:rotate(-2.5deg);box-shadow:inset 0 0 0 4px #090a0780,0 0 32px #b4452e1f}.brand-seal:after{content:"";border:1px solid #ecd19a42;position:absolute;inset:5px}.brand:hover .brand-seal{transform:rotate(2deg)scale(1.04);box-shadow:inset 0 0 0 4px #090a0766,0 0 40px #c4954a38}.brand-words{flex-direction:column;gap:2px;display:flex}.brand-words strong{font-family:var(--font-cn);letter-spacing:.22em;font-size:17px;font-weight:600;line-height:1.2}.brand-words em{font-family:var(--font-caps);letter-spacing:.16em;color:var(--muted);font-size:7px;font-style:normal}.topbar-chapter{font-family:var(--font-cn);letter-spacing:.25em;color:var(--paper-dim);white-space:nowrap;align-items:center;gap:15px;font-size:9px;display:flex}.chapter-rule{background:linear-gradient(90deg, transparent, var(--line-bright), transparent);width:clamp(18px,2.6vw,44px);height:1px}.topbar-actions{justify-self:end;align-items:center;gap:9px;display:flex}.camera-pill{height:31px;color:var(--muted);font-family:var(--font-cn);letter-spacing:.14em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .4s var(--ease-soft), border-color .4s;background:#0b0c0842;border:1px solid #c3a87433;border-radius:40px;align-items:center;gap:8px;padding:0 12px;font-size:9px;display:inline-flex}.camera-pill:hover{color:var(--paper);border-color:#e4c6896b}.camera-dot{background:var(--muted-deep);border-radius:50%;width:5px;height:5px;transition:background .5s,box-shadow .5s}.camera-pill.is-live{color:var(--jade-bright);border-color:#7ca38847}.camera-pill.is-live .camera-dot{background:#94b99b;animation:2.4s infinite camera-pulse;box-shadow:0 0 0 3px #82af901a,0 0 12px #92be9a8c}.camera-pill.is-error{color:#c88974;border-color:#b8563e59}.camera-pill.is-error .camera-dot{background:var(--cinnabar-bright)}@keyframes camera-pulse{0%,to{opacity:1}50%{opacity:.45}}.sound-button,.icon-button{height:31px;color:var(--paper-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0c083d;border:1px solid #c3a8742b;transition:color .35s,border-color .35s,background .35s}.sound-button:hover,.icon-button:hover{color:var(--gold-bright);background:#16160f7a;border-color:#e4c68961}.sound-button{border-radius:40px;align-items:center;gap:8px;min-width:54px;padding:0 10px;display:inline-flex}.sound-bars{align-items:center;gap:2px;height:11px;display:inline-flex}.sound-bars i{background:currentColor;width:1px;height:5px;animation:1.2s ease-in-out infinite alternate sound-dance;display:block}.sound-bars i:nth-child(2){height:9px;animation-delay:-.35s}.sound-bars i:nth-child(3){height:6px;animation-delay:-.7s}.sound-bars i:nth-child(4){height:10px;animation-delay:-.18s}@keyframes sound-dance{0%{opacity:.45;transform:scaleY(.35)}to{opacity:1;transform:scaleY(1)}}.sound-button.is-muted .sound-bars i{opacity:.4;animation:none;transform:scaleY(.25)}.sound-button.is-muted:after{content:"";background:var(--cinnabar-bright);width:11px;height:1px;margin-left:-16px;margin-right:5px;transform:rotate(-55deg)}.sound-text{font-family:var(--font-cn);letter-spacing:.1em;font-size:9px}.icon-button{width:34px;font-family:var(--font-latin);border-radius:50%;place-items:center;font-size:14px;display:grid;position:relative}.guide-label{font-family:var(--font-cn);opacity:0;font-size:9px;transition:opacity .3s;position:absolute}.icon-button:hover .guide-glyph{opacity:0}.icon-button:hover .guide-label{opacity:1}.chapter-nav{z-index:68;opacity:0;transition:opacity 1s var(--ease-soft) 1s;flex-direction:column;align-items:flex-end;gap:20px;display:flex;position:fixed;top:50%;right:clamp(16px,2.2vw,32px);transform:translateY(-44%)}body[data-entered=true] .chapter-nav{opacity:1}.nav-line{background:linear-gradient(#0000,#cbad762e 18% 82%,#0000);width:1px;height:calc(100% + 16px);position:absolute;top:-8px;right:3px}.chapter-dot{min-height:17px;color:var(--muted-deep);z-index:2;justify-content:flex-end;align-items:center;gap:9px;display:flex;position:relative}.dot-core{background:var(--ink-0);width:5px;height:5px;transition:background .5s, border-color .5s, box-shadow .5s, transform .5s var(--ease-spring);border:1px solid #cbad7675;border-radius:50%;order:3;position:relative}.dot-core:before{content:"";border:1px solid #0000;border-radius:50%;transition:border-color .5s;position:absolute;inset:-4px}.dot-num{font-family:var(--font-caps);letter-spacing:.1em;opacity:0;order:1;font-size:7px;transition:opacity .4s,transform .4s;transform:translate(4px)}.dot-name{font-family:var(--font-cn);white-space:nowrap;letter-spacing:.2em;color:var(--paper-dim);opacity:0;transition:opacity .4s, transform .4s var(--ease-soft);pointer-events:none;order:2;font-size:9px;position:static;transform:translate(5px)}.chapter-dot:hover .dot-name,.chapter-dot.is-active .dot-name{opacity:1;transform:none}.chapter-dot:hover .dot-num,.chapter-dot.is-active .dot-num{opacity:.58;transform:none}.chapter-dot:hover .dot-core{border-color:var(--gold-bright);transform:scale(1.25)}.chapter-dot.is-active .dot-core{background:var(--gold-bright);border-color:var(--gold-bright);transform:scale(1.25);box-shadow:0 0 14px #e4c5898c}.chapter-dot.is-active .dot-core:before{border-color:#e4c58957}.chapter-dot.is-active .dot-num{color:var(--gold);opacity:.65;transform:none}.chapter-dot{gap:8px}.edge-script{z-index:66;writing-mode:vertical-rl;color:var(--muted-deep);font-family:var(--font-cn);letter-spacing:.26em;opacity:0;transition:opacity 1s var(--ease-soft) 1.2s, color .8s;pointer-events:none;flex-direction:column;align-items:center;gap:13px;font-size:8px;display:flex;position:fixed;top:50%;left:clamp(10px,1.5vw,24px);transform:translateY(-50%)}body[data-entered=true] .edge-script{opacity:.72}.edge-script i{background:linear-gradient(to bottom, transparent, var(--line), transparent);width:1px;height:28px}body[data-page="2"] .edge-script{color:#e8d8b885}.camera-dock{left:clamp(18px,2.4vw,34px);bottom:calc(22px + var(--safe-b));z-index:66;opacity:0;width:clamp(174px,15.5vw,232px);transition:opacity 1s var(--ease-soft) 1.4s, transform 1.2s var(--ease-silk) 1.4s, filter .7s;pointer-events:none;position:fixed;transform:translateY(18px)scale(.97)}body[data-entered=true] .camera-dock{opacity:1;transform:none}body[data-page="2"] .camera-dock{opacity:0;filter:blur(8px);pointer-events:none;transition-delay:0s;transform:translateY(15px)scale(.94)}.dock-frame{aspect-ratio:4/3;pointer-events:auto;background:radial-gradient(circle at 50% 45%,#54533a38,#0000 62%),#0b0c09;border:1px solid #caac7447;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000008c,inset 0 0 0 1px #080906cc,inset 0 0 40px #0009}.dock-frame:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(135deg,#e7cd9d21,#0000 26%),linear-gradient(#0000 62%,#060705ad);position:absolute;inset:0}.dock-frame:after{content:"";z-index:4;pointer-events:none;border:1px solid #e2c68c1a;position:absolute;inset:5px}#dockCanvas{object-fit:cover;filter:sepia(.12)saturate(.78)contrast(1.03)brightness(.85);width:100%;height:100%}.dock-scanline{z-index:2;pointer-events:none;opacity:.24;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#00000059 3px 4px);position:absolute;inset:0}.dock-rec{z-index:5;font-family:var(--font-caps);letter-spacing:.18em;color:#ede0c5ad;align-items:center;gap:5px;font-size:6px;display:flex;position:absolute;top:8px;left:9px}.dock-rec i{background:var(--cinnabar-bright);border-radius:50%;width:4px;height:4px;animation:2s infinite camera-pulse;box-shadow:0 0 7px #d46145cc}.dock-corner{z-index:5;pointer-events:none;border-style:solid;border-color:#e7cd9dad;width:11px;height:11px;position:absolute}.dc-tl{border-width:1px 0 0 1px;top:5px;left:5px}.dc-tr{border-width:1px 1px 0 0;top:5px;right:5px}.dc-bl{border-width:0 0 1px 1px;bottom:5px;left:5px}.dc-br{border-width:0 1px 1px 0;bottom:5px;right:5px}.dock-meta{color:var(--muted);font-family:var(--font-cn);letter-spacing:.16em;text-shadow:0 2px 10px #000;justify-content:space-between;align-items:center;padding:7px 2px 0;font-size:8px;display:flex}.dock-meta span:first-child{color:var(--gold);align-items:center;gap:6px;display:flex}.dock-dot{background:var(--gold);border-radius:50%;width:3px;height:3px;display:inline-block;box-shadow:0 0 6px #c8ab74b3}.dock-fallback{z-index:6;opacity:0;pointer-events:none;background:radial-gradient(circle,#514c3329,#0000 60%),#070805d1;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.camera-dock.is-offline .dock-fallback{opacity:1;pointer-events:auto}.dock-fallback button{color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.14em;flex-direction:column;align-items:center;gap:9px;font-size:9px;display:flex}.dock-cam-icon{border:1px solid var(--gold);border-radius:2px;width:25px;height:17px;display:block;position:relative}.dock-cam-icon:after{content:"";border:1px solid var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dock-cam-icon:before{content:"";border:1px solid var(--gold);border-bottom:0;width:6px;height:3px;position:absolute;top:-4px;left:5px}.camera-dock.is-loading .dock-fallback{opacity:1;background:#070805b3}.camera-dock.is-loading .dock-fallback button{pointer-events:none}.camera-dock.is-loading .dock-cam-icon{border-color:var(--gold-bright);animation:1.1s infinite camera-pulse}.gesture-status{right:clamp(18px,2.4vw,34px);top:calc(78px + var(--safe-t));z-index:71;color:var(--muted);font-family:var(--font-cn);letter-spacing:.12em;opacity:0;transition:opacity .35s var(--ease-soft), transform .4s var(--ease-silk);pointer-events:none;white-space:normal;text-align:right;background:#0809066b;border:1px solid #cbae761f;align-items:center;gap:9px;max-width:min(250px,34vw);padding:6px 11px;font-size:7.5px;display:flex;position:fixed;bottom:auto;left:auto;transform:translateY(6px)}.gesture-status.is-visible{opacity:1;transform:translateY(0)}body[data-page="0"] .gesture-status{display:none}.gesture-status-line{background:var(--gold);flex:none;width:14px;height:1px}.hand-page-hotspot{z-index:72;width:138px;height:66px;color:var(--gold);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-soft), transform .55s var(--ease-silk), border-color .3s, background .3s;background:linear-gradient(135deg,#0c0d0975,#0708051f);border:1px solid #d5b47729;grid-template-rows:auto auto;grid-template-columns:26px auto;align-content:center;gap:1px 8px;padding:8px 10px;display:grid;position:fixed;bottom:clamp(70px,9vh,96px);right:clamp(68px,7.6vw,116px);transform:translateY(7px)scale(.96)}.hand-page-hotspot.is-visible{opacity:.66;transform:none}.hand-page-hotspot.is-armed{opacity:1;background:linear-gradient(135deg,#40321a94,#14110a4d);border-color:#f6d28cb8;box-shadow:0 0 28px #e6b25524,inset 0 0 24px #e6b2550f}body[data-page="3"] .hand-page-hotspot{display:none}.hotspot-bracket{border-style:solid;border-color:#ebcb908c;width:10px;height:10px;position:absolute}.hb-tl{border-width:1px 0 0 1px;top:5px;left:5px}.hb-tr{border-width:1px 1px 0 0;top:5px;right:5px}.hb-bl{border-width:0 0 1px 1px;bottom:5px;left:5px}.hb-br{border-width:0 1px 1px 0;bottom:5px;right:5px}.hotspot-arrow{color:var(--gold-bright);font-family:var(--font-latin);opacity:.85;grid-row:1/3;align-self:center;font-size:20px;line-height:1}.hotspot-title{font-family:var(--font-cn);letter-spacing:.18em;color:var(--paper-dim);align-self:end;font-size:9px}.hotspot-hint{font-family:var(--font-cn);letter-spacing:.06em;color:var(--muted-deep);align-self:start;font-size:6.5px}.hand-page-hotspot.is-armed .hotspot-title{color:var(--gold-pale)}.hand-page-hotspot.is-armed .hotspot-hint{color:var(--gold)}.nav-feedback{display:none}.nav-feedback.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.nav-feedback-item{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080906a3;border:1px solid #dabe843d;flex-direction:column;align-items:center;gap:8px;min-width:150px;padding:18px 22px 15px;display:flex;box-shadow:0 20px 70px #0000006b}.nav-feedback-state{color:var(--muted);font-family:var(--font-cn);letter-spacing:.2em;font-size:8px}.nav-feedback-item strong{color:var(--gold-pale);font-family:var(--font-cn);letter-spacing:.22em;font-size:20px;font-weight:400}.nav-feedback-meter{background:#cdb17d29;width:100%;height:1px;margin-top:8px;overflow:hidden}.nav-feedback-meter i{background:linear-gradient(90deg, var(--cinnabar-bright), var(--gold-bright));width:0;height:100%;transition:width 80ms linear;display:block}.pointer-layer{z-index:260;pointer-events:none;position:fixed;inset:0}.gesture-cursor{opacity:0;width:68px;height:68px;transform:translate3d(calc(var(--cx,-100px) - 50%), calc(var(--cy,-100px) - 50%), 0);transition:opacity .35s var(--ease-soft);will-change:transform;position:fixed;top:0;left:0}.gesture-cursor.is-visible{opacity:1}.gesture-cursor.is-mouse .cursor-label{opacity:0}.cursor-prism{opacity:.82;mix-blend-mode:screen;filter:saturate(1.3)blur(.35px);pointer-events:none;width:142px;height:142px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:repeating-linear-gradient(90deg,#0000 0 5px,#000 6px 7px);mask:repeating-linear-gradient(90deg,#0000 0 5px,#000 6px 7px)}.gesture-cursor:before{content:"";pointer-events:none;background:radial-gradient(circle,#f8e2b529,#0000 68%);border:1px solid #eed19a2e;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 26px #ebc27521}.prism-rainbow{background-image:radial-gradient(circle,#fffb68 0%,#0000 50%),radial-gradient(circle at 45% 45%,#ff593d 0%,#0000 45%),radial-gradient(circle at 55% 55%,#5ff6ff 0%,#0000 45%),radial-gradient(circle at 45% 55%,#66ff94 0%,#0000 45%),radial-gradient(circle at 55% 45%,#4b76ff 0%,#0000 45%);animation-name:prism-slide,prism-fade;animation-duration:2.2s,4s;animation-timing-function:cubic-bezier(.6,.8,.5,1);animation-iteration-count:infinite,infinite;animation-direction:alternate,normal;animation-play-state:running,running;animation-delay:0s,0s;animation-fill-mode:none,none;animation-timeline:auto,auto;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0% 9%,#000 25%);mask:radial-gradient(circle,#0000 0% 9%,#000 25%)}@keyframes prism-slide{0%{transform:translate(-55%)}to{transform:translate(55%)}}@keyframes prism-fade{0%,to{opacity:.3}15%{opacity:.98}65%{opacity:.42}}.cursor-brackets{fill:none;stroke:#f9eaccfa;stroke-width:1.25px;filter:drop-shadow(0 0 7px #ebcc8fbf);width:100%;height:100%;transition:transform .45s var(--ease-spring), opacity .3s;transform-origin:50%;position:absolute;inset:0}.cursor-core{background:var(--gold-bright);width:6px;height:6px;transition:transform .35s var(--ease-spring), background .3s;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 9px #fae4b8,0 0 24px #dbae5bad}.cursor-label{white-space:nowrap;font-family:var(--font-cn);letter-spacing:.2em;color:#f8e9cde0;opacity:1;text-shadow:0 2px 8px #000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08090657;border:1px solid #d7b67a29;padding:2px 7px;font-size:7px;transition:opacity .3s;position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%)}.gesture-cursor.is-hovering .cursor-brackets{stroke:var(--gold-bright);transform:scale(1.16)rotate(45deg)}.gesture-cursor.is-hovering .cursor-core{transform:translate(-50%,-50%)scale(1.7)}.gesture-cursor.is-pinching .cursor-brackets{stroke:#fff4dc;transform:scale(.72)}.gesture-cursor.is-pinching .cursor-core{background:#fff9e9;transform:translate(-50%,-50%)scale(2.3)}.cursor-pinch-ring{opacity:0;pointer-events:none;border:1px solid #f5dfb1b8;border-radius:50%;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.25)}.gesture-cursor.is-pinching .cursor-pinch-ring{animation:pinch-ring .72s var(--ease-silk) forwards}@keyframes pinch-ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.25)}to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}}.trail-ghosts{position:absolute;inset:0}.trail-ghost{opacity:0;width:96px;height:96px;transform:translate3d(calc(var(--tx,-100px) - 50%), calc(var(--ty,-100px) - 50%), 0) scale(var(--ts,1));mix-blend-mode:screen;pointer-events:none;will-change:transform, opacity;opacity:.24;position:absolute;top:0;left:0;-webkit-mask:repeating-linear-gradient(90deg,#0000 0 5px,#000 6px 7px);mask:repeating-linear-gradient(90deg,#0000 0 5px,#000 6px 7px)}.trail-ghost:before{content:"";filter:blur(.6px)saturate(1.4);background-image:radial-gradient(circle,#fff36b 0%,#0000 50%),radial-gradient(circle at 45% 45%,#ff4e34 0%,#0000 45%),radial-gradient(circle at 55% 55%,#5ef8ff 0%,#0000 45%),radial-gradient(circle at 45% 55%,#5cff88 0%,#0000 45%),radial-gradient(circle at 55% 45%,#4f73ff 0%,#0000 45%);animation:2.4s cubic-bezier(.6,.8,.5,1) infinite alternate prism-slide;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0% 10%,#000 27%);mask:radial-gradient(circle,#0000 0% 10%,#000 27%)}.click-ripple{z-index:129;pointer-events:none;width:48px;height:48px;animation:click-ripple .8s var(--ease-silk) forwards;border:1px solid #f0d8aae6;border-radius:50%;margin:-24px 0 0 -24px;position:fixed}.click-ripple:after{content:"";border:1px solid #b4452e8c;border-radius:50%;position:absolute;inset:8px}@keyframes click-ripple{0%{opacity:1;transform:scale(.25)}to{opacity:0;transform:scale(3.1)}}.modal{z-index:210;visibility:hidden;opacity:0;transition:opacity .5s var(--ease-soft), visibility .5s;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.modal.is-open{visibility:visible;opacity:1}.modal-backdrop{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:radial-gradient(circle at 50% 38%,#624d2729,#0000 46%),#040503c2;position:absolute;inset:0}.guide-panel{z-index:2;background:linear-gradient(150deg, #1f1f15f5, #0b0c08fc 55%), var(--ink-1);width:min(820px,92vw);max-height:min(88vh,900px);transition:transform .65s var(--ease-silk);border:1px solid #d2b47947;padding:clamp(30px,5vw,58px) clamp(26px,5vw,58px) 30px;position:relative;overflow:auto;transform:translateY(17px)scale(.985);box-shadow:0 50px 140px #000000ba,inset 0 0 0 1px #eee1c50b,inset 0 60px 100px #8266360f}.guide-panel::-webkit-scrollbar{width:2px}.guide-panel::-webkit-scrollbar-thumb{background:var(--gold-deep)}.modal.is-open .guide-panel{transform:none}.guide-panel:before{content:"";pointer-events:none;border:1px solid #d3b57a21;position:absolute;inset:12px}.modal-close{z-index:2;width:34px;height:34px;color:var(--muted);font-family:var(--font-latin);border:1px solid #cbae7638;border-radius:50%;font-size:22px;line-height:1;transition:color .3s,border-color .3s,transform .4s;position:absolute;top:19px;right:23px}.modal-close:hover{color:var(--paper);border-color:var(--line-bright);transform:rotate(90deg)}.guide-panel-head{max-width:520px}.guide-panel-kicker{font-family:var(--font-caps);letter-spacing:.3em;color:var(--gold);font-size:8px}.guide-panel-head h2{font-family:var(--font-cn);letter-spacing:.08em;color:var(--paper);margin:18px 0 14px;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.3}.guide-panel-head h2 em{color:var(--gold);font-style:normal}.guide-panel-head p{color:var(--muted);font-family:var(--font-cn);letter-spacing:.03em;font-size:11px;line-height:2}.guide-list{border-top:1px solid var(--line-soft);margin:30px 0 26px}.guide-row{border-bottom:1px solid var(--line-soft);grid-template-columns:36px minmax(82px,110px) 1fr;align-items:center;gap:22px;padding:20px 0;display:grid}.guide-num{font-family:var(--font-caps);color:var(--gold-deep);font-size:9px}.guide-row h3{color:var(--paper-warm);font-family:var(--font-cn);letter-spacing:.08em;margin-bottom:5px;font-size:15px;font-weight:500}.guide-row p{color:var(--muted);font-family:var(--font-cn);font-size:10.5px;line-height:1.9}.guide-visual{background:radial-gradient(circle,#b48e4514,#0000 65%),#0708055c;border:1px solid #cdae7521;justify-content:center;align-items:center;height:64px;display:flex;position:relative}.mini-fist{border:1px solid var(--gold);background:repeating-linear-gradient(90deg,#0000 0 4px,#c8ab7424 5px 6px);border-radius:4px 4px 7px 7px;width:18px;height:22px;display:block}.vis-arrow{color:var(--cinnabar-bright);font-family:var(--font-latin);font-size:18px;animation:1.8s infinite hint-float;position:absolute;top:10px;right:18px}@keyframes hint-float{0%,to{opacity:.45;transform:translateY(3px)}50%{opacity:1;transform:translateY(-3px)}}.mini-pinch{border:1px solid var(--gold);border-radius:50%;width:22px;height:22px;display:block;position:relative}.mini-pinch:before,.mini-pinch:after{content:"";background:var(--gold);width:8px;height:1px;position:absolute;top:5px}.mini-pinch:before{left:-1px;transform:rotate(42deg)}.mini-pinch:after{right:-1px;transform:rotate(-42deg)}.prism-dot{filter:blur(1px);background:linear-gradient(135deg,#ff6a4a,#ffe36b,#67f4ff,#697dff);border-radius:50%;width:10px;height:10px;position:absolute;bottom:8px;right:15px;box-shadow:0 0 11px #ffe784b3}.mini-frame{border:1px solid var(--gold);width:39px;height:27px;display:block;position:relative}.mini-frame:before,.mini-frame:after{content:"";background:var(--cinnabar-bright);width:14px;height:1px;box-shadow:0 26px 0 var(--cinnabar-bright);position:absolute}.mini-frame:before{top:0;left:-5px}.mini-frame:after{bottom:0;right:-5px}.mini-cloud{background-image:radial-gradient(circle at 17% 58%, var(--gold) 0 1px, transparent 1.5px), radial-gradient(circle at 43% 34%, var(--paper-dim) 0 1px, transparent 1.5px), radial-gradient(circle at 67% 65%, var(--cinnabar-bright) 0 1px, transparent 1.5px), radial-gradient(circle at 80% 27%, var(--gold-bright) 0 1px, transparent 1.5px), radial-gradient(circle at 33% 77%, var(--jade-bright) 0 1px, transparent 1.5px);filter:drop-shadow(0 0 5px #eace974d);width:34px;height:25px;display:block}.guide-culture{border-top:1px solid var(--line);border-bottom:1px solid var(--line-soft);margin:2px 0 24px;padding:24px 0 22px}.guide-culture-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.guide-culture-kicker{color:var(--gold);font-family:var(--font-caps);letter-spacing:.28em;font-size:8px}.guide-culture h3{color:var(--paper);font-family:var(--font-cn);letter-spacing:.08em;margin-top:8px;font-size:clamp(22px,2.8vw,30px);font-weight:400;line-height:1.2}.guide-culture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px;display:grid}.guide-culture-grid p{color:#c8bfabe6;font-family:var(--font-cn);letter-spacing:.02em;text-align:justify;font-size:9.5px;line-height:1.95}.guide-culture-grid strong{color:var(--gold);font-family:var(--font-cn);letter-spacing:.08em;margin-bottom:5px;font-size:9.5px;font-weight:400;display:block}.guide-culture-note{color:#b2a691e6;font-family:var(--font-cn);letter-spacing:.03em;background:#b6483009;border-left:1px solid #b648306b;margin-top:18px;padding:11px 13px;font-size:8.5px;line-height:1.95}.guide-culture-quote{color:var(--gold-deep);font-family:var(--font-cn);letter-spacing:.06em;margin-top:12px;font-size:8px}.guide-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.switch-row{cursor:pointer;align-items:center;gap:24px;display:flex}.switch-row span:first-child{flex-direction:column;display:flex}.switch-row strong{color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.08em;font-size:11px;font-weight:400}.switch-row small{color:var(--muted-deep);font-family:var(--font-cn);letter-spacing:.04em;margin-top:3px;font-size:8.5px}.switch{width:36px;height:20px;display:block;position:relative}.switch input{z-index:2;opacity:0;cursor:pointer;position:absolute;inset:0}.switch i{background:#08090699;border:1px solid #caad7659;border-radius:20px;transition:background .4s,border-color .4s;position:absolute;inset:0}.switch i:after{content:"";background:var(--muted);width:12px;height:12px;transition:transform .45s var(--ease-spring), background .4s;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+i{border-color:var(--gold);background:#87642d45}.switch input:checked+i:after{background:var(--gold-bright);transform:translate(16px)}.guide-setting-actions{gap:9px;display:flex}.setting-button{color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.12em;border:1px solid #cdae753d;padding:10px 15px;font-size:9px;transition:border-color .35s,color .35s,background .35s}.setting-button:hover{color:var(--gold-pale);border-color:var(--line-bright);background:#6d5a351f}.guide-camera-help{color:var(--muted);font-family:var(--font-cn);letter-spacing:.02em;border:1px solid #c9ab7321;margin-top:13px;padding:9px 11px;font-size:8px;line-height:1.8}.guide-sources{color:var(--muted-deep);font-family:var(--font-cn);letter-spacing:.02em;margin-top:21px;font-size:8.5px;line-height:1.85}.guide-sources p+p{margin-top:5px}.guide-sources a{color:var(--muted);border-bottom:1px solid #c8ab7433;transition:color .3s}.guide-sources a:hover{color:var(--gold-bright)}.keyboard-help{border-top:1px solid var(--line-soft);font-family:var(--font-caps);letter-spacing:.08em;margin-top:12px;padding-top:10px}.toast-stack{top:calc(82px + var(--safe-t));z-index:230;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{max-width:min(90vw,460px);color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.07em;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .4s, transform .5s var(--ease-silk);background:#080906d6;border:1px solid #d9ba7e3d;align-items:center;gap:10px;padding:10px 17px;font-size:10px;display:flex;transform:translateY(-7px);box-shadow:0 16px 50px #00000059}.toast.is-visible{opacity:1;transform:none}.toast:before{content:"";border:1px solid var(--cinnabar-bright);flex-shrink:0;width:4px;height:4px;transform:rotate(45deg)}body.is-muted .sound-button{color:var(--muted-deep)}#video{opacity:0;pointer-events:none;object-fit:cover;width:2px;height:2px;position:fixed;top:-8px;left:-8px}#detectCanvas{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-20px;left:-20px}button.hand-hover,a.hand-hover,[data-nav].hand-hover,.chapter-dot.hand-hover,.hand-hover{box-shadow:0 0 0 1px #eed29c33,0 0 26px #d3a45224;color:var(--gold-pale)!important;border-color:#eed29cb8!important}.chapter-dot.hand-hover .dot-name{opacity:1;transform:translateY(-50%)}.chapter-dot.hand-hover .dot-core{background:var(--gold-bright);border-color:var(--gold-bright);transform:scale(1.35)}.page-veil.is-trip{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .48s var(--ease-soft);background:#050604f9}body.is-sound-ready .sound-bars i{animation-play-state:running}.gate{z-index:200;opacity:1;visibility:visible;background:var(--ink-0);transition:opacity 1.15s var(--ease-soft), visibility 1.15s, transform 1.4s var(--ease-silk);scrollbar-width:none;position:fixed;inset:0;overflow:hidden auto}.gate::-webkit-scrollbar{display:none}.gate.is-leaving{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.025)}.gate-bg{z-index:0;background:radial-gradient(at 72% 44%,#88642b33,#0000 43%),radial-gradient(at 20% 78%,#5c271c1f,#0000 48%),linear-gradient(120deg,#080906 0%,#0b0c08 55%,#11120c 100%);position:fixed;inset:0;overflow:hidden}.gate-bg:before{content:"";z-index:5;background:linear-gradient(90deg,#050604f0 0%,#050604a8 34%,#0506040a 65%,#05060454 100%),linear-gradient(#0506048c,#0000 18% 69%,#050604eb);position:absolute;inset:0}.gate-bg:after{content:"";z-index:6;pointer-events:none;opacity:.6;background-image:repeating-linear-gradient(0deg,#0000 0 88px,#e5cd9e07 89px,#0000 90px);position:absolute;inset:0}.gate-sun{aspect-ratio:1;filter:blur(3px);background:radial-gradient(circle,#a97c3840 0%,#895c2326 27%,#0000 67%);border-radius:50%;width:min(72vw,980px);position:absolute;top:50%;left:70%;transform:translate(-50%,-50%)}.gate-sun:before,.gate-sun:after{content:"";border-radius:50%;position:absolute}.gate-sun:before{border:1px solid #cead6e1a;inset:15%;box-shadow:0 0 90px #c596490f}.gate-sun:after{border:1px dashed #cbac6f14;animation:95s linear infinite slow-spin;inset:5%}.gate-mask{z-index:2;object-fit:contain;filter:drop-shadow(0 40px 80px #0000009e)drop-shadow(0 0 90px #875d221f)saturate(.92)brightness(.88);opacity:.9;width:auto;max-width:60vw;height:min(97vh,1080px);animation:10s ease-in-out infinite gate-mask-breathe;position:absolute;top:48%;right:max(2vw,0px);transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 14% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 14% 92%,#0000 100%)}@keyframes gate-mask-breathe{0%,to{opacity:.87;transform:translateY(-50%)scale(1)}50%{opacity:.95;transform:translateY(calc(-50% - 11px))scale(1.012)}}.gate-mask-fade{z-index:3;background:linear-gradient(90deg,#07080599 0%,#0000 44% 88%,#0708052e 100%),radial-gradient(circle at 72% 46%,#0000 30%,#07080542 78%);position:absolute;inset:0}.gate-mist{z-index:4;filter:blur(45px);background:radial-gradient(#87755121,#0000 68%);border-radius:50%;width:90vw;height:45vh;animation:13s ease-in-out infinite alternate gate-mist;position:absolute;bottom:-20vh;left:18%}@keyframes gate-mist{0%{opacity:.5;transform:translate(-4%,3%)scale(.95)}to{opacity:.9;transform:translate(4%)scale(1.06)}}.gate-frame{z-index:7;pointer-events:none;border:1px solid #cbac6f29;position:absolute;inset:17px}.gate-frame:before{content:"";border:1px solid #cbac6f12;position:absolute;inset:8px}.gate-bg-word{z-index:1;color:#0000;-webkit-text-stroke:1px #e0ceaa0e;font-family:var(--font-cn);pointer-events:none;opacity:.75;font-size:clamp(380px,44vw,720px);font-weight:400;line-height:.8;position:absolute;top:45%;left:-2vw;transform:translateY(-50%)}.gate-inner{z-index:10;min-height:100vh;min-height:calc(var(--vh,100vh));padding:calc(24px + var(--safe-t)) clamp(26px, 4.4vw, 72px) calc(21px + var(--safe-b));transition:opacity .9s var(--ease-soft), transform 1.15s var(--ease-silk), filter .9s;flex-direction:column;display:flex;position:relative}.gate.is-leaving .gate-inner{opacity:0;filter:blur(7px);transform:translateY(-18px)}.gate-masthead{color:var(--muted);font-family:var(--font-cn);letter-spacing:.22em;opacity:0;animation:gate-fade-in 1.3s var(--ease-silk) .2s forwards;border-bottom:1px solid #ccad7029;justify-content:space-between;align-items:center;gap:20px;padding:0 7px 16px;font-size:8px;display:flex;transform:translateY(-8px)}.gate-no{color:var(--gold-deep);font-family:var(--font-caps);letter-spacing:.17em}.gate-main{flex:1;grid-template-columns:minmax(460px,1.15fr) minmax(260px,.62fr);align-items:center;gap:clamp(50px,8vw,140px);width:100%;max-width:1490px;margin:0 auto;padding:clamp(30px,5.5vh,66px) 4vw clamp(24px,4vh,50px) 0;display:grid}.gate-copy{max-width:660px;position:relative}.gate-eyebrow{color:var(--gold);font-family:var(--font-cn);letter-spacing:.23em;opacity:0;animation:gate-rise 1.1s var(--ease-silk) .52s forwards;align-items:center;gap:12px;font-size:10px;display:flex;transform:translateY(14px)}.gate-seal{width:22px;height:22px;color:var(--cinnabar-bright);letter-spacing:0;border:1px solid #b4452e8f;place-items:center;font-size:11px;display:inline-grid;transform:rotate(-4deg)}.gate-copy h1{font-family:var(--font-cn);letter-spacing:-.075em;color:var(--paper);opacity:0;filter:blur(6px);animation:gate-title 1.65s var(--ease-silk) .38s forwards;align-items:flex-start;gap:clamp(2px,.5vw,10px);margin:clamp(13px,2vh,25px) 0 0 -8px;font-size:clamp(150px,15.5vw,245px);font-weight:400;line-height:.85;display:flex;transform:translateY(30px)}.gate-copy h1 span{text-shadow:0 20px 70px #00000059;display:inline-block}.gate-copy h1 em{color:#0000;background:linear-gradient(165deg, var(--gold-pale), #bea062 55%, #72562c);filter:drop-shadow(0 8px 24px #c3995117);-webkit-background-clip:text;background-clip:text;margin-top:.08em;font-style:normal}@keyframes gate-title{to{opacity:1;filter:blur();transform:none}}@keyframes gate-rise{to{opacity:1;transform:none}}@keyframes gate-fade-in{to{opacity:1;transform:none}}.gate-en{color:var(--gold);font-family:var(--font-caps);letter-spacing:.33em;opacity:0;animation:gate-fade-in 1.2s var(--ease-soft) .95s forwards;margin-top:clamp(10px,2vh,23px);font-size:clamp(8px,.72vw,10px)}.gate-poem{color:var(--paper-warm);font-family:var(--font-cn);letter-spacing:.24em;opacity:0;animation:gate-rise 1.2s var(--ease-silk) 1.02s forwards;margin-top:clamp(18px,3.3vh,34px);font-size:clamp(17px,1.55vw,23px);font-weight:400;transform:translateY(12px)}.gate-poem:before{content:"";background:var(--cinnabar-bright);opacity:.8;width:28px;height:1px;margin:0 14px 5px 0;display:inline-block}.gate-desc{max-width:475px;color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.055em;opacity:0;animation:gate-rise 1.2s var(--ease-silk) 1.12s forwards;margin-top:clamp(13px,2.2vh,23px);font-size:clamp(11px,.93vw,13.5px);line-height:2.08;transform:translateY(12px)}.gate-actions{opacity:0;animation:gate-rise 1.1s var(--ease-silk) 1.25s forwards;flex-wrap:wrap;align-items:center;gap:18px;margin-top:clamp(24px,4.2vh,43px);display:flex;transform:translateY(13px)}.gate-primary{min-width:236px;height:52px;color:var(--gold-pale);font-family:var(--font-cn);letter-spacing:.16em;white-space:nowrap;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:color .45s, border-color .45s, box-shadow .5s, transform .45s var(--ease-spring);background:linear-gradient(120deg,#b9945329,#694e2308),#090a0742;border:1px solid #e1c58e8c;align-items:center;gap:15px;padding:0 21px;font-size:12px;display:inline-flex;position:relative;overflow:hidden}.gate-primary:before{content:"";transition:transform .85s var(--ease-silk);background:linear-gradient(105deg,#0000 20%,#edd29d47 49%,#0000 68%);position:absolute;inset:0;transform:translate(-120%)}.gate-primary:after{content:"";pointer-events:none;border:1px solid #ebcf961f;position:absolute;inset:5px}.gate-primary:hover:not(:disabled){color:#fff8e9;border-color:var(--gold-bright);transform:translateY(-1px);box-shadow:0 0 35px #c5984f26}.gate-primary:hover:not(:disabled):before{transform:translate(120%)}.gate-primary:disabled{cursor:wait;opacity:.78}.primary-orb{border:1px solid #dab879a6;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block;position:relative;box-shadow:0 0 13px #b48b4340}.primary-orb:before{content:"";background:var(--gold);border-radius:50%;transition:transform .4s,background .4s;position:absolute;inset:3px;box-shadow:0 0 8px #edca8b99}.gate-primary:hover .primary-orb:before{background:var(--paper);transform:scale(1.4)}.gate.is-loading .primary-orb{border-color:#0000;border-top-color:var(--gold-bright);border-right-color:#dbbc8059;animation:1.1s linear infinite slow-spin}.gate.is-loading .primary-orb:before{background:var(--cinnabar-bright);animation:1.3s infinite camera-pulse;inset:4px}.primary-arrow{color:var(--gold);font-family:var(--font-latin);transition:transform .5s var(--ease-silk);margin-left:auto;font-size:19px}.gate-primary:hover .primary-arrow{transform:translate(4px)}.gate-secondary{color:var(--muted);font-family:var(--font-cn);letter-spacing:.16em;border-bottom:1px solid #c8aa7133;padding:9px 1px 7px;font-size:9px;transition:color .4s,border-color .4s}.gate-secondary:hover{color:var(--paper-warm);border-color:var(--line-bright)}.gate-statusline{color:var(--muted-deep);font-family:var(--font-cn);letter-spacing:.08em;opacity:0;animation:gate-fade-in 1s var(--ease-soft) 1.5s forwards;align-items:center;gap:7px;margin-top:17px;font-size:8px;display:flex}.gate-status-dot{border:1px solid var(--gold-deep);border-radius:50%;width:4px;height:4px}.gate-statusline.is-waiting{color:var(--gold)}.gate-statusline.is-waiting .gate-status-dot{border-color:var(--gold);background:var(--gold);animation:1.4s infinite camera-pulse;box-shadow:0 0 8px #d3b07080}.gate-statusline.is-error{color:#c98972}.gate-statusline.is-error .gate-status-dot{border-color:var(--cinnabar-bright);background:var(--cinnabar-bright)}.gate-progress{opacity:0;background:#d3b57b1c;width:210px;height:1px;margin-top:12px;transition:opacity .4s;overflow:hidden}.gate.is-loading .gate-progress{opacity:1}.gate-progress i{background:linear-gradient(90deg, var(--cinnabar-bright), var(--gold-bright));width:8%;height:100%;transition:width .7s var(--ease-soft);display:block;box-shadow:0 0 9px #e1bd7880}.gate-guide{-webkit-backdrop-filter:blur(16px)saturate(.8);backdrop-filter:blur(16px)saturate(.8);opacity:0;width:min(100%,330px);animation:gate-rise 1.4s var(--ease-silk) 1.05s forwards;background:linear-gradient(98deg,#080906f7,#0a0b07ed 62%,#090a07d1),#080906e6;border-top:1px solid #cbac6f29;border-bottom:1px solid #cbac6f1f;border-left:1px solid #cbac6f38;justify-self:end;padding:24px 22px 20px 28px;position:relative;transform:translateY(18px);box-shadow:-38px 0 80px #04050380,inset 0 1px #f1daae0e}.gate-guide:before{content:"";background:linear-gradient(to bottom, var(--cinnabar-bright), transparent);opacity:.65;width:4px;height:52px;position:absolute;top:-1px;left:-1px}.gate-guide-title{color:var(--paper-warm);font-family:var(--font-cn);letter-spacing:.22em;flex-direction:column;gap:7px;font-size:13px;display:flex}.gate-guide-title em{color:var(--gold-deep);font-family:var(--font-caps);letter-spacing:.25em;font-size:7px;font-style:normal}.gate-guide-item{border-bottom:1px solid #ccae741c;align-items:center;gap:15px;padding:18px 0;display:flex}.gate-guide-item:first-of-type{margin-top:17px;padding-top:0}.guide-hand-icon{width:35px;height:35px;color:var(--gold);border:1px solid #ccae7433;flex-shrink:0;place-items:center;display:grid}.guide-hand-icon svg{fill:none;stroke:currentColor;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:22px}.pinch-symbol{position:relative}.pinch-symbol i{border:1px solid var(--gold);border-radius:70% 30% 60% 40%;width:10px;height:7px;position:absolute;top:11px}.pinch-symbol i:first-child{left:7px;transform:rotate(30deg)}.pinch-symbol i:last-child{right:7px;transform:rotate(-30deg)}.frame-symbol i{background:var(--gold);width:10px;height:1px;position:absolute}.frame-symbol i:first-child{top:9px;left:8px}.frame-symbol i:nth-child(2){bottom:9px;right:8px}.frame-symbol b{border:1px solid var(--gold);width:14px;height:10px}.gate-guide-item>span:last-child{flex-direction:column;gap:3px;display:flex}.gate-guide-item strong{color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.1em;font-size:10px;font-weight:400}.gate-guide-item small{color:#aa9d86;font-family:var(--font-cn);letter-spacing:.03em;font-size:8.5px;line-height:1.6}.gate-notice{color:#978a72;font-family:var(--font-cn);letter-spacing:.035em;margin-top:18px;font-size:8px;line-height:1.9}.gate-note{color:#8f836d;font-family:var(--font-cn);letter-spacing:.035em;margin-top:12px;font-size:8px;line-height:1.8}.gate-footer{color:var(--muted-deep);font-family:var(--font-cn);letter-spacing:.17em;opacity:0;animation:gate-fade-in 1.2s var(--ease-soft) 1.45s forwards;border-top:1px solid #ccad7026;align-items:center;gap:14px;padding:17px 7px 0;font-size:8px;display:flex}.gate-footer i{background:#ccad7036;width:16px;height:1px}.gate-footer-right{color:#95896f80;font-family:var(--font-caps);letter-spacing:.2em;margin-left:auto;font-size:7px}.gate.has-camera-error .gate-primary{border-color:#c46a527a}@media (height<=760px) and (width>=900px){.gate-main{padding-top:18px;padding-bottom:16px}.gate-copy h1{font-size:clamp(130px,14vw,190px)}.gate-poem{margin-top:15px;font-size:16px}.gate-desc{margin-top:11px;line-height:1.8}.gate-actions{margin-top:21px}.gate-guide-item{padding:12px 0}.gate-guide-item:first-of-type{margin-top:8px}.gate-masthead{padding-bottom:10px}.gate-footer{padding-top:10px}}@media (width<=960px){.gate{overflow-y:auto}.gate-bg{position:fixed}.gate-mask{opacity:.35;filter:blur(.3px)saturate(.8)brightness(.62);max-width:95vw;height:65vh;top:32%;right:-19vw}.gate-bg:before{background:linear-gradient(#050604c7 0%,#050604b3 56%,#050604f7 100%)}.gate-frame{inset:9px}.gate-inner{min-height:100vh;min-height:var(--vh);padding:calc(20px + var(--safe-t)) 24px calc(17px + var(--safe-b))}.gate-masthead{letter-spacing:.1em;font-size:7px}.gate-no{display:none}.gate-main{flex:1;max-width:640px;margin:auto;padding:12vh 0 6vh;display:block}.gate-copy{max-width:100%}.gate-copy h1{margin-left:-5px;font-size:clamp(106px,30vw,180px)}.gate-eyebrow{letter-spacing:.11em;gap:8px;font-size:8px}.gate-desc{max-width:420px;font-size:11px;line-height:1.95}.gate-poem{letter-spacing:.18em;font-size:16px}.gate-actions{gap:12px;margin-top:26px}.gate-primary{min-width:210px;height:49px;font-size:11px}.gate-secondary{font-size:8px}.gate-guide{display:none}.gate-footer{letter-spacing:.11em;flex-wrap:wrap;justify-content:center;gap:8px;padding-bottom:3px;font-size:7px}.gate-footer i{width:9px}.gate-footer-right{display:none}.gate-masthead{opacity:1;transform:none}}@media (width<=540px){.gate-main{padding-top:9vh}.gate-copy h1{font-size:clamp(100px,32vw,146px);line-height:.9}.gate-en{letter-spacing:.2em;margin-top:12px;font-size:7px}.gate-poem{margin-top:22px;font-size:15px}.gate-desc{margin-top:12px;font-size:10.5px;line-height:1.9}.gate-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.gate-primary{justify-content:flex-start;width:100%}.gate-secondary{align-self:center;margin-top:3px}.gate-statusline{text-align:center;justify-content:center;margin-top:13px;font-size:7.5px}.gate-progress{width:100%}.gate-masthead{border-bottom:0;justify-content:center;padding-bottom:4px}.gate-masthead span{font-size:7px}.gate-bg-word{font-size:110vw;top:34%;left:-25vw}.gate-mask{opacity:.32;height:54vh;top:28%;right:-29vw}.gate-footer{gap:6px;padding-top:11px;font-size:6.5px}.gate-footer i{display:none}}.scene-home{background:radial-gradient(at 71% 42%,#7355263b,#0000 37%),radial-gradient(at 18% 94%,#50291b29,#0000 42%),linear-gradient(124deg,#080906 0%,#0c0e09 49%,#11130c 100%)}.home-bg:before{content:"";opacity:.48;background-image:repeating-linear-gradient(112deg,#0000 0 130px,#dbc39406 131px,#0000 132px),repeating-linear-gradient(22deg,#0000 0 190px,#dbc39404 191px,#0000 192px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 63% 42%,#000,#0000 78%);mask-image:radial-gradient(circle at 63% 42%,#000,#0000 78%)}.home-aura{filter:blur(12px);pointer-events:none;background:radial-gradient(at 52% 41%,#c091462b,#0000 40%),radial-gradient(at 56% 61%,#8a342114,#0000 38%);width:82vw;height:100%;position:absolute;top:7%;left:31%}.sun-disc{aspect-ratio:1;filter:blur(.2px);opacity:.9;background:radial-gradient(circle,#9b6f3442 0%,#82572726 33%,#0000 66%),repeating-radial-gradient(circle,#0000 0 18px,#c1995812 19px 20px,#0000 21px 41px);border-radius:50%;width:min(53vw,730px);position:absolute;top:43%;left:71.5%;transform:translate(-50%,-50%)}.sun-disc:before{content:"";border:1px solid #c8a46721;border-radius:50%;position:absolute;inset:13%}.sun-disc span{border:1px dashed #cfaf711a;border-radius:50%;animation:80s linear infinite reverse slow-spin;position:absolute;inset:20%}.mist{z-index:2;filter:blur(50px);pointer-events:none;opacity:.45;border-radius:50%;position:absolute}.mist-a{background:radial-gradient(#7a795d29,#0000 67%);width:62vw;height:29vh;animation:18s ease-in-out infinite alternate mist-drift-a;top:49%;left:30%}.mist-b{background:radial-gradient(#6f644c21,#0000 72%);width:75vw;height:27vh;animation:23s ease-in-out infinite alternate mist-drift-b;top:68%;left:4%}@keyframes mist-drift-a{0%{transform:translate(-2%,2%)scale(.97)}to{transform:translate(5%,-2%)scale(1.06)}}@keyframes mist-drift-b{0%{opacity:.35;transform:translate(3%)scale(1.04)}to{opacity:.57;transform:translate(-4%,-3%)scale(.98)}}.mountain-ridge{z-index:1;opacity:.95;height:61%;position:absolute;bottom:-1px;left:-3%;right:-3%;-webkit-mask-image:linear-gradient(#0000 2%,#000000e0 52%,#000 80%);mask-image:linear-gradient(#0000 2%,#000000e0 52%,#000 80%)}.mountain-ridge svg{width:100%;height:100%}.home-stars{z-index:2;pointer-events:none;position:absolute;inset:0}.home-star{background:#eedab0b3;border-radius:50%;width:1px;height:1px;animation:4s ease-in-out infinite star-glow;position:absolute;box-shadow:0 0 5px #ebcb9473}@keyframes star-glow{0%,to{opacity:.14}50%{opacity:.8}}.home-side-calligraphy{z-index:3;writing-mode:vertical-rl;color:#0000;-webkit-text-stroke:1px #decba61c;font-family:var(--font-cn);letter-spacing:.35em;pointer-events:none;opacity:.85;font-size:clamp(38px,3.7vw,58px);position:absolute;top:23%;left:clamp(30px,3vw,52px)}.home-layout{z-index:3;grid-template-columns:minmax(335px,.88fr) minmax(390px,1.12fr);align-items:center;gap:clamp(18px,3vw,58px);width:100%;height:100%;padding:clamp(104px,12.5vh,138px) clamp(46px,5.2vw,82px) clamp(58px,7vh,88px) clamp(54px,6.3vw,104px);display:grid;position:relative}.home-copy{z-index:5;align-self:start;width:min(100%,545px);max-width:100%;position:relative}.home-copy:before{content:"";pointer-events:none;border:1px solid #bf9f640f;border-radius:50%;width:clamp(140px,14vw,220px);height:clamp(140px,14vw,220px);position:absolute;top:-45px;left:-41px}.home-copy:after{content:"";pointer-events:none;border:1px solid #c6a46847;width:5px;height:5px;position:absolute;top:-22px;left:-18px;transform:rotate(45deg)}.hero-title-wrap{margin-top:clamp(18px,2.1vh,25px);position:relative}.title-ordinal{color:var(--gold-deep);font-family:var(--font-caps);letter-spacing:.3em;margin-bottom:8px;font-size:8px;display:block}.hero-title{color:var(--paper);font-family:var(--font-cn);letter-spacing:-.06em;text-shadow:0 18px 50px #0003;align-items:flex-start;margin-left:-.08em;font-size:clamp(112px,12.2vw,195px);font-weight:400;line-height:.82;display:flex}.title-glyph{display:inline-block}.title-dance{color:#0000;background:linear-gradient(168deg,#f4e9d1 0%,#c8ac77 45%,#8b6e3c 100%);filter:drop-shadow(0 8px 25px #bd914914);-webkit-background-clip:text;background-clip:text;margin-top:.04em;margin-left:.06em;position:relative}.title-dance:after{content:"";border:1px solid #c1452ead;width:7px;height:7px;position:absolute;bottom:-.04em;right:-.04em;transform:rotate(45deg)}.hero-title-en{color:var(--gold);font-family:var(--font-caps);letter-spacing:.26em;white-space:nowrap;margin-top:clamp(9px,1.1vh,15px);font-size:clamp(7px,.6vw,9px)}.hero-rule{align-items:center;gap:9px;width:min(100%,360px);margin:clamp(11px,1.5vh,18px) 0;display:flex}.hero-rule span{background:linear-gradient(90deg,#c8ab7461,#c8ab740f);flex:1;height:1px}.hero-rule span:first-child{background:#c8ab7475;flex:0 0 44px}.hero-rule span:last-child{background:linear-gradient(90deg,#c8ab7438,#0000)}.hero-rule i{border:1px solid #be4b33cc;width:5px;height:5px;transform:rotate(45deg)}.hero-quote{color:var(--paper-warm);font-family:var(--font-cn);letter-spacing:.18em;text-shadow:0 7px 30px #0003;font-size:clamp(20px,1.72vw,28px);font-weight:400;line-height:1.58}.hero-lede{width:min(100%,455px);color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.038em;margin-top:clamp(12px,1.7vh,19px);font-size:clamp(10.5px,.86vw,12.5px);font-weight:400;line-height:2.06}.hero-meta{border-top:1px solid #c9ab7329;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;width:min(100%,470px);margin-top:clamp(17px,2.4vh,28px);padding-top:12px;display:grid}.hero-mobile-note{display:none}.meta-item{color:var(--muted);font-family:var(--font-cn);letter-spacing:.04em;align-items:flex-start;gap:7px;font-size:8.5px;line-height:1.65;display:flex}.meta-no{color:var(--gold-deep);font-family:var(--font-caps);flex-shrink:0;padding-top:2px;font-size:6.5px}.home-copy .enter-chapter{margin-top:clamp(15px,2.3vh,28px)}.mask-arena{z-index:4;perspective:1000px;--mask-glow:#d3a34f33;place-self:center;width:min(100%,690px);height:min(73vh,720px);min-height:410px;position:relative}@media (width>=781px){.mask-arena{width:min(100%,800px);height:min(82vh,820px);left:-7vw}}.arena-glow{aspect-ratio:1;filter:blur(16px);pointer-events:none;background:radial-gradient(circle,#c694482e 0%,#7c471e1a 33%,#0000 68%);border-radius:50%;width:72%;transition:background .7s,filter .7s;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.mask-arena.is-hovered .arena-glow{filter:blur(24px);background:radial-gradient(circle,#e8ba6357 0%,#b7542f21 36%,#0000 70%)}.arena-rings{z-index:0;pointer-events:none;position:absolute;inset:0}.ring{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-outer{aspect-ratio:1;border:1px solid #c6a5681a;width:94%}.ring-dashed{aspect-ratio:1;border:1px dashed #c6a56829;width:84%;animation:88s linear infinite slow-spin}.ring-inner{aspect-ratio:1;border:1px solid #c6a56833;width:67%;box-shadow:inset 0 0 55px #b2873d08}.ring-cross{background:linear-gradient(90deg,#0000,#c4a16514 20%,#c4a1652e 50%,#c4a16514 80%,#0000);width:98%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cross-b{transform:translate(-50%,-50%)rotate(90deg)}.cross-a:before,.cross-b:before{content:"";background:var(--ink-0);border:1px solid #cba96959;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.zodiac-ring{aspect-ratio:1;width:96%;animation:120s linear infinite slow-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zodiac-ring text{fill:#c9a96d66;font-family:var(--font-cn);letter-spacing:.34em;font-size:11px}.orbit-glyph{color:#c5a4663d;font-family:var(--font-cn);font-size:13px;position:absolute}.orbit-a{top:16%;left:20%}.orbit-b{font-size:9px;top:37%;right:14%}.orbit-c{font-size:10px;bottom:13%;left:32%}.mask-image-wrap{z-index:3;aspect-ratio:.6;cursor:none;height:88%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=781px){.mask-image-wrap{height:100%}}.hero-mask{z-index:2;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 34px 49px #0000008c)drop-shadow(0 0 31px #c28d3c14)saturate(.98)contrast(1.015);width:100%;height:100%;transition:filter .7s var(--ease-soft), transform 1.2s var(--ease-silk), opacity .22s ease;transform-origin:50% 55%;animation:8.5s ease-in-out infinite mask-float;position:relative}.hero-mask.is-switching{opacity:.25}.mask-arena.is-hovered .hero-mask{filter:drop-shadow(0 37px 55px #0009)drop-shadow(0 0 42px #e4b25c33)drop-shadow(0 0 95px #a543241a)saturate(1.04)contrast(1.02);transform:scale(1.018)}@keyframes mask-float{0%,to{transform:translateY(5px)rotate(-.25deg)}50%{transform:translateY(-9px)rotate(.35deg)}}.mask-reflection{z-index:1;filter:blur(13px);opacity:.9;background:radial-gradient(#a1763926,#0000 68%);height:17%;position:absolute;bottom:-3%;left:12%;right:12%}.mask-rim{z-index:4;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(108deg,#0000 25%,#ffe6b31f 43%,#0000 54%);transition:opacity .7s;position:absolute;inset:0}.mask-arena.is-hovered .mask-rim{opacity:.65}.mask-fx{z-index:6;pointer-events:none;width:152%;height:152%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mask-caption{z-index:7;pointer-events:none;transition:opacity .2s ease, transform .24s var(--ease-soft);border-left:1px solid #cbaa6d73;flex-direction:column;gap:2px;padding-left:13px;display:flex;position:absolute;bottom:5.5%;left:7%}.mask-caption.is-switching{opacity:.2;transform:translate(7px)}.caption-index{color:var(--gold-deep);font-family:var(--font-cn);letter-spacing:.23em;font-size:8px}.caption-name{color:var(--paper-warm);font-family:var(--font-cn);letter-spacing:.14em;font-size:17px}.caption-name em{color:var(--gold);margin-left:4px;font-style:normal}.caption-en{color:var(--muted-deep);font-family:var(--font-caps);letter-spacing:.18em;margin-top:2px;font-size:6.5px}.mask-hover-hint{z-index:8;color:var(--muted);font-family:var(--font-cn);text-align:right;letter-spacing:.09em;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:.75;pointer-events:none;background:#090a0747;border:1px solid #c9aa6f1f;align-items:center;gap:10px;padding:8px 10px;font-size:8px;line-height:1.6;transition:opacity .5s,border-color .5s,transform .5s;display:none;position:absolute;bottom:4.6%;right:2%}.mask-hover-hint em{color:var(--gold);font-style:normal}.mask-arena.is-hovered .mask-hover-hint{opacity:0;transform:translateY(4px)}.mask-arena.has-awakened .mask-hover-hint{opacity:0}.hint-hand{opacity:.75;width:18px;height:22px;display:block}.hint-hand svg{fill:none;width:100%;height:100%;stroke:var(--gold);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.arena-mark{z-index:6;color:#c7a66966;font-family:var(--font-cn);letter-spacing:.22em;writing-mode:vertical-rl;flex-direction:column;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;top:8%;right:2%}.arena-mark i{background:#c7a6692e;width:1px;height:26px}.home-footer{transition:left .6s var(--ease-soft);left:clamp(286px,22vw,336px)}.footer-gesture{white-space:nowrap;align-items:center;gap:10px;display:flex}.fist-icon{opacity:.7;width:17px;height:21px;display:block}.fist-icon svg{fill:none;width:100%;height:100%;stroke:var(--gold);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.home-stars .home-star:nth-child(3n){animation-delay:-1.4s}.home-stars .home-star:nth-child(4n){animation-delay:-2.7s}.home-stars .home-star:nth-child(5n){animation-delay:-.8s}.scene-gallery{background:radial-gradient(at 60% 47%,#624b2633,#0000 43%),radial-gradient(at 96% 12%,#434f3926,#0000 36%),linear-gradient(124deg,#080906,#0d0e09 48%,#14120c 100%)}.gallery-bg:before{content:"";opacity:.42;background-image:linear-gradient(115deg,#0000 0 36%,#d2ad6909 36.1% 36.25%,#0000 36.35%),repeating-linear-gradient(90deg,#0000 0 170px,#e5cfa505 171px,#0000 172px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 62% 48%,#000,#0000 78%);mask-image:radial-gradient(at 62% 48%,#000,#0000 78%)}.gallery-spotlight{clip-path:polygon(41% 0,59% 0,98% 100%,1% 100%);filter:blur(11px);opacity:.8;background:linear-gradient(184deg,#ddbd7b1d,#0000 62%);width:90vw;height:100vh;position:absolute;top:-32%;left:47%;transform:rotate(4deg)}.gallery-spotlight:after{content:"";clip-path:polygon(49% 0,51% 0,68% 100%,32% 100%);background:linear-gradient(#f6d89c1f,#0000 72%);position:absolute;inset:0}.gallery-haze{filter:blur(46px);background:radial-gradient(#80725126,#0000 69%);border-radius:50%;width:90vw;height:62vh;animation:20s ease-in-out infinite alternate mist-drift-b;position:absolute;bottom:-18%;right:-10%}.gallery-vertical-type{writing-mode:vertical-rl;font-family:var(--font-cn);letter-spacing:.18em;color:#0000;-webkit-text-stroke:1px #ddc79f0d;pointer-events:none;font-size:clamp(110px,14vw,230px);line-height:.82;position:absolute;top:15%;right:16.5%}.gallery-seal{writing-mode:vertical-rl;color:#c4523861;font-family:var(--font-cn);letter-spacing:.25em;border:1px solid #b74a3247;padding:10px 5px;font-size:9px;position:absolute;top:16.5%;right:7.4%}.gallery-head{z-index:5;width:min(29vw,340px);position:absolute;top:25%;left:clamp(52px,6vw,100px)}.gallery-head .chapter-kicker{letter-spacing:.17em;font-size:8px}.gallery-head .scene-title{letter-spacing:.02em;white-space:nowrap;margin-top:clamp(12px,2.3vh,23px);font-size:clamp(48px,4.8vw,76px)}.gallery-head .scene-sub{max-width:295px;margin-top:clamp(12px,2.2vh,22px);font-size:11px;line-height:2.1}.gallery-head:before{content:"";background:var(--cinnabar-bright);opacity:.55;width:36px;height:1px;margin-bottom:18px;display:block}.gallery-archive{border-top:1px solid #c9ab7324;gap:13px;width:min(100%,336px);margin-top:clamp(22px,3.2vh,32px);padding-top:14px;display:flex}.archive-mark{color:var(--cinnabar-bright);font-family:var(--font-caps);letter-spacing:.04em;border:1px solid #be4e3561;flex:none;align-self:flex-start;padding:4px 5px;font-size:7px}.archive-overline{color:var(--gold-deep);font-family:var(--font-cn);letter-spacing:.15em;font-size:7.5px;display:block}.gallery-archive p{color:#c9bea9d6;font-family:var(--font-cn);letter-spacing:.04em;margin-top:6px;font-size:9.5px;line-height:1.85}.archive-note{color:#a69a86c7;font-family:var(--font-cn);letter-spacing:.06em;margin-top:7px;font-size:7.5px;line-height:1.7;display:block}@media (width<=1180px){.gallery-archive{display:none}}.card-stage{z-index:6;perspective:1800px;width:min(61vw,960px);position:absolute;top:49.5%;left:62.6%;transform:translate(-50%,-50%)}.card-stage.reveal-fade{transform:translate(-50%,-50%)scale(.978)}.scene.is-current .card-stage.reveal-fade{opacity:1;filter:blur();transform:translate(-50%,-50%)}.scene:not(.is-current) .card-stage.reveal-fade{transform:translate(-50%,-50%)scale(.985)}.card-perspective{width:100%;transform-style:preserve-3d;z-index:4;position:relative}.lenticular-card{aspect-ratio:16/9;width:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;isolation:isolate;background:radial-gradient(at 74% 38%,#b2853d33,#0000 34%),linear-gradient(126deg,#161710,#0c0d09 58%,#17150d);border:1px solid #d7b87a8a;border-radius:14px;position:relative;box-shadow:0 0 0 5px #0c0d09,0 0 0 6px #d0ae6f33,0 38px 95px #000000a3,0 10px 35px #00000080,0 0 60px #a87c3614}.lenticular-card:before{content:"";z-index:26;pointer-events:none;border:1px solid #e2c1842e;border-radius:10px;position:absolute;inset:6px}.lenticular-card:after{content:"";z-index:-1;filter:blur(8px);opacity:.8;pointer-events:none;background:linear-gradient(135deg,#f0d49d3b,#0000 26% 71%,#c497531f);border-radius:18px;position:absolute;inset:-7px}.card-ground-shadow{z-index:1;filter:blur(27px);opacity:.9;background:radial-gradient(#000c,#0000 68%);height:25%;position:absolute;bottom:-7%;left:8%;right:8%;transform:translateZ(-30px)}.card-shadow{z-index:0;filter:blur(50px);background:#00000057;position:absolute;inset:4% 2%;transform:translate(20px,34px)}.card-orbit{z-index:2;pointer-events:none;border:1px solid #c6a86e1c;border-radius:50%/42%;position:absolute;inset:-7.5% -5.5%;transform:rotate(-2.3deg)translateZ(-20px)}.card-orbit:before,.card-orbit:after{content:"";background:linear-gradient(90deg,#0000,#c6a86e1f 20%,#0000 50%,#c6a86e1f 80%,#0000);width:92%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-orbit:after{transform:translate(-50%,-50%)rotate(90deg)}.orbit-dot{border:1px solid #c6a86e66;width:4px;height:4px;position:absolute;transform:rotate(45deg)}.dot-1{top:-2px;left:33%}.dot-2{top:23%;right:5%}.dot-3{bottom:-1px;left:62%}.orbit-caption{color:var(--muted-deep);font-family:var(--font-caps);letter-spacing:.4em;white-space:nowrap;font-size:6px;position:absolute;bottom:-29px;left:50%;transform:translate(-50%)}.card-face{backface-visibility:hidden;transition:opacity .75s var(--ease-soft), filter .75s var(--ease-soft), transform 1s var(--ease-silk);border-radius:13px;position:absolute;inset:0;overflow:hidden}.card-front{z-index:3;opacity:1;background:radial-gradient(at 79% 46%,#b8843738,#0000 37%),linear-gradient(118deg,#161610 0%,#0d0e09 47%,#18140d 100%)}.card-back{z-index:2;opacity:0;pointer-events:none;background:radial-gradient(at 36% 70%,#8f723b26,#0000 48%),linear-gradient(112deg,#0b0c08,#17160f 48%,#0d0f0a);transform:translateZ(-3px)scale(.99)}.lenticular-card.is-revealed .card-front{opacity:0;filter:blur(3px)saturate(1.25);transform:scale(1.025)}.lenticular-card.is-revealed .card-back{opacity:1;pointer-events:auto;transform:translateZ(0)scale(1)}.card-front-pattern{z-index:0;opacity:.58;background-image:radial-gradient(circle at 18% 27%,#0000 0 34px,#cba9691c 35px 36px,#0000 37px),radial-gradient(circle at 18% 27%,#0000 0 58px,#cba96912 59px 60px,#0000 61px),linear-gradient(120deg,#0000 0 49.7%,#cead6f12 49.8% 50%,#0000 50.1%),repeating-linear-gradient(90deg,#0000 0 83px,#cead6f06 84px,#0000 85px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0006 72%,#0000);mask-image:linear-gradient(90deg,#000,#0006 72%,#0000)}.card-copy{z-index:6;flex-direction:column;width:47%;display:flex;position:absolute;top:10%;bottom:10%;left:5.7%}.card-topline{color:var(--gold);font-family:var(--font-caps);letter-spacing:.24em;align-items:center;gap:11px;font-size:7px;display:flex}.card-chapter{white-space:nowrap;font-family:var(--font-cn);letter-spacing:.2em}.gold-line{background:linear-gradient(90deg,#cfad7173,#0000);flex:1;height:1px}.card-roman{color:var(--gold-deep);letter-spacing:.3em;font-size:6.5px}.card-name-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-top:clamp(9px,1.6vh,17px);display:flex}.card-name{color:var(--paper);font-family:var(--font-cn);letter-spacing:.05em;text-shadow:0 8px 32px #0006;font-size:clamp(42px,4.2vw,67px);font-weight:400;line-height:1}.card-type{color:var(--gold);font-family:var(--font-cn);letter-spacing:.16em;margin-top:9px;font-size:clamp(8px,.75vw,10.5px)}.card-index-big{color:#0000;-webkit-text-stroke:1px #d4b57966;font-family:var(--font-cn);padding-top:4px;font-size:clamp(28px,2.7vw,46px);line-height:1}.card-poem{color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.16em;margin-top:auto;font-size:clamp(10px,.9vw,13px);line-height:2}.card-traits{flex-wrap:wrap;gap:5px;margin-top:clamp(8px,1.4vh,14px);display:flex}.card-traits span{color:var(--muted);font-family:var(--font-cn);letter-spacing:.12em;border:1px solid #ccab6e2e;padding:3px 8px;font-size:7px}.card-hintline{color:var(--gold-deep);font-family:var(--font-cn);letter-spacing:.14em;align-items:center;gap:7px;margin-top:11px;font-size:7px;display:flex}.mini-tilt{border:1px solid #c5a36566;width:13px;height:8px;display:block;transform:skewY(-17deg)}.card-portrait{z-index:4;pointer-events:none;width:49%;position:absolute;top:-7%;bottom:-7%;right:4.5%;overflow:hidden}.card-portrait:before{content:"";filter:blur(13px);background:radial-gradient(circle,#deaf5b3b,#a1682917 42%,#0000 68%);border-radius:50%;width:92%;height:92%;position:absolute;top:5%;left:4%}.portrait-halo{border:1px solid #dbb67129;border-radius:50%;width:98%;height:98%;position:absolute;top:3%;left:-2%;transform:rotate(-17deg)scaleX(.97)}.portrait-halo:before,.portrait-halo:after{content:"";border:1px solid #dbb67114;border-radius:50%;position:absolute}.portrait-halo:before{inset:8%}.portrait-halo:after{border-style:dashed;inset:19%}#cardImage{z-index:2;object-fit:contain;object-position:center center;filter:drop-shadow(0 24px 37px #0000008c)drop-shadow(0 0 44px #c38e421a)saturate(.99);width:100%;height:100%;transition:transform 1.3s var(--ease-silk), filter .7s;position:relative;transform:scale(1.03)}.lenticular-card.is-revealed #cardImage{filter:drop-shadow(0 28px 40px #0000008c)drop-shadow(0 0 52px #d7a45426)saturate(1.04);transform:scale(1.055)}.portrait-shadow{z-index:3;filter:blur(17px);background:radial-gradient(#000000b3,#0000 70%);height:17%;position:absolute;bottom:0;left:18%;right:14%}.card-ghost-char{z-index:1;color:#d1af6f0e;font-family:var(--font-cn);pointer-events:none;font-size:clamp(200px,25vw,390px);line-height:.8;position:absolute;bottom:-10%;right:17%}.card-back-layout{z-index:5;grid-template-columns:.74fr 1.26fr;gap:8%;display:grid;position:absolute;inset:9% 8%}.back-left{border-right:1px solid #cba96d33;padding-top:8px;padding-right:28px;position:relative}.back-overline{color:var(--gold-deep);font-family:var(--font-cn);letter-spacing:.15em;font-size:7.5px}.back-overline em{color:var(--gold);font-family:var(--font-caps);font-style:normal}.back-name{color:var(--paper);font-family:var(--font-cn);letter-spacing:.08em;margin-top:clamp(12px,2.3vh,23px);font-size:clamp(33px,3.4vw,57px);font-weight:400;line-height:1}.back-subtitle{color:var(--gold);font-family:var(--font-cn);letter-spacing:.18em;margin-top:10px;font-size:9px}.back-line{background:var(--cinnabar-bright);opacity:.65;width:30px;height:1px;margin-top:clamp(14px,2.4vh,23px);display:block}.back-quote{color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.12em;margin-top:14px;font-size:9.5px;line-height:1.85}.back-right{flex-direction:column;padding:5px 1px 0;display:flex;position:relative}.back-ghost{color:#caa96c0e;font-family:var(--font-cn);pointer-events:none;font-size:clamp(130px,16vw,250px);line-height:.8;position:absolute;top:30%;right:-3%}.back-text{z-index:2;color:#e7dcc7;max-width:510px;font-family:var(--font-cn);letter-spacing:.045em;text-align:justify;text-shadow:0 1px 10px #00000059;font-size:clamp(9.5px,.86vw,12.2px);line-height:1.98;position:relative}.back-foot{color:var(--muted-deep);font-family:var(--font-cn);letter-spacing:.14em;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:auto;font-size:7px;display:flex}.back-seal{width:27px;height:27px;color:var(--cinnabar-bright);font-family:var(--font-cn);letter-spacing:0;border:1px solid #b6483080;place-items:center;font-size:12px;display:grid;transform:rotate(-3deg)}.card-back-glow{z-index:1;aspect-ratio:1;filter:blur(20px);background:radial-gradient(circle,#ad813b24,#0000 67%);width:46%;position:absolute;bottom:-5%;right:8%}.card-grain{z-index:19;pointer-events:none;opacity:.4;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.62'/%3E%3C/svg%3E"),radial-gradient(circle at 31% 27%,#ffebb973 0 .55px,#0000 1.5px),radial-gradient(circle at 72% 61%,#ffd89152 0 .6px,#0000 1.6px),repeating-linear-gradient(93deg,#0000 0 7px,#fff4d30e 7.5px 8px,#0000 8.5px 17px);background-size:180px 180px,37px 41px,53px 47px,auto;background-position:calc(50% + var(--emboss-x,0px)) calc(50% + var(--emboss-y,0px)), 0 0, 0 0, 0 0;background-blend-mode:overlay, soft-light, soft-light, normal;transition:opacity .5s;position:absolute;inset:0}.lenticular-card.is-revealed .card-grain{opacity:.33}.card-grain:after{content:"";opacity:.55;mix-blend-mode:overlay;background:linear-gradient(73deg,#0000 46.7%,#ffe7b117 47%,#0000 47.5%) 0 0/173px 129px,linear-gradient(-31deg,#0000 46.7%,#261d1138 47%,#0000 47.6%) 0 0/211px 163px;position:absolute;inset:0}.card-mask-cloud{z-index:23;pointer-events:none;mix-blend-mode:screen;opacity:.9;width:49%;height:114%;position:absolute;top:-7%;right:4.5%}.card-emboss{z-index:20;pointer-events:none;opacity:.45;mix-blend-mode:overlay;transform:translate3d(var(--emboss-x,0px), var(--emboss-y,0px), 0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill='none' stroke='%23d1b176' stroke-opacity='.23' stroke-width='.8'%3E%3Cpath d='M75 8c9 0 15 7 15 15 0 17-15 25-15 25S60 40 60 23C60 15 66 8 75 8z'/%3E%3Cpath d='M24 75c0-9 7-15 15-15 17 0 25 15 25 15s-8 15-25 15c-8 0-15-6-15-15z'/%3E%3Cpath d='M126 75c0 9-7 15-15 15-17 0-25-15-25-15s8-15 25-15c8 0 15 6 15 15z'/%3E%3Cpath d='M75 142c-9 0-15-7-15-15 0-17 15-25 15-25s15 8 15 25c0 8-6 15-15 15z'/%3E%3Ccircle cx='75' cy='75' r='4'/%3E%3Ccircle cx='75' cy='75' r='12' stroke-opacity='.12'/%3E%3Cpath d='M0 0h21M0 0v21M150 0h-21M150 0v21M0 150h21M0 150v-21M150 150h-21M150 150v-21' stroke-opacity='.16'/%3E%3C/g%3E%3C/svg%3E");background-size:118px 118px;transition:opacity .5s,transform .15s linear;position:absolute;inset:0}.card-front-pattern+.card-ghost-char:after{content:""}.gold-frame{z-index:24;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(132deg,#6d5228 0%,#d0ad70 17%,#f2ddb0 29%,#9f7a3d 45%,#e5cb95 61%,#7b5d2e 75%,#e5c98e 91%,#8e6d39 100%);border-radius:8px;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.frame-outer{opacity:.9;padding:2px;inset:9px}.frame-inner{opacity:.35;padding:1px;inset:16px}.corner-flourish{z-index:25;fill:none;stroke:#dcbd82a6;stroke-width:.8px;pointer-events:none;filter:drop-shadow(0 0 3px #d4ae6829);width:43px;height:43px;position:absolute}.corner-flourish path:nth-child(2){stroke-opacity:.3}.corner-flourish circle{fill:var(--cinnabar);stroke:none}.flourish-tl{top:16px;left:16px}.flourish-tr{top:16px;right:16px;transform:scaleX(-1)}.flourish-bl{bottom:16px;left:16px;transform:scaleY(-1)}.flourish-br{bottom:16px;right:16px;transform:scale(-1)}.lenticular-texture{z-index:28;pointer-events:none;opacity:.4;mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#0000 0 1.5px,#fff9de33 2px 2.6px,#0000003d 3px 3.7px,#0000 4px 5px) 0 0/6px 100%,linear-gradient(#fff1cf08,#0000 18% 82%,#0000001f) 0 0/100% 100%;background-position:calc(var(--ribbon-shift,0) * 1px) 0, 0 0;transition:opacity .5s;position:absolute;inset:0}.lenticular-texture:before{content:"";opacity:.48;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#0000 0 4px,#fff3d212 4.5px,#0000 5px 9px),repeating-linear-gradient(91deg,#0000 0 13px,#00000014 13.5px,#0000 14px 29px);position:absolute;inset:0}.lenticular-texture:after{content:"";opacity:.5;mix-blend-mode:screen;background-image:radial-gradient(circle at 12% 19%,#ffe1a347 0 .5px,#0000 1.2px),radial-gradient(circle at 59% 73%,#fff0cf33 0 .5px,#0000 1.3px),radial-gradient(circle at 87% 32%,#d897493d 0 .5px,#0000 1.2px);background-size:71px 83px,97px 61px,113px 127px;background-position:calc(50% + var(--emboss-x,0px)) calc(50% + var(--emboss-y,0px)), 0 0, 0 0;position:absolute;inset:0}.lenticular-card.is-revealed .lenticular-texture,.lenticular-card.is-revealed .card-emboss{opacity:.3}.lenticular-card.is-revealed .card-shine{opacity:.38}.lenticular-card.is-revealed .back-quote{color:var(--paper-warm)}.lenticular-card.is-revealed .back-subtitle{color:var(--gold-bright)}.lenticular-sweep{z-index:29;opacity:0;pointer-events:none;filter:blur(6px);width:28%;transform:skewX(-13deg) translateX(calc(var(--sweep,0) * 180%));background:linear-gradient(90deg,#0000,#fbe7ba1c,#e1b35f21,#0000);transition:opacity .5s;position:absolute;top:-20%;bottom:-20%;left:18%}.lenticular-card.is-revealed .lenticular-sweep{opacity:.75}.card-laser{z-index:29;pointer-events:none;opacity:.78;mix-blend-mode:screen;background:conic-gradient(from calc(104deg + var(--ry,0deg)) at 70% 29%, transparent 0 16%, #ff53b024 21%, #ffe67e2e 28%, #66ffd721 35%, #608bff29 42%, transparent 51%, #ff80e51a 66%, transparent 78%), linear-gradient(112deg, transparent 17%, #ff71ba21 24%, #ffe6822e 31%, #58ffd61f 38%, #5e8eff29 45%, #cc68ff1f 52%, transparent 62%), repeating-linear-gradient(112deg, #ffffff0e 0 1px, transparent 1px 6px), repeating-linear-gradient(112deg, #ff50aa0b 0 2px, #ffdc5a0b 2px 4px, #50ffd20b 4px 6px, #5a96ff0b 6px 8px, transparent 8px 14px);background-size:190% 190%,220% 220%,100% 100%,100% 100%;background-position:calc(50% + var(--sweep,0) * 92%) 50%, calc(50% + var(--sweep,0) * 135%) 50%, 0 0, 0 0;transition:opacity .35s var(--ease-soft);border-radius:13px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17,inset 0 0 34px #ff8ae50b}.card-laser:before{content:"";filter:blur(3px);opacity:.72;transform:translateX(calc(var(--sweep,0) * -235%)) skewX(-9deg);mix-blend-mode:screen;background:linear-gradient(105deg,#0000 36%,#ffffff2e 46%,#93eeff38 50%,#ff9aed2e 54%,#0000 64%);position:absolute;inset:-22%}.card-laser:after{content:"";opacity:.5;transform:translate(calc(var(--sweep,0) * -26px), 0);background-image:radial-gradient(circle at 20% 30%,#ffffffbf 0 1px,#0000 1.5px),radial-gradient(circle at 76% 62%,#ffbcf78c 0 1px,#0000 1.5px),radial-gradient(circle at 48% 82%,#95f0ff80 0 1px,#0000 1.5px);background-size:47px 41px,71px 59px,89px 73px;position:absolute;inset:0}.lenticular-card.is-revealed .card-laser{opacity:.52}.lenticular-card.is-revealed .card-laser:before{opacity:.38}.card-shine{z-index:30;pointer-events:none;opacity:.6;mix-blend-mode:screen;background:radial-gradient(circle at var(--shine-x,69%) var(--shine-y,35%), #fff1d040, transparent 26%), radial-gradient(ellipse at calc(var(--shine-x,69%) + 12%) calc(var(--shine-y,35%) + 9%), #79d2c50d, transparent 24%), radial-gradient(ellipse at calc(var(--shine-x,69%) - 10%) calc(var(--shine-y,35%) - 5%), #eb82580d, transparent 21%), repeating-linear-gradient(90deg, #fffff506 0 1px, transparent 1px 4px), linear-gradient(112deg, transparent 23%, #eccd9412 43%, transparent 54%);position:absolute;inset:0}.card-switch-aura{z-index:27;pointer-events:none;opacity:0;border-radius:16px;position:absolute;inset:-2px;box-shadow:0 0 28px #ff9f4259,inset 0 0 35px #ff7f2833}.lenticular-card.is-switching .card-switch-aura{animation:switch-fire .9s var(--ease-soft) forwards}@keyframes switch-fire{0%{opacity:0}18%{opacity:1}to{opacity:0}}.card-fire{z-index:31;pointer-events:none;mix-blend-mode:screen;width:calc(100% + 100px);height:calc(100% + 100px);position:absolute;inset:-50px}.lenticular-card.is-switching .card-front,.lenticular-card.is-switching .card-back{transition-duration:.27s}.lenticular-card.is-switching .card-copy,.lenticular-card.is-switching .card-back-layout{animation:card-content-flicker .52s var(--ease-soft)}@keyframes card-content-flicker{0%{opacity:1}20%{opacity:.35;filter:blur(2px)}52%{opacity:.75;filter:blur(.6px)}to{opacity:1;filter:blur()}}.card-hud{z-index:9;width:min(61vw,960px);color:var(--muted);justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:clamp(55px,7.3vh,82px);left:62.6%;transform:translate(-50%)}.angle-readout{font-family:var(--font-cn);letter-spacing:.12em;align-items:center;gap:9px;font-size:7px;display:flex}.angle-label{color:var(--muted-deep);font-family:var(--font-caps);letter-spacing:.2em;font-size:7px}.angle-value{color:var(--paper-dim);font-family:var(--font-caps);letter-spacing:.04em;align-items:flex-start;font-size:15px;line-height:1;display:flex}.angle-value em{text-align:right;min-width:21px;font-style:normal}.angle-value sup{color:var(--cinnabar-bright);font-family:var(--font-cn);margin:1px 0 0 2px;font-size:7px;line-height:1}.angle-meter{background:#c5a46829;width:56px;height:1px;display:block;position:relative}.angle-meter i{background:linear-gradient(90deg, var(--jade-bright), var(--gold-bright), var(--cinnabar-bright));width:0;height:100%;transition:width .1s linear;display:block}.angle-meter b{background:#f0d7a980;width:1px;height:5px;position:absolute;top:-2px;left:22.2%}.angle-state{color:var(--gold-deep);letter-spacing:.15em}.angle-state.is-revealed{color:var(--cinnabar-bright)}.card-switcher{color:var(--muted);font-family:var(--font-caps);letter-spacing:.14em;align-items:center;gap:10px;font-size:8px;display:flex}.card-count i{color:var(--gold-deep);margin:0 3px;font-style:normal}.mini-arrow{width:24px;height:24px;color:var(--muted);font-family:var(--font-latin);transition:color .35s, border-color .35s, background .35s, transform .4s var(--ease-spring);pointer-events:auto;border:1px solid #cdab6f2e;border-radius:50%;place-items:center;font-size:13px;display:grid}.mini-arrow:hover{color:var(--gold-pale);border-color:var(--line-bright);background:#5c4a292e;transform:scale(1.08)}.card-gesture-hint{color:var(--muted);font-family:var(--font-cn);letter-spacing:.1em;text-align:right;align-items:center;gap:8px;font-size:8px;display:flex}.pinch-icon{border:1px solid #c8a76a66;border-radius:50%;width:16px;height:16px;display:block;position:relative}.pinch-icon i{background:var(--gold);width:6px;height:1px;position:absolute;top:5px}.pinch-icon i:first-child{left:2px;transform:rotate(35deg)}.pinch-icon i:last-child{right:2px;transform:rotate(-35deg)}.fist-hint-icon{border:1px solid #c8a76a66;border-radius:6px;flex:none;width:16px;height:16px;display:block;position:relative}.fist-hint-icon:before{content:"";background:var(--gold);height:1px;position:absolute;top:6px;left:3px;right:3px;box-shadow:0 -3px #c8a76a66}.gallery-footer{left:clamp(286px,22vw,336px)}body[data-page="1"] .cursor-prism{opacity:.62;width:78px;height:78px}body[data-page="1"] .trail-ghost{width:24px;height:24px;-webkit-mask:radial-gradient(circle,#000 12%,#0000 66%);mask:radial-gradient(circle,#000 12%,#0000 66%)}body[data-page="1"] .trail-ghost:before{filter:blur(.25px)saturate(1.15);animation-duration:3.4s}body[data-page="1"] .gesture-cursor:before{width:38px;height:38px}@media (width<=1280px){.gallery-head{width:255px;left:clamp(34px,4.4vw,66px)}.gallery-head .scene-title{font-size:clamp(44px,4.4vw,60px)}.gallery-head .scene-sub{font-size:10px}.card-stage,.card-hud{width:min(60vw,850px);left:65%}.gallery-vertical-type{right:7%}.gallery-seal{right:2.5%}}.scene-ar{background:#060704}.ar-canvas{z-index:1;object-fit:cover;background:radial-gradient(at 50% 38%,#5d4e2d2e,#0000 42%),#070805;width:100%;height:100%;position:absolute;inset:0}.ar-grade{z-index:2;pointer-events:none;background:linear-gradient(90deg,#040503c2 0%,#0405033d 27%,#0000 52%,#0405031a 77%,#0405036e 100%),linear-gradient(#04050375 0%,#0000 50%,#04050324 72%,#040503c4 100%),radial-gradient(circle at 62% 42%,#cb9d5217,#0000 42%);position:absolute;inset:0}.ar-grade:after{content:"";mix-blend-mode:soft-light;background:linear-gradient(118deg,#dbaf640d,#0000 28% 77%,#a43b2612),#c6994b06;position:absolute;inset:0}.ar-grain{z-index:3;opacity:.16;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.ar-vignette{z-index:4;pointer-events:none;background:radial-gradient(at 50% 47%,#0000 36%,#04050336 67%,#040503b8 100%),linear-gradient(#04050375,#0000 22% 72%,#04050385);position:absolute;inset:0}.ar-copy{z-index:8;pointer-events:none;width:min(36vw,470px);position:absolute;top:17%;left:clamp(42px,5.7vw,96px)}.ar-copy .chapter-kicker{letter-spacing:.2em;font-size:8px}.ar-title{white-space:nowrap;text-shadow:0 12px 50px #00000080;margin-top:clamp(14px,2.2vh,22px);font-size:clamp(45px,4.8vw,76px)}.ar-sub{color:#ede3cdcc;text-shadow:0 4px 24px #000c;max-width:345px;margin-top:17px;font-size:11px;line-height:2.05}.ar-side-script{z-index:7;writing-mode:vertical-rl;color:#e7d7b770;font-family:var(--font-cn);letter-spacing:.3em;pointer-events:none;flex-direction:column;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;top:24%;right:clamp(30px,4.4vw,66px)}.ar-side-script i{background:linear-gradient(#0000,#d1b17547,#0000);width:1px;height:20px}.ar-guide{z-index:8;opacity:1;transition:opacity .9s var(--ease-soft), transform 1s var(--ease-silk), filter .9s;pointer-events:none;flex-direction:column;align-items:center;gap:22px;display:flex;position:absolute;top:52%;left:53%;transform:translate(-50%,-50%)}.ar-guide.is-hidden{opacity:0;filter:blur(5px);transform:translate(-50%,-50%)scale(1.06)}.ar-next{z-index:64;min-width:154px;color:var(--paper-dim);cursor:none;pointer-events:auto;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s var(--ease-soft), background .3s var(--ease-soft), transform .3s var(--ease-silk);background:linear-gradient(135deg,#090a07b3,#16120b70);border:1px solid #cbae7647;border-radius:2px;align-items:center;gap:11px;padding:10px 14px;display:flex;position:absolute;bottom:clamp(96px,12vh,128px);right:clamp(22px,3vw,46px)}.ar-next:hover,.ar-next:focus-visible{background:linear-gradient(135deg,#3227149e,#120f0980);border-color:#f6d28cb8;transform:translateY(-2px)}.ar-next-arrow{color:var(--gold);font-family:var(--font-caps);font-size:18px;line-height:1}.ar-next-copy{flex-direction:column;gap:3px;display:flex}.ar-next-copy strong{color:var(--paper);font-family:var(--font-cn);letter-spacing:.16em;font-size:11px;font-weight:400}.ar-next-copy small{color:var(--gold-deep);font-family:var(--font-caps);letter-spacing:.11em;font-size:6.5px}@media (width<=780px){.ar-next{right:16px;bottom:calc(96px + var(--safe-b));min-width:136px;padding:9px 11px}}.frame-demo{aspect-ratio:4/3;background:radial-gradient(circle at 50% 47%,#cbab6d1f,#0000 52%),#07080533;border:1px solid #e7cd9a36;width:clamp(185px,17vw,256px);position:relative;transform:perspective(240px)rotateY(-13deg)skewY(-4deg);box-shadow:0 0 45px #daae640f}.frame-demo:before{content:"";background:linear-gradient(#0000 49.8%,#cbab6d1f 50%,#0000 50.2%),linear-gradient(90deg,#0000 49.8%,#cbab6d1f 50%,#0000 50.2%);position:absolute;inset:0}.frame-demo:after{content:"";background:linear-gradient(90deg,#0000,#e3c1828c,#0000);height:1px;animation:3.9s ease-in-out infinite demo-scan;position:absolute;top:28%;left:8%;right:8%;box-shadow:0 0 13px #e4ba754d}@keyframes demo-scan{0%,to{opacity:0;transform:translateY(0)}20%{opacity:1}50%{opacity:1;transform:translateY(74px)}80%{opacity:0}}.demo-corner{z-index:2;border-color:var(--gold-bright);filter:drop-shadow(0 0 5px #e8c98b59);border-style:solid;width:21px;height:21px;position:absolute}.c-tl{border-width:1px 0 0 1px;top:-1px;left:-1px}.c-tr{border-width:1px 1px 0 0;top:-1px;right:-1px}.c-bl{border-width:0 0 1px 1px;bottom:-1px;left:-1px}.c-br{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.demo-face{border:1px solid #dfc89b4d;border-radius:48% 48% 44% 44%;width:36%;height:54%;position:absolute;top:50%;left:50%;transform:translate(-50%,-47%)}.demo-face:before,.demo-face:after{content:"";background:#dec49399;border-radius:50%;width:3px;height:3px;position:absolute;top:35%}.demo-face:before{left:29%}.demo-face:after{right:29%}.demo-face span{background:#dec4934d;width:1px;height:16%;position:absolute;top:55%;left:50%;transform:translate(-50%)}.demo-face i{background:#dec49366;width:22%;height:1px;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.demo-face b{border:1px solid #b581483b;border-radius:50%;width:33%;height:25%;position:absolute;bottom:27%;left:50%;transform:translate(-50%)}.demo-index{z-index:4;color:#ead8b79e;font-family:var(--font-cn);letter-spacing:.12em;writing-mode:vertical-rl;font-size:7px;position:absolute;top:34%;right:-18px}.demo-index-2{inset:auto auto 16% -19px}.ar-guide p{color:#e9ddc2b8;font-family:var(--font-cn);letter-spacing:.13em;text-shadow:0 3px 15px #000;font-size:9px}.ar-status{top:calc(91px + var(--safe-t));z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0708056b;border:1px solid #d9bb802b;align-items:center;gap:12px;min-width:170px;padding:10px 14px;transition:border-color .5s,background .5s;display:flex;position:absolute;right:clamp(30px,4.4vw,66px)}.ar-status.is-locked{background:#0b0a0694;border-color:#dbbb7e66}.ar-status.is-offline{opacity:0;visibility:hidden}.status-orb{border:1px solid var(--gold-deep);border-radius:50%;flex-shrink:0;width:10px;height:10px;display:block;position:relative}.status-orb:before{content:"";background:var(--gold-deep);border-radius:50%;transition:background .4s,box-shadow .4s;position:absolute;inset:3px}.ar-status.is-locked .status-orb{border-color:var(--gold);box-shadow:0 0 12px #dab26966}.ar-status.is-locked .status-orb:before{background:var(--gold-bright);box-shadow:0 0 9px #f1cf92cc}.ar-status>div{flex-direction:column;gap:2px;display:flex}.ar-status-label{color:var(--gold-deep);font-family:var(--font-caps);letter-spacing:.24em;font-size:6px}.ar-status strong{color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.12em;white-space:nowrap;font-size:9px;font-weight:400}.ar-status.is-locked strong{color:var(--gold-pale)}.ar-camera-btn{z-index:11;color:var(--gold-pale);font-family:var(--font-cn);letter-spacing:.14em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0809069e;border:1px solid #e9cb9075;align-items:center;gap:12px;padding:12px 19px;font-size:10px;transition:border-color .4s,background .4s,box-shadow .4s;display:inline-flex;position:absolute;bottom:128px;left:50%;transform:translate(-50%)}.ar-camera-btn[hidden]{display:none}.ar-camera-btn:hover{border-color:var(--gold-bright);background:#1b180fb3;box-shadow:0 0 30px #cd9d4c21}.ar-camera-glyph{border:1px solid var(--gold);border-radius:2px;width:17px;height:12px;position:relative}.ar-camera-glyph:after{content:"";border:1px solid var(--gold);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ar-face-caption{z-index:9;opacity:0;transition:opacity .55s var(--ease-soft), transform .7s var(--ease-silk);pointer-events:none;border-left:1px solid #d9b7797a;flex-direction:column;gap:5px;padding-left:12px;display:flex;position:absolute;top:27%;left:calc(53% + 160px);transform:translateY(8px)}.ar-face-caption.is-visible{opacity:1;transform:none}.ar-face-caption span{color:var(--gold-pale);font-family:var(--font-cn);letter-spacing:.14em;text-shadow:0 3px 14px #000;font-size:12px}.ar-face-caption em{color:#e6d3af75;font-family:var(--font-caps);letter-spacing:.2em;font-size:6px;font-style:normal}.ar-bottom{left:clamp(42px,5.7vw,96px);right:clamp(30px,4.4vw,66px);bottom:calc(23px + var(--safe-b));z-index:8;color:#d8c9aea3;pointer-events:none;align-items:center;gap:28px;display:flex;position:absolute}.ar-privacy{font-family:var(--font-cn);letter-spacing:.07em;white-space:nowrap;align-items:center;gap:8px;font-size:8px;display:flex}.privacy-eye{color:var(--gold);opacity:.7;font-size:10px}.ar-bottom-center{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.ar-bottom-center span{background:linear-gradient(90deg,#0000,#d3b57b3d);width:clamp(20px,3vw,46px);height:1px}.ar-bottom-center span:last-child{background:linear-gradient(90deg,#d3b57b3d,#0000)}.ar-bottom-center i{border:1px solid #d3b57b5c;width:3px;height:3px;transform:rotate(45deg)}.ar-hint{color:#e8dbbe8f;font-family:var(--font-cn);letter-spacing:.16em;white-space:nowrap;font-size:8px}.ar-index{bottom:calc(58px + var(--safe-b));-webkit-text-stroke-color:#eadabb3d}body[data-page="2"] .chapter-nav .dot-core{border-color:#e8d5b18c}body[data-page="2"] .chapter-dot.is-active .dot-core{background:var(--paper);border-color:var(--paper)}body[data-page="2"] .chapter-nav .nav-line{background:linear-gradient(#0000,#ecdbb838 18% 82%,#0000)}@media (width<=1100px){.ar-copy{width:44vw;top:14.5%;left:5vw}.ar-status{top:94px;right:5vw}.ar-side-script{display:none}}@media (width<=760px){.ar-grade{background:linear-gradient(#04050385 0%,#0000 44%,#0405032e 64%,#040503db 100%)}.ar-copy{width:78vw;top:12.5%;left:24px}.ar-title{white-space:normal;font-size:clamp(36px,10vw,55px)}.ar-sub{max-width:300px;margin-top:10px;font-size:10px}.ar-sub br{display:none}.ar-guide{top:51%;left:50%}.ar-status{min-width:0;padding:8px 11px;top:auto;bottom:92px;right:20px}.ar-status strong{font-size:8px}.ar-face-caption{top:37%;left:auto;right:22px}.ar-bottom{left:22px;right:22px;bottom:calc(17px + var(--safe-b));gap:0}.ar-privacy{font-size:7px}.ar-hint,.ar-bottom-center,.ar-index{display:none}.ar-guide p{font-size:8px}}.scene-cloud{background:radial-gradient(at 51%,#805e2a33,#0000 37%),radial-gradient(at 82% 82%,#3a4d3d2b,#0000 38%),radial-gradient(at 14% 12%,#6d35231a,#0000 40%),linear-gradient(124deg,#070806,#0c0e09 52%,#10120c)}.cloud-bg:before{content:"";opacity:.42;background-image:radial-gradient(1px 1px at 17% 23%,#edd8b099,#0000),radial-gradient(1px 1px at 81% 32%,#edd8b080,#0000),radial-gradient(1px 1px at 44% 82%,#edd8b070,#0000),radial-gradient(1px 1px at 66% 17%,#edd8b052,#0000),radial-gradient(1px 1px at 92% 64%,#edd8b04d,#0000),radial-gradient(1px 1px at 28% 63%,#edd8b042,#0000);background-size:100% 100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 84%);mask-image:radial-gradient(#000,#0000 84%)}.cloud-aura{aspect-ratio:1;filter:blur(30px);background:radial-gradient(circle,#bc8c4129 0%,#79522314 40%,#0000 69%);border-radius:50%;width:min(58vw,720px);animation:9s ease-in-out infinite breathe;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.cloud-haze{filter:blur(50px);background:radial-gradient(#626d511c,#0000 68%);border-radius:50%;width:75vw;height:48vh;animation:22s ease-in-out infinite alternate mist-drift-a;position:absolute;bottom:-23%;left:14%}.cloud-vertical-type{writing-mode:vertical-rl;color:#0000;-webkit-text-stroke:1px #e8d8b811;font-family:var(--font-cn);letter-spacing:.22em;pointer-events:none;font-size:clamp(150px,19vw,310px);line-height:.8;position:absolute;top:19%;right:27%}.cloud-stars{z-index:2;position:absolute;inset:0}.cloud-star{background:#eeddb7a8;border-radius:50%;width:1px;height:1px;animation:5s ease-in-out infinite star-glow;position:absolute;box-shadow:0 0 5px #e9cc9266}.cloud-canvas{z-index:4;pointer-events:auto;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.cloud-hud-ring{z-index:3;aspect-ratio:1;pointer-events:none;opacity:.8;width:min(58vmin,670px);position:absolute;top:51.5%;left:50.5%;transform:translate(-50%,-50%)}.hud-ring{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-ring-outer{border:1px solid #caab6e1c;border-color:#caab6e1c #caab6e1c #caab6e09 #caab6e09;width:100%;height:100%;animation:90s linear infinite slow-spin}.hud-ring-outer:before{content:"";border:1px dashed #caab6e1a;border-radius:50%;position:absolute;inset:7%}.hud-ring-outer:after{content:"";border:1px solid #c3483099;width:6px;height:6px;position:absolute;top:4.6%;left:27%;transform:rotate(45deg);box-shadow:0 0 14px #ae462e33}.hud-ring-inner{border:1px solid #caab6e0f;border-color:#e8cc9633 #caab6e0f #e8cc9629;width:68%;height:68%;animation:44s linear infinite reverse slow-spin}.hud-ring-inner:before{content:"";background:conic-gradient(from 15deg, transparent 0 13%, #dab77766 14%, transparent 15%, transparent 47%, #dab77733 48%, transparent 49%, transparent 100%);opacity:.3;border-radius:50%;position:absolute;inset:-7%;-webkit-mask:radial-gradient(circle,#0000 0 68%,#000 69%);mask:radial-gradient(circle,#0000 0 68%,#000 69%)}.hud-tick{background:#ceae7047;width:1px;height:17px;position:absolute}.t-1{top:0;left:50%}.t-2{top:50%;right:0;transform:rotate(90deg)}.t-3{bottom:0;left:50%}.t-4{top:50%;left:0;transform:rotate(90deg)}.hud-mini-label{color:#caab6e66;font-family:var(--font-caps);letter-spacing:.37em;white-space:nowrap;font-size:6px;position:absolute;bottom:7.3%;left:50%;transform:translate(-50%)}.cloud-head{z-index:8;pointer-events:none;width:min(30vw,370px);position:absolute;top:15.4%;left:clamp(50px,6vw,96px)}.cloud-head .chapter-kicker{letter-spacing:.18em;font-size:8px}.cloud-head .scene-title{white-space:nowrap;margin-top:clamp(13px,2.2vh,22px);font-size:clamp(48px,4.9vw,77px)}.cloud-head .scene-sub{max-width:305px;margin-top:16px;font-size:10.5px;line-height:2.02}.cloud-craft{color:var(--gold-deep);font-family:var(--font-cn);letter-spacing:.18em;align-items:center;gap:9px;margin-top:clamp(14px,2.2vh,22px);font-size:7px;display:flex}.cloud-craft:before{content:"";background:#cfad6f66;width:24px;height:1px}.cloud-head:before{content:"";background:var(--cinnabar-bright);opacity:.55;width:33px;height:1px;margin-bottom:17px;display:block}.cloud-side-meta{z-index:7;writing-mode:vertical-rl;color:#c6a96f61;font-family:var(--font-cn);letter-spacing:.22em;pointer-events:none;flex-direction:column;align-items:center;gap:10px;font-size:8px;display:flex;position:absolute;top:25%;left:3.4vw}.cloud-side-meta i{background:#c6a96f26;width:1px;height:25px}.cloud-readout{top:calc(122px + var(--safe-t));z-index:8;pointer-events:none;flex-direction:column;gap:11px;width:170px;display:flex;position:absolute;right:clamp(50px,6vw,96px)}.readout-block{flex-direction:column;gap:3px;display:flex}.readout-label{color:var(--muted-deep);font-family:var(--font-caps);letter-spacing:.25em;font-size:6px}.readout-block strong{color:var(--paper-dim);font-family:var(--font-cn);letter-spacing:.1em;font-size:10px;font-weight:400;transition:color .4s}.readout-block strong em{color:var(--gold-deep);font-family:var(--font-caps);letter-spacing:.1em;margin-left:4px;font-size:7px;font-style:normal}#cloudCount{color:var(--gold);font-family:var(--font-caps);letter-spacing:.05em;font-size:16px}.readout-rule{background:linear-gradient(90deg,#cead6f2b,#0000);width:100%;height:1px}.control-depth{width:15px;color:var(--gold);font-family:var(--font-latin);opacity:.72;place-items:center;font-size:12px;line-height:1;display:grid}.cloud-controls{left:50%;bottom:calc(64px + var(--safe-b));z-index:8;pointer-events:none;background:linear-gradient(90deg,#0000,#07080557 12% 88%,#0000);border-top:1px solid #ccac7024;border-bottom:1px solid #ccac7017;align-items:center;gap:clamp(12px,2.1vw,30px);padding:11px 18px;display:flex;position:absolute;transform:translate(-50%)}.control-item{color:var(--muted-deep);font-family:var(--font-cn);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:8px;font-size:7.5px;display:flex}.control-item strong{color:var(--muted);font-weight:400}.control-hand{border:1px solid #caab6e2e;border-radius:50%;width:19px;height:19px;display:block;position:relative}.control-hand i{transform-origin:bottom;background:#d6b67880;border-radius:2px;width:1px;height:7px;position:absolute;bottom:4px}.control-hand i:first-child{height:6px;left:5px;transform:rotate(-17deg)}.control-hand i:nth-child(2){height:8px;left:9px}.control-hand i:nth-child(3){height:6px;left:13px;transform:rotate(17deg)}.left-hand{transform:scaleX(-1)}.control-arrow{color:var(--cinnabar-bright);font-family:var(--font-latin);font-size:13px}.control-jump{border-left:1px solid #ccac701a;padding-left:clamp(12px,2vw,26px)}.cloud-tools{top:calc(290px + var(--safe-t));z-index:9;flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:absolute;right:clamp(50px,6vw,96px)}.cloud-tool{color:var(--muted);font-family:var(--font-cn);letter-spacing:.09em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#07080540;border:1px solid #ccac7026;align-items:center;gap:7px;padding:6px 9px;font-size:7.5px;transition:color .35s,border-color .35s,background .35s;display:flex}.cloud-tool:hover{color:var(--gold-pale);background:#17160e80;border-color:#ddbc7e66}.tool-glyph{color:var(--gold);font-family:var(--font-caps);font-size:10px}.cloud-loading{z-index:10;color:var(--muted);font-family:var(--font-cn);letter-spacing:.25em;transition:opacity .7s var(--ease-soft), visibility .7s;pointer-events:none;flex-direction:column;align-items:center;gap:16px;font-size:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cloud-loading.is-hidden{opacity:0;visibility:hidden}.orbit-loader{border:1px solid #caab6e24;border-radius:50%;width:46px;height:46px;display:block;position:relative}.orbit-loader:before{content:"";border:1px solid #0000;border-top-color:var(--gold);border-radius:50%;animation:1.6s linear infinite slow-spin;position:absolute;inset:6px}.orbit-loader:after{content:"";background:var(--cinnabar-bright);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #c45136b3}.cloud-footer{left:clamp(286px,22vw,336px)}.points-readout{font-family:var(--font-caps)}@media (width<=1180px){.cloud-head{width:300px;left:5vw}.cloud-head .scene-title{font-size:52px}.cloud-readout{top:110px;right:4.5vw}.cloud-tools{top:244px;right:4.5vw}.cloud-controls{gap:13px;bottom:60px}.control-item{font-size:7px}.cloud-vertical-type{right:17%}}@media (width<=780px){.cloud-head{width:76vw;top:12.5%;left:24px}.cloud-head .scene-title{font-size:clamp(38px,10.4vw,55px)}.cloud-head .scene-sub{margin-top:10px;font-size:9.5px}.cloud-head .scene-sub br,.cloud-side-meta,.cloud-vertical-type{display:none}.cloud-readout{flex-direction:row;align-items:flex-end;gap:16px;width:auto;inset:auto auto 148px 24px}.cloud-readout .readout-rule{width:1px;height:24px}.readout-block{gap:1px}.readout-label{font-size:5.5px}.readout-block strong{font-size:8.5px}#cloudCount{font-size:13px}.cloud-tools{flex-direction:row;top:auto;bottom:203px;right:20px}.cloud-tool{background:#07080580}.cloud-controls{justify-content:center;gap:9px;padding:8px 4px;bottom:80px;left:20px;right:20px;overflow:hidden;transform:none}.control-item{gap:5px;font-size:6.5px}.control-item strong,.control-jump{display:none}.cloud-hud-ring{opacity:.58;width:76vmin}.cloud-footer{display:none}.cloud-canvas{height:96%;top:-1%}}@media (width<=1320px){.home-layout{grid-template-columns:minmax(320px,.85fr) minmax(370px,1.15fr);gap:24px;padding-left:clamp(46px,5vw,76px);padding-right:clamp(34px,4.2vw,62px)}.hero-title{font-size:clamp(100px,11.5vw,172px)}.mask-arena{height:min(70vh,650px)}.home-side-calligraphy{font-size:40px}.chapter-nav{right:15px}.edge-script{display:none}}@media (width<=1120px){.topbar{grid-template-columns:1fr auto;padding-left:26px;padding-right:26px}.topbar-chapter{display:none}.home-layout{grid-template-columns:minmax(300px,.95fr) minmax(330px,1.05fr);padding:clamp(98px,12vh,122px) 38px 70px 45px}.home-copy{width:min(100%,450px)}.hero-title{font-size:clamp(96px,11.2vw,145px)}.hero-lede{font-size:10.5px;line-height:1.95}.hero-meta{gap:11px}.mask-arena{height:min(65vh,580px)}.caption-name{font-size:15px}.mask-caption{bottom:4%}.home-footer,.gallery-footer,.cloud-footer{left:270px}.camera-dock{width:clamp(168px,16.5vw,214px)}.gallery-head{width:225px;left:42px}.gallery-head .scene-title{font-size:47px}.gallery-head .scene-sub{font-size:9.5px;line-height:2}.card-stage,.card-hud{width:min(60vw,780px);left:66%}}@media (width<=960px){.topbar{padding:calc(14px + var(--safe-t)) 20px 11px}.brand-seal{width:34px;height:34px;font-size:19px}.brand-words strong{font-size:15px}.brand-words em{font-size:6.5px}.chapter-nav{gap:16px;right:12px}.chapter-dot .dot-name{display:none}.chapter-dot.is-active .dot-num{opacity:.48}.camera-dock{width:154px;left:18px;bottom:calc(15px + var(--safe-b))}.dock-meta{letter-spacing:.09em;font-size:7px}.home-layout{grid-template-columns:minmax(290px,.9fr) minmax(300px,1.1fr);gap:12px;padding:100px 30px 62px 36px}.hero-title{font-size:clamp(88px,11.5vw,126px)}.hero-title-en{letter-spacing:.18em;font-size:6.5px}.hero-quote{font-size:18px}.hero-lede{font-size:9.5px;line-height:1.9}.hero-meta{margin-top:14px;padding-top:9px}.meta-item{gap:4px;font-size:7.5px}.home-copy .enter-chapter{margin-top:13px}.mask-arena{height:min(62vh,530px);min-height:360px}.zodiac-ring text{font-size:12px}.mask-hover-hint{display:none}.mask-caption{left:5%}.home-side-calligraphy,.home-footer,.gallery-footer,.cloud-footer{display:none}.scene-index{font-size:40px;bottom:42px;right:28px}.gallery-head{width:205px;top:17%;left:34px}.gallery-head .scene-title{font-size:42px}.gallery-head .scene-sub{font-size:9px}.card-stage{width:min(63vw,680px);top:53%;left:65%}.card-hud{width:min(63vw,680px);bottom:54px;left:65%}.card-name{font-size:38px}.card-type{font-size:8px}.card-poem{font-size:9px}.card-traits span{padding:2px 6px;font-size:6px}.card-back-layout{gap:6%;inset:8% 7%}.back-name{font-size:33px}.back-text{font-size:8.4px;line-height:1.95}.back-quote{font-size:8px}.back-ghost{font-size:160px}.gallery-vertical-type{font-size:150px;right:20%}.gallery-seal,.card-gesture-hint{display:none}.angle-readout{gap:6px}.card-hud{gap:12px}.ar-copy,.cloud-head{top:13.5%}.cloud-controls{bottom:48px}}@media (width<=780px){.topbar{padding:calc(13px + var(--safe-t)) 17px 10px;grid-template-columns:1fr auto}.brand{gap:9px}.brand-seal{width:31px;height:31px;font-size:17px}.brand-words strong{letter-spacing:.17em;font-size:14px}.brand-words em{letter-spacing:.09em;font-size:5.4px}.topbar-actions{gap:6px}.camera-pill{display:none}.sound-button{border-radius:50%;justify-content:center;width:35px;min-width:35px;padding:0}.sound-text{display:none}.sound-bars{gap:2px}.sound-button.is-muted:after{width:13px;margin:0;position:absolute;top:15px;left:11px}.sound-button{position:relative}.icon-button{width:32px;height:31px}.chapter-nav{top:auto;left:50%;right:auto;bottom:calc(13px + var(--safe-b));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07080557;border:1px solid #ccac6f1a;border-radius:30px;flex-direction:row;align-items:center;gap:12px;padding:6px 11px;transform:translate(-50%)}.nav-line{display:none}.chapter-dot{gap:0}.dot-core{width:4px;height:4px}.chapter-dot.is-active .dot-core{transform:scale(1.45)}.dot-num,.dot-name{display:none!important}.scrub-hint{display:none}.home-layout{height:100%;padding:93px 20px 80px;display:block}.home-copy{z-index:7;width:100%;max-width:430px;margin:0 auto;position:relative}.home-copy:before,.home-copy:after{display:none}.kicker,.chapter-kicker{letter-spacing:.13em;gap:8px;font-size:7.5px}.kicker-seal{width:22px;height:22px;font-size:10px}.kicker-muted{letter-spacing:.08em;font-size:6.5px}.hero-title-wrap{margin-top:14px}.title-ordinal{letter-spacing:.25em;margin-bottom:5px;font-size:6px}.hero-title{margin-left:-.05em;font-size:clamp(88px,26vw,146px);line-height:.85}.hero-title-en{letter-spacing:.18em;white-space:normal;margin-top:8px;font-size:6px}.hero-rule{width:min(80%,310px);margin:10px 0}.hero-quote{letter-spacing:.13em;font-size:18px;line-height:1.55}.hero-lede,.hero-meta{display:none}.hero-mobile-note{color:var(--gold-deep);font-family:var(--font-cn);letter-spacing:.09em;margin-top:12px;font-size:7.5px;line-height:1.7;display:block}.home-copy .enter-chapter{margin-top:15px;font-size:9px}.enter-chapter-line{width:32px}.mask-arena{z-index:3;width:min(94vw,460px);height:min(48vh,410px);min-height:265px;margin:0;position:absolute;top:auto;bottom:69px;left:50%;transform:translate(-50%)}.scene.is-current .mask-arena.reveal-fade{opacity:1;filter:none;transform:translate(-50%)}.scene:not(.is-current) .mask-arena.reveal-fade{opacity:0;filter:blur(4px);transform:translate(-50%)scale(.985)}.ring-outer{width:88%}.ring-dashed{width:79%}.ring-inner{width:60%}.zodiac-ring{width:90%}.zodiac-ring text{letter-spacing:.2em;font-size:15px}.mask-image-wrap{height:93%}.arena-mark{font-size:6px;top:4%;right:1%}.mask-caption{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:right;background:#08090638;border-left:0;border-right:1px solid #cbaa6d66;padding:3px 7px 3px 0;bottom:10%;left:auto;right:3%}.caption-index{font-size:6px}.caption-name{font-size:13px}.caption-en{display:none}.mask-hover-hint{padding:5px 6px;font-size:6px;line-height:1.5;display:flex;bottom:0;right:0}.hint-hand{width:13px;height:16px}.mask-arena.is-hovered .mask-hover-hint{opacity:0}.home-footer{display:none}.scene-index{-webkit-text-stroke-color:#e6d5b41f;font-size:30px;bottom:66px;right:17px}.scene-corner{opacity:.32;width:20px;height:20px}.corner-tl,.corner-tr{top:65px}.corner-bl,.corner-br{bottom:52px}.camera-dock{width:118px;left:16px;bottom:calc(76px + var(--safe-b))}body[data-entered=true] .camera-dock{opacity:1;transition-delay:.8s;transform:none}.dock-meta{padding-top:4px;font-size:6px}.dock-meta span:last-child{display:none}.dock-rec{font-size:5px;top:5px;left:6px}.dock-corner{width:8px;height:8px}.dock-fallback button{gap:5px;font-size:7px}.dock-cam-icon{width:19px;height:13px}.gesture-status{left:auto;right:16px;top:calc(72px + var(--safe-t));letter-spacing:.08em;text-align:right;white-space:normal;max-width:210px;padding:5px 8px;font-size:6.5px;bottom:auto;transform:translateY(6px)}.gesture-status.is-visible{transform:none}.gesture-status-line,.hand-page-hotspot{display:none}.hotspot-arrow{font-size:16px}.hotspot-title{font-size:8px}.hotspot-hint{font-size:5.8px}.gallery-head{width:72vw;max-width:330px;top:12.5%;left:21px}.gallery-head:before{width:26px;margin-bottom:10px}.gallery-head .scene-title{white-space:normal;margin-top:10px;font-size:clamp(34px,10.8vw,49px)}.gallery-head .scene-sub,.gallery-vertical-type{display:none}.card-stage{width:min(92vw,570px);top:47%;left:50%;transform:translate(-50%,-50%)}.card-stage.reveal-fade{transform:translate(-50%,-50%)scale(.978)}.scene.is-current .card-stage.reveal-fade{transform:translate(-50%,-50%)}.scene:not(.is-current) .card-stage.reveal-fade{transform:translate(-50%,-50%)scale(.985)}.lenticular-card{border-radius:8px}.lenticular-card:before{border-radius:5px;inset:4px}.frame-outer{border-radius:5px;inset:6px}.frame-inner{border-radius:4px;inset:10px}.corner-flourish{stroke-width:1.2px;width:24px;height:24px}.flourish-tl{top:9px;left:9px}.flourish-tr{top:9px;right:9px}.flourish-bl{bottom:9px;left:9px}.flourish-br{bottom:9px;right:9px}.card-copy{width:58%;top:11%;bottom:9%;left:6.5%}.card-topline{letter-spacing:.08em;gap:5px;font-size:5px}.card-roman{letter-spacing:.12em;font-size:4.6px}.card-name-row{margin-top:8px}.card-name{letter-spacing:.02em;font-size:clamp(26px,8.3vw,38px)}.card-type{letter-spacing:.06em;margin-top:3px;font-size:5.6px}.card-index-big{padding-top:1px;font-size:17px}.card-poem{letter-spacing:.03em;margin-top:auto;font-size:6.2px;line-height:1.65}.card-traits{gap:2px;margin-top:4px}.card-traits span{letter-spacing:0;padding:1px 3px;font-size:4.5px}.card-hintline{display:none}.card-portrait{width:45%;top:-5%;bottom:-5%;right:1%}.portrait-halo{opacity:.55}.card-ghost-char{font-size:100px;bottom:-6%;right:20%}.card-back-layout{grid-template-columns:.67fr 1.33fr;gap:5%;inset:8% 7.5%}.back-left{padding-top:2px;padding-right:9px}.back-overline{letter-spacing:.03em;font-size:4.5px}.back-name{margin-top:8px;font-size:clamp(21px,6.6vw,30px)}.back-subtitle{letter-spacing:.04em;margin-top:4px;font-size:5.2px}.back-line{width:18px;margin-top:7px}.back-quote{letter-spacing:.02em;margin-top:7px;font-size:5.4px;line-height:1.55}.back-right{padding-top:0}.back-text{color:#e6dbc6;letter-spacing:.01em;text-align:left;-webkit-line-clamp:7;-webkit-box-orient:vertical;font-size:clamp(5.6px,1.75vw,7.5px);line-height:1.72;display:-webkit-box;overflow:hidden}.back-foot{letter-spacing:.04em;gap:8px;font-size:4.4px}.back-seal{width:16px;height:16px;font-size:8px}.back-ghost{font-size:85px}.corner-flourish{opacity:.55}.card-hud{left:50%;bottom:calc(76px + var(--safe-b));justify-content:center;gap:17px;width:min(92vw,570px);transform:translate(-50%)}.angle-readout{display:none}.card-switcher{gap:8px;font-size:6.5px}.mini-arrow{width:21px;height:21px;font-size:11px}.card-gesture-hint{gap:5px;font-size:6px;display:flex}.pinch-icon{width:13px;height:13px}.pinch-icon i{width:4px;top:4px}.card-orbit{inset:-5% -2%}.orbit-caption{display:none}.gallery-head:after{content:"倾侧 · 显影";color:var(--gold-deep);font-family:var(--font-cn);letter-spacing:.15em;margin-top:8px;font-size:6px;display:block}.ar-copy{width:76vw;top:11.5%;left:22px}.ar-copy .kicker-muted{display:none}.ar-title{margin-top:10px;font-size:clamp(35px,10.5vw,48px)}.ar-sub{max-width:270px;margin-top:8px;font-size:9px;line-height:1.85}.ar-guide{top:47%}.frame-demo{width:min(48vw,190px)}.ar-guide p{text-align:center;max-width:230px;font-size:7.5px}.ar-status{bottom:calc(76px + var(--safe-b));background:#0708058c;left:22px;right:auto}.ar-bottom{bottom:calc(13px + var(--safe-b))}.ar-privacy{letter-spacing:0;font-size:6px}.ar-privacy .privacy-eye{display:none}.cloud-head{width:76vw;top:11.5%;left:22px}.cloud-head .scene-title{margin-top:9px;font-size:clamp(35px,10.5vw,48px)}.cloud-head .scene-sub{max-width:280px;margin-top:7px;font-size:8.5px;line-height:1.75}.cloud-readout{display:none}.cloud-tools{bottom:calc(172px + var(--safe-b));flex-direction:row;right:20px}.cloud-tool{background:#07080580;padding:5px 7px;font-size:6.5px}.cloud-controls{bottom:calc(77px + var(--safe-b));background:0 0;border:0;flex-wrap:wrap;justify-content:flex-end;gap:7px 11px;width:auto;max-width:calc(100vw - 160px);padding:0;left:auto;right:18px;overflow:visible}.control-item{justify-content:flex-end;gap:5px;font-size:6.5px}.control-item strong{display:none}.cloud-head:after{content:"";z-index:-1;filter:blur(4px);pointer-events:none;background:linear-gradient(100deg,#060705f0 0%,#060705b8 54%,#06070500 100%);position:absolute;inset:-22px -32px -18px -22px}.cloud-hud-ring{opacity:.55;width:82vmin;top:52%}.cloud-canvas{height:100%;top:0}.cloud-loading{top:47%}.scene-cloud .scene-index,.scene-footer{display:none}.modal{padding:13px}.guide-panel{width:100%;max-height:89vh;padding:28px 20px 24px}.guide-panel:before{inset:7px}.modal-close{width:29px;height:29px;font-size:18px;top:12px;right:13px}.guide-panel-kicker{letter-spacing:.19em;font-size:6px}.guide-panel-head h2{margin:12px 0 9px;font-size:30px}.guide-panel-head p{font-size:9px;line-height:1.8}.guide-list{margin:18px 0 16px}.guide-row{grid-template-columns:20px 58px 1fr;gap:10px;padding:13px 0}.guide-num{font-size:7px}.guide-visual{height:51px}.guide-row h3{margin-bottom:2px;font-size:12px}.guide-row p{font-size:8.5px;line-height:1.7}.guide-settings{flex-direction:column;align-items:stretch;gap:14px;padding:14px 0}.switch-row{justify-content:space-between;gap:10px}.guide-setting-actions{justify-content:flex-end}.guide-sources{max-height:148px;font-size:7.5px;overflow:auto}.toast-stack{top:calc(61px + var(--safe-t));width:90vw}.toast{padding:8px 12px;font-size:8.5px}}@media (width<=390px){.hero-title{font-size:88px}.hero-quote{font-size:16px}.mask-arena{height:41vh;min-height:240px;bottom:79px}.mask-hover-hint{display:none}.camera-dock{width:105px;bottom:calc(68px + var(--safe-b))}.card-hud{bottom:calc(67px + var(--safe-b))}.ar-guide{top:45%}.cloud-readout{bottom:calc(127px + var(--safe-b))}.cloud-controls{bottom:calc(62px + var(--safe-b))}.cloud-tools{bottom:calc(174px + var(--safe-b))}}@media (width>=780px) and (height<=820px){.home-layout{padding-top:93px;padding-bottom:56px}.hero-title{font-size:clamp(84px,10vw,120px)}.hero-quote{font-size:18px;line-height:1.5}.hero-lede{font-size:9.5px;line-height:1.88}.hero-rule{margin:9px 0}.hero-meta{margin-top:12px;padding-top:8px}.home-copy .enter-chapter{margin-top:11px}.mask-arena{height:min(67vh,500px);min-height:330px}.caption-name{font-size:14px}.gallery-head{top:22%}.gallery-head .scene-title{font-size:clamp(38px,4vw,51px)}.card-stage{top:50%}.card-hud{bottom:45px}.ar-copy{top:17%}.cloud-head{top:15%}.scene-index{font-size:44px;bottom:49px}.camera-dock{width:clamp(150px,14vw,188px)}}@media (height<=690px) and (width>=780px){.topbar{padding-top:calc(10px + var(--safe-t));padding-bottom:7px}.home-layout{padding-top:76px;padding-bottom:44px}.hero-title{font-size:clamp(76px,9vw,102px)}.hero-lede,.hero-meta{display:none}.hero-quote{font-size:17px}.mask-arena{height:min(70vh,440px);min-height:280px}.gallery-head{top:19%}.gallery-head .scene-sub{display:none}.card-stage{top:48%}.card-hud{bottom:28px}.scene-index{display:none}.camera-dock{width:148px;bottom:14px}.cloud-head .scene-sub{display:none}.cloud-controls{bottom:29px}.ar-copy{top:19%}}@media (pointer:coarse){.trail-ghost:nth-child(n+7){display:none}.ar-camera-btn{padding:9px 12px;font-size:8px;bottom:138px}}@media (prefers-reduced-motion:reduce){.gate-mask,.mask-hover-hint,.zodiac-ring,.hud-ring-outer,.hud-ring-inner,.ring-dashed,.sun-disc span,.mist,.cloud-aura,.cloud-haze{animation:none!important}}@media (width<=780px){.cloud-craft{display:none}.guide-culture{margin-bottom:18px;padding:18px 0}.guide-culture-head{display:block}.guide-culture h3{margin-top:6px;font-size:23px}.guide-culture-grid{grid-template-columns:1fr;gap:12px;margin-top:14px}.guide-culture-grid p{font-size:9px;line-height:1.95}.guide-culture-note{margin-top:14px;font-size:8px;line-height:1.9}.guide-culture-quote{font-size:7.5px}}