:root{color:#191714;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1eadb;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}html{scroll-behavior:smooth;background:#11110f;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body,button,input{font-family:inherit}button{-webkit-tap-highlight-color:transparent}::selection{color:#fff8e9;background:#9f2520}#root{min-height:100vh}.gesture-panel{z-index:70;color:#f1eadc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#0c0a09db;border:1px solid #bf9b5b42;border-radius:.55rem;width:min(21rem,100vw - 1.5rem);max-height:calc(100vh - 2rem);position:fixed;bottom:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem);overflow:hidden auto;box-shadow:0 1rem 3.2rem #00000057}.gesture-panel.is-collapsed{width:3.7rem;height:3.7rem;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:50%;overflow:visible}.gesture-panel__launcher{color:#eee3cf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:3.7rem;height:3.7rem;font:inherit;cursor:pointer;pointer-events:auto;background:#0c0a09e6;border:1px solid #bf9b5b57;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 .65rem 2rem #00000057}.gesture-panel__launcher:hover,.gesture-panel__launcher:focus-visible{color:#fff8e9;background:#18130ff0;border-color:#bf9b5bb8;outline:none}.gesture-panel__launcher>.gesture-panel__status-dot{position:absolute;top:.52rem;right:.52rem}.gesture-panel__launcher>strong{letter-spacing:.06em;font-size:.64rem;font-weight:600}.gesture-panel__launcher-mark{color:#c7a15f;font-size:.74rem;line-height:1;position:absolute;bottom:.24rem;right:.42rem}.gesture-panel small{color:#f1eadc7a;letter-spacing:.14em;text-transform:uppercase;font-size:.58rem;font-weight:700;display:block}.gesture-panel__camera{border-bottom:1px solid #f1eadc14;align-items:center;gap:.65rem;padding:.75rem 3rem .68rem .85rem;display:flex;position:relative}.gesture-panel__collapse{color:#f1eadcb8;width:1.75rem;height:1.75rem;font:inherit;cursor:pointer;pointer-events:auto;background:#ffffff09;border:1px solid #bf9b5b38;border-radius:50%;place-items:center;padding:0;font-size:1rem;line-height:1;display:grid;position:absolute;top:.55rem;right:.55rem}.gesture-panel__collapse:hover,.gesture-panel__collapse:focus-visible{color:#fff8e9;background:#bf9b5b1f;border-color:#bf9b5ba6;outline:none}.gesture-panel__camera strong{letter-spacing:.04em;margin-top:.16rem;font-size:.74rem;font-weight:550;display:block}.gesture-panel__status-dot{background:#6f655b;border-radius:50%;flex:none;width:.5rem;height:.5rem}.gesture-panel__status-dot.is-loading{background:#b59155;animation:1s ease-in-out infinite gesture-status-pulse;box-shadow:0 0 .7rem #b591557a}.gesture-panel__status-dot.is-active{background:#8b7d68}.gesture-panel__status-dot.is-active.has-hand{background:#b9975e;box-shadow:0 0 .7rem #b9975e70}.gesture-panel__status-dot.is-denied,.gesture-panel__status-dot.is-unavailable,.gesture-panel__status-dot.is-error{background:#9c4942}.gesture-panel__reading{grid-template-columns:1fr auto;align-items:end;gap:.7rem;padding:.78rem .85rem;display:grid}.gesture-panel__reading>div{min-width:0}.gesture-panel__reading strong{color:#d0ab69;font-family:var(--kai,serif);margin-top:.16rem;font-size:1.08rem;font-weight:500;display:inline-block}.gesture-panel__reading span{color:#f1eadc73;margin-left:.5rem;font-size:.62rem}.gesture-panel__reading p{color:#f1eadca3;letter-spacing:.05em;white-space:nowrap;margin:0 0 .08rem;font-size:.66rem}.gesture-panel__reading p.is-hovering,.gesture-panel__reading p.is-confirming{color:#d0ab69}.gesture-panel__reading p.is-confirmed{color:#c97167}.gesture-panel__reading p.is-cooldown{opacity:.52}.gesture-panel__progress{padding:0 .85rem .75rem}.gesture-panel__progress>div{color:#f1eadcad;justify-content:space-between;margin-bottom:.38rem;font-size:.62rem;display:flex}.gesture-panel__progress>div strong{color:#d0ab69}.gesture-panel__progress>i{background:#f1eadc1a;height:.2rem;display:block;overflow:hidden}.gesture-panel__progress b{background:linear-gradient(90deg,#9b7a43,#b75950);height:100%;transition:width 70ms linear;display:block}.gesture-panel__available{background:#ffffff06;border-top:1px solid #f1eadc14;border-bottom:1px solid #f1eadc14;padding:.68rem .85rem}.gesture-panel__available ul{flex-wrap:wrap;gap:.38rem;margin:.48rem 0 0;padding:0;list-style:none;display:flex}.gesture-panel__available li{background:#b9975e0d;border:1px solid #b9975e2e;align-items:center;gap:.35rem;padding:.28rem .42rem;font-size:.62rem;display:flex}.gesture-panel__available li strong{color:#d0ab69;font-weight:600}.gesture-panel__available li span{color:#f1eadc9e}.gesture-panel__available>p{color:#f1eadc75;margin:.48rem 0 0;font-size:.58rem}.gesture-panel__footer{align-items:center;gap:.65rem;padding:.65rem .85rem;display:flex}.gesture-panel__footer button{color:#eee3cf;min-height:1.9rem;font:inherit;cursor:pointer;pointer-events:auto;background:#b9975e14;border:1px solid #b9975e52;border-radius:.24rem;flex:none;padding:.34rem .58rem;font-size:.64rem}.gesture-panel__footer button:hover:not(:disabled),.gesture-panel__footer button:focus-visible{color:#fff8e9;background:#b9975e29;border-color:#b9975eb8;outline:none}.gesture-panel__footer button:disabled{cursor:wait;opacity:.55}.gesture-panel__footer p{color:#f1eadc61;margin:0;font-size:.56rem;line-height:1.4}@keyframes gesture-status-pulse{50%{opacity:.42;transform:scale(.76)}}@media (width<=680px){.gesture-panel.is-expanded{width:min(18rem,100vw - 1.1rem);max-height:min(42vh,19rem);top:auto;bottom:.55rem;right:.55rem}.gesture-panel.is-collapsed{width:3.45rem;height:3.45rem;top:auto;bottom:.65rem;right:.65rem}.gesture-panel__launcher{width:3.45rem;height:3.45rem}.gesture-panel__camera,.gesture-panel__reading,.gesture-panel__footer{padding:.58rem .68rem}.gesture-panel__camera{padding-right:2.8rem}.gesture-panel__reading{grid-template-columns:1fr;gap:.18rem}.gesture-panel__reading p{white-space:normal}.gesture-panel__available,.gesture-panel__footer p{display:none}}@media (width>=681px) and (width<=1100px){.gesture-panel.is-expanded{top:5.4rem;bottom:auto}}@media (prefers-reduced-motion:reduce){.gesture-panel__status-dot,.gesture-panel__progress b{transition:none;animation:none}}.particle-mask{isolation:isolate;border-radius:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 45%,#761d1721,#0000 38%),radial-gradient(circle at 50% 62%,#ebdcbc0b,#0000 44%);width:100%;min-height:28rem;position:relative;overflow:hidden}.particle-mask:active{cursor:grabbing}.particle-mask--hero{background:radial-gradient(circle at 50% 46%,#891c161c,#0000 34%),radial-gradient(circle at 50% 75%,#ebdcbc09,#0000 45%);min-height:clamp(31rem,64vh,47rem)}.particle-mask--deconstruct{min-height:clamp(27rem,56vh,40rem)}.particle-mask--branch{background:#0c0a098c;border:1px solid #decfb21a;min-height:22rem}.particle-mask--result{min-height:clamp(27rem,56vh,39rem)}.particle-mask__canvas,.particle-mask__canvas canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.particle-mask__canvas{z-index:1}.particle-mask__fallback{z-index:1;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.particle-mask-fallback-image{object-fit:contain;width:min(76%,31rem);max-height:88%;display:block}.particle-mask__gesture-note{z-index:7;color:#f1e8d6c7;letter-spacing:.08em;pointer-events:none;background:#0d0a09a3;border:1px solid #ecddc21f;border-radius:99rem;margin:0;padding:.35rem .7rem;font-size:.7rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.particle-mask__hint{z-index:5;color:#ebe0cc6e;letter-spacing:.05em;pointer-events:none;max-width:calc(100% - 2rem);margin:0;font-size:.65rem;line-height:1.55;position:absolute;bottom:1rem;left:1rem}.particle-mask:has(.gesture-panel) .particle-mask__hint{bottom:6.8rem}.particle-mask--compact{min-height:19rem}.particle-mask--compact .particle-mask__hint{display:none}@media (width<=680px){.particle-mask,.particle-mask--hero,.particle-mask--deconstruct,.particle-mask--result{min-height:min(68vh,35rem)}.particle-mask--branch,.particle-mask--compact{min-height:18rem}.particle-mask:has(.gesture-panel) .particle-mask__hint{display:none}}@media (prefers-reduced-motion:reduce){.particle-mask{scroll-behavior:auto}}.character-choice{border-top:1px solid #332d262e;gap:18px;margin-top:28px;padding-top:24px;display:grid}.character-choice__heading>span,.character-choice>span{color:var(--red);letter-spacing:.18em;font-size:10px;font-weight:700}.character-choice h2{font-family:var(--kai);margin:6px 0 4px;font-size:clamp(24px,2.3vw,34px);font-weight:500;line-height:1.22}.character-choice p{max-width:520px;color:var(--muted);margin:0;font-size:12px;line-height:1.75}.character-choice__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.character-choice__options button{min-height:142px;color:var(--ink);text-align:left;cursor:pointer;background:#fffcf473;border:1px solid #2e271f33;gap:7px;padding:18px;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid}.character-choice__options button:hover,.character-choice__options button:focus-visible,.character-choice__options button.is-previewed{color:#fff8e9;border-color:var(--red);background:var(--red);outline:none;transform:translateY(-2px)}.character-choice__options button[data-gesture-hovered=true]{color:#fff8e9;outline-offset:3px;background:radial-gradient(circle at 50% 22%,#cfad6942,#0000 64%),#3e2d1aeb;border-color:#b58e50;outline:1px solid #b58e5070;transform:translateY(-2px);box-shadow:0 0 0 1px #b58e5029,0 0 1.6rem #b58e5033}.character-choice__options button>span{font-family:var(--kai);font-size:32px;line-height:1}.character-choice__options strong{letter-spacing:.08em;font-size:12px}.character-choice__options small{color:inherit;opacity:.66;font-size:10px;line-height:1.55}.character-choice--progress,.character-choice--complete{align-content:start}.character-choice__meter{background:#342c2324;width:min(420px,100%);height:4px;overflow:hidden}.character-choice__meter i{background:var(--red);height:100%;transition:width .12s linear;display:block}.character-choice--progress>strong{color:#72685c;letter-spacing:.08em;font-size:10px}.character-choice__actions{align-items:center;gap:18px;display:flex}@media (width<=520px){.character-choice__options{grid-template-columns:1fr}.character-choice__options button{min-height:116px}.character-choice__actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.character-choice__options button,.character-choice__meter i{transition:none}}.gesture-cursor{--gesture-cursor-color:#f8f3e994;z-index:80;pointer-events:none;opacity:0;filter:drop-shadow(0 0 .42rem #fff8eb2e);-webkit-user-select:none;user-select:none;width:.8rem;height:.8rem;transition:opacity .16s,filter .16s;position:fixed;top:0;left:0}.gesture-cursor.is-visible{opacity:.72}.gesture-cursor__dot,.gesture-cursor__outer,.gesture-cursor__ripple,.gesture-cursor__progress,.gesture-cursor__confirmation{pointer-events:none;position:absolute;top:50%;left:50%}.gesture-cursor__dot{background:var(--gesture-cursor-color);width:.58rem;height:.58rem;box-shadow:0 0 .5rem var(--gesture-cursor-color);border-radius:50%;transition:width .15s,height .15s,background .15s;transform:translate(-50%,-50%)}.gesture-cursor__outer{border:1px solid var(--gesture-cursor-color);opacity:.22;border-radius:50%;width:1.45rem;height:1.45rem;transition:opacity .16s,transform .16s,border-color .16s;transform:translate(-50%,-50%)scale(.7)}.gesture-cursor.is-targeted{--gesture-cursor-color:#c09a5b;opacity:.96;filter:drop-shadow(0 0 .55rem #c09a5b57)}.gesture-cursor.is-pinching .gesture-cursor__dot{width:.42rem;height:.42rem}.gesture-cursor.is-pinching .gesture-cursor__outer{opacity:.88;transform:translate(-50%,-50%)scale(.76)}.gesture-cursor.is-hovering .gesture-cursor__dot{width:.72rem;height:.72rem}.gesture-cursor.is-hovering .gesture-cursor__outer{opacity:.82;transform:translate(-50%,-50%)scale(1)}.gesture-cursor.is-hovering.is-pinching .gesture-cursor__dot{width:.42rem;height:.42rem}.gesture-cursor.is-hovering.is-pinching .gesture-cursor__outer{opacity:.88;transform:translate(-50%,-50%)scale(.76)}.gesture-cursor__progress{opacity:0;width:2.45rem;height:2.45rem;transition:opacity .1s;overflow:visible;transform:translate(-50%,-50%)rotate(-90deg)}.gesture-cursor__progress circle{fill:none;stroke-width:1.8px}.gesture-cursor__progress-track{stroke:#f1eadc29}.gesture-cursor__progress-value{stroke:#c09a5b;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset 70ms linear}.gesture-cursor.is-confirming,.gesture-cursor.is-confirming .gesture-cursor__progress{opacity:1}.gesture-cursor__ripple{opacity:0;border:1px solid #b75950db;border-radius:50%;width:1rem;height:1rem;transform:translate(-50%,-50%)scale(.5)}.gesture-cursor.is-confirmed{--gesture-cursor-color:#bd675e;opacity:1}.gesture-cursor.is-confirmed .gesture-cursor__ripple{animation:.42s ease-out both gesture-cursor-ripple}.gesture-cursor__confirmation{color:#d98276;font-family:var(--kai,serif);letter-spacing:.12em;opacity:0;font-size:.68rem;top:1rem;transform:translate(-50%,.35rem)}.gesture-cursor.is-confirmed .gesture-cursor__confirmation{opacity:1;transition:opacity .12s,transform .16s;transform:translate(-50%)}.gesture-cursor.is-cooldown{opacity:.28;filter:none}.gesture-cursor.is-scrolling{opacity:.32;filter:none}.gesture-cursor__label{color:#f3ead9;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a09cc;border:1px solid #c09a5b4d;border-radius:.24rem;gap:.12rem;min-width:max-content;padding:.38rem .48rem;transition:opacity .15s,transform .15s;display:grid;position:absolute;top:1rem;left:1rem;transform:translateY(.25rem);box-shadow:0 .6rem 1.6rem #00000038}.gesture-cursor.is-hovering .gesture-cursor__label,.gesture-cursor.is-confirming .gesture-cursor__label,.gesture-cursor.is-confirmed .gesture-cursor__label{opacity:1;transform:translateY(0)}.gesture-cursor__label strong{color:#d2ad6b;font-family:var(--kai,serif);font-size:.78rem;font-weight:500}.gesture-cursor__label small{color:#f3ead98f;letter-spacing:.08em;font-size:.54rem}@keyframes gesture-cursor-ripple{0%{opacity:.9;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}}[data-gesture-target][data-gesture-hovered=true]{outline-offset:3px;outline:1px solid #c09a5bc7;box-shadow:0 0 0 1px #c09a5b29,0 0 1.35rem #c09a5b29}.gesture-scroll-feedback{z-index:86;color:#efe6d5;letter-spacing:.08em;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0a09c7;border:1px solid #c09a5b6b;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .7rem;font-size:.68rem;animation:.48s ease-out both gesture-scroll-feedback;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 .7rem 2rem #0000003d}.gesture-scroll-feedback.is-down{bottom:1.1rem}.gesture-scroll-feedback.is-up{top:1.1rem}.gesture-scroll-feedback i{color:#c09a5b;font-size:.9rem;font-style:normal}@keyframes gesture-scroll-feedback{0%{opacity:0;transform:translate(-50%,.45rem)}24%,72%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-.25rem)}}@media (prefers-reduced-motion:reduce){.gesture-cursor,.gesture-cursor__dot,.gesture-cursor__outer,.gesture-cursor__progress-value,.gesture-cursor__label,.gesture-cursor__confirmation{transition:none}.gesture-cursor.is-confirmed .gesture-cursor__ripple{opacity:.85;animation:none;transform:translate(-50%,-50%)scale(1.5)}.gesture-scroll-feedback{animation:none}}.theatre-space{z-index:0;perspective:88rem;pointer-events:none;background:#030303;position:fixed;inset:0;overflow:hidden}.theatre-space__camera{transform:translate3d(var(--theatre-view-x), var(--theatre-view-y), 0) rotateY(var(--theatre-view-turn)) rotateX(var(--stage-pitch,0deg)) scale(var(--theatre-view-scale));transform-style:preserve-3d;transform-origin:50% 45%;transition:transform 1.15s cubic-bezier(.2,.72,.18,1);position:absolute;inset:-4%}.theatre-space__layer,.theatre-space__architecture,.theatre-space__foreground{position:absolute;inset:0}.theatre-space__layer{will-change:transform;background-repeat:no-repeat}.theatre-space__backdrop{filter:grayscale(.88)sepia(.24)brightness(.16)contrast(1.38);opacity:.42;transform:translate3d(var(--stage-far-x,0), var(--stage-far-y,0), -7.5rem) scale(1.16);background-position:50% 56%;background-size:cover}.theatre-space__facade{filter:grayscale(.72)sepia(.45)brightness(.2)contrast(1.5);opacity:.34;transform:translate3d(var(--stage-mid-x,0), var(--stage-mid-y,0), -2.5rem) scale(1.08);background-position:50% 28%;background-size:cover;-webkit-mask-image:radial-gradient(78% 64% at 50% 42%,#000 22%,#0000 78%);mask-image:radial-gradient(78% 64% at 50% 42%,#000 22%,#0000 78%)}.theatre-space__roof{filter:grayscale(.68)sepia(.62)brightness(.22)contrast(1.42);opacity:.5;transform:translate3d(var(--stage-mid-x,0), var(--stage-near-y,0), 1.4rem) scale(1.08);background-position:50% 46%;background-size:cover;bottom:48%;-webkit-mask-image:linear-gradient(#000 0 62%,#0000 100%);mask-image:linear-gradient(#000 0 62%,#0000 100%)}.theatre-space__architecture{transform:translate3d(var(--stage-mid-x,0), var(--stage-mid-y,0), 2.5rem) rotateY(var(--stage-yaw,0deg));transform-style:preserve-3d;will-change:transform}.theatre-space__beam{background:linear-gradient(180deg, #97704440, #130d09f0), var(--theatre-facade-texture) 50% 28% / 120% auto;border:1px solid #a57d4e2e;width:86%;height:clamp(.9rem,2.1vw,2.25rem);position:absolute;left:7%;box-shadow:0 .8rem 2.2rem #000000b8,inset 0 1px #deb67d24}.theatre-space__beam--top{top:12.5%}.theatre-space__beam--middle{opacity:.78;width:74%;top:23%;left:13%}.theatre-space__bracket{opacity:.9;background:repeating-linear-gradient(135deg,#0000 0 11%,#7d5b3733 12% 18%,#0000 19% 31%);border-bottom:clamp(.7rem,1.2vw,1.25rem) solid #3d2819eb;width:clamp(6rem,11vw,11rem);height:clamp(4.5rem,8vw,8rem);position:absolute;top:14.5%}.theatre-space__bracket--left{clip-path:polygon(0 0,100% 0,77% 68%,56% 68%,42% 100%,22% 68%,0 68%);left:15%}.theatre-space__bracket--right{clip-path:polygon(0 0,100% 0,100% 68%,78% 68%,58% 100%,44% 68%,23% 68%);right:15%}.theatre-space__plaque{z-index:4;background:linear-gradient(110deg, #d29d5c59, #4b2b17d1), var(--theatre-facade-texture) 50% 31% / 180% auto;color:#e1c99fd6;width:clamp(13.5rem,24vw,22rem);min-height:clamp(3.8rem,6.7vw,6.2rem);font-family:var(--kai);letter-spacing:.22em;text-indent:.22em;text-shadow:0 2px 1px #130d09,0 0 1rem #deb26a1f;transform:translate3d(-50%, var(--stage-mid-y,0), 5rem) rotateY(var(--stage-yaw,0deg));border:clamp(.3rem,.55vw,.6rem) double #4a2b17f2;place-items:center;font-size:clamp(1.55rem,3vw,2.9rem);display:grid;position:absolute;top:clamp(4.8rem,9.5vh,7.5rem);left:50%;box-shadow:0 1.4rem 3.5rem #000000d1,inset 0 0 1.4rem #edb76d24}.theatre-space__column-texture{filter:grayscale(.72)sepia(.55)brightness(.18)contrast(1.5);opacity:.5;transform:translate3d(var(--stage-near-x,0), var(--stage-near-y,0), 5.5rem) scale(1.09);background-position:50% 45%;background-size:cover;-webkit-mask-image:linear-gradient(90deg,#000 0 12%,#0000 24% 76%,#000 88% 100%);mask-image:linear-gradient(90deg,#000 0 12%,#0000 24% 76%,#000 88% 100%)}.theatre-space__foreground{transform:translate3d(var(--stage-near-x,0), var(--stage-near-y,0), 8rem);transform-style:preserve-3d;will-change:transform}.theatre-space__column{opacity:.88;background:linear-gradient(90deg,#070504,#2a1b12 20%,#593923 44%,#23160f 73%,#050403);border-left:1px solid #0c0806e6;border-right:1px solid #b68b5529;border-radius:48% 48% 18% 18%/2% 2% 1% 1%;width:clamp(1.8rem,4.2vw,4.4rem);display:block;position:absolute;top:7%;bottom:-5%;box-shadow:0 0 2.5rem #000000c7,inset .4rem 0 #a4714112}.theatre-space__column:before,.theatre-space__column:after{content:"";background:#17100b;border:1px solid #89623938;width:145%;position:absolute;left:50%;transform:translate(-50%)}.theatre-space__column:before{clip-path:polygon(0 0,100% 0,83% 100%,17% 100%);height:2.2rem;top:15%}.theatre-space__column:after{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);height:3rem;bottom:0}.theatre-space__column--left{left:-.4%}.theatre-space__column--right{right:-.4%}.theatre-space__column--inner-left,.theatre-space__column--inner-right{opacity:.48;width:clamp(1rem,2.2vw,2.3rem);transform:translateZ(-3rem)}.theatre-space__column--inner-left{left:13%}.theatre-space__column--inner-right{right:13%}.theatre-space__light{mix-blend-mode:screen;background:radial-gradient(40% 48% at 50% 39%,#bf9f6716,#0000 72%),linear-gradient(90deg,#000000a8,#0000 24% 76%,#000000a8);position:absolute;inset:0}.theatre-space__vignette{background:radial-gradient(68% 68% at 50% 46%,#0000 28%,#0000008a 78%,#020202 100%),linear-gradient(#00000075,#0000 28% 76%,#000000c7);position:absolute;inset:-1px}@media (width<=820px){.theatre-space__beam{width:96%;left:2%}.theatre-space__beam--middle{width:84%;left:8%}.theatre-space__plaque{top:7.8rem}.theatre-space__column--inner-left{left:8%}.theatre-space__column--inner-right{right:8%}}@media (width<=520px){.theatre-space__facade{opacity:.25}.theatre-space__roof{opacity:.38}.theatre-space__plaque{width:11.5rem;min-height:3.2rem;top:6.6rem}.theatre-space__column--inner-left,.theatre-space__column--inner-right{display:none}}@media (prefers-reduced-motion:reduce){.theatre-space__camera,.theatre-space__layer,.theatre-space__architecture,.theatre-space__foreground,.theatre-space__plaque{transition:none}}:root{--ink:#191714;--muted:#6d665c;--paper:#f1eadb;--paper-deep:#e3d7c1;--ivory:#fbf6e9;--red:#9f2520;--red-dark:#6f1715;--gold:#b5904d;--teal:#456969;--night:#11110f;--night-soft:#1d1d19;--line:#1f1c172b;--serif:"Songti SC", SimSun, "Noto Serif CJK SC", serif;--kai:"STKaiti", KaiTi, "Kaiti SC", serif;--sans:"Microsoft YaHei", "PingFang SC", system-ui, sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{background:linear-gradient(90deg, transparent 49.96%, #312c2409 50%), var(--paper);min-height:100svh;color:var(--ink)}.topbar{z-index:50;min-height:78px;color:var(--ivory);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#11110ff5;border-bottom:1px solid #f7f1e021;grid-template-columns:minmax(190px,.8fr) minmax(430px,1.7fr) minmax(120px,.55fr);align-items:center;gap:28px;padding:10px clamp(22px,4vw,68px);display:grid;position:sticky;top:0}.brand-lockup{font-family:var(--kai);letter-spacing:.12em;white-space:nowrap;align-items:center;gap:12px;font-size:20px;line-height:1.05;display:flex}.brand-lockup small{color:#fbf6e985;font-family:var(--sans);letter-spacing:.2em;margin-top:5px;font-size:8px;display:block}.brand-seal{background:var(--red);color:#fff5e5;letter-spacing:0;border:1px solid #fbf6e9a6;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.journey-progress{justify-content:center;align-items:center;gap:clamp(12px,2.1vw,30px);display:flex}.journey-progress span{color:#fbf6e954;font-family:var(--kai);letter-spacing:.08em;white-space:nowrap;gap:2px;font-size:13px;transition:color .24s;display:grid;position:relative}.journey-progress span:after{content:"";opacity:.45;background:currentColor;width:clamp(5px,.7vw,10px);height:1px;position:absolute;top:50%;right:calc(-1*clamp(8px,1.3vw,19px))}.journey-progress span:last-child:after{display:none}.journey-progress i{font-family:var(--sans);letter-spacing:.12em;font-size:8px;font-style:normal}.journey-progress .is-current{color:#fff7e8}.journey-progress .is-current i{color:#e5b762}.journey-progress .is-complete{color:#fbf6e9ad}.sound-toggle{color:#fbf6e9b8;cursor:pointer;background:0 0;border:0;justify-self:end;align-items:center;gap:9px;min-height:42px;padding:5px 9px 5px 6px;font-size:11px;display:inline-flex}.sound-toggle span{width:31px;height:31px;color:var(--ivory);font-family:var(--kai);border:1px solid #fbf6e957;border-radius:50%;place-items:center;font-size:14px;display:grid}.sound-toggle[aria-pressed=true] span{border-color:var(--gold);background:var(--gold);color:var(--night)}main{min-height:calc(100svh - 78px)}.screen{min-height:calc(100svh - 78px);padding:clamp(56px,7vw,104px) clamp(22px,6vw,96px);position:relative;overflow:hidden}.screen-heading{text-align:center;width:min(850px,100%);margin:0 auto clamp(42px,5vw,72px)}.screen-heading h1{color:var(--ink);font-family:var(--kai);letter-spacing:.03em;margin:12px 0 18px;font-size:clamp(42px,5.2vw,76px);font-weight:500;line-height:1.1}.screen-heading h1:focus{outline:none}.screen-heading>p:last-child{color:var(--muted);font-size:clamp(15px,1.5vw,18px);line-height:1.9}.light-heading h1{color:var(--ivory)}.light-heading>p:last-child{color:#fbf6e9a3}.eyebrow{color:var(--red);letter-spacing:.26em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.light-heading .eyebrow,.spirit-copy .eyebrow{color:#d7ad64}.primary-button,.secondary-button,.text-button{cursor:pointer;border:0;min-height:48px;transition:transform .18s,background .18s,color .18s,border-color .18s}.primary-button{background:var(--red);color:#fff8e9;letter-spacing:.04em;text-align:left;justify-content:space-between;align-items:center;gap:28px;min-width:210px;padding:13px 16px 13px 20px;font-size:14px;display:inline-flex}.primary-button i{border:1px solid #ffffff6b;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.primary-button:hover:not(:disabled){background:var(--red-dark);transform:translateY(-2px)}.primary-button.ivory{background:var(--ivory);color:var(--night)}.primary-button.ivory:hover:not(:disabled){background:#fff}.primary-button.ivory i{border-color:#12110f59}.secondary-button{border:1px solid var(--line);color:var(--ink);background:0 0;padding:12px 21px}.secondary-button:hover:not(:disabled){border-color:var(--red);color:var(--red)}.text-button{min-width:44px;color:var(--muted);background:0 0;padding:10px 4px;font-size:13px}.text-button:hover:not(:disabled){color:var(--red)}.text-button.light{color:#fbf6e9a6}.text-button.light:hover:not(:disabled){color:#fff}.screen-actions{justify-content:space-between;align-items:center;gap:20px;margin-top:32px;display:flex}.centered-actions{width:min(820px,100%);margin:46px auto 0}.hero-screen{background:linear-gradient(90deg, #eee5d1fa 0 49.8%, transparent 49.8%), var(--night);grid-template-columns:minmax(340px,.9fr) minmax(460px,1.1fr);align-items:center;gap:clamp(30px,6vw,100px);min-height:calc(100svh - 78px);padding-top:clamp(46px,5vw,74px);display:grid}.hero-screen:before{content:"";background:#f4e8cf2e;width:1px;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.hero-copy{z-index:2;justify-self:end;width:min(570px,100%);position:relative}.hero-copy h1{color:var(--ink);font-family:var(--kai);letter-spacing:.03em;margin:18px 0 14px;font-size:clamp(70px,9.2vw,142px);font-weight:500;line-height:.84}.hero-copy h1:focus{outline:none}.hero-copy h1 span{color:var(--red);margin-left:-.08em;display:block}.hero-question{font-family:var(--kai);margin:28px 0 14px;font-size:clamp(22px,2.2vw,30px)}.hero-intro{color:#484239;max-width:510px;margin:0;font-size:clamp(16px,1.45vw,19px);font-weight:600;line-height:1.8}.hero-body{max-width:520px;color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.9}.hero-actions{align-items:center;gap:22px;margin-top:34px;display:flex}.hero-actions>span{color:#81796d;font-size:11px}.hero-visual{--spot-x:54%;--spot-y:36%;z-index:1;isolation:isolate;place-items:center;min-height:min(720px,100svh - 130px);display:grid;position:relative}.hero-visual:after{z-index:8;background:radial-gradient(circle 230px at var(--spot-x) var(--spot-y), transparent 0, #11110f1f 50%, #11110fe0 100%);content:"";pointer-events:none;transition:background-position .1s;position:absolute;inset:-30px}.hero-visual>p{z-index:9;color:#f4ebd861;letter-spacing:.12em;writing-mode:vertical-rl;margin:0;font-size:10px;position:absolute;bottom:4px;right:12px}.hero-visual .opera-mask{filter:drop-shadow(0 35px 42px #0000008c);transform:scale(1.08)}.halo-ring{border:1px solid #e5bb6726;border-radius:50%;position:absolute}.halo-ring-one{width:590px;height:590px}.halo-ring-two{border-style:dashed;width:710px;height:710px;animation:55s linear infinite slow-spin}.floating-word{z-index:2;color:#f7eeda33;font-family:var(--kai);font-size:54px;position:absolute}.word-one{top:20%;left:7%}.word-two{top:42%;right:5%}.word-three{bottom:14%;left:12%}.scroll-cue{z-index:4;color:#f7eeda66;letter-spacing:.18em;align-items:center;gap:9px;font-size:9px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.scroll-cue span{background:currentColor;width:34px;height:1px}.opera-mask{--mask-size:430px;width:var(--mask-size);height:calc(var(--mask-size) * 1.18);position:relative}.mask-face{z-index:3;background:radial-gradient(circle at 50% 22%,#fffffff5,#0000 36%),linear-gradient(90deg,#d9d1bf 0,#fcf5e6 47%,#e2d9c6 100%);border:7px solid #161512;border-radius:48% 48% 45% 45%/42% 42% 57% 57%;width:78%;height:92%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 18px 0 28px #493e2d1c,inset -18px 0 28px #493e2d1a}.mask-ear{z-index:1;background:#a72620;border:6px solid #151411;border-radius:45%;width:18%;height:30%;position:absolute;top:38%}.mask-ear-left{left:4%;transform:rotate(-12deg)}.mask-ear-right{right:4%;transform:rotate(12deg)}.mask-forehead-mark{background:var(--red);clip-path:polygon(50% 0,100% 45%,70% 72%,50% 100%,30% 72%,0 45%);width:34%;height:36%;position:absolute;top:-1%;left:50%;transform:translate(-50%)}.mask-forehead-mark:after{content:"";background:#171613;border-radius:50% 50% 35% 35%;width:36%;height:52%;position:absolute;top:21%;left:50%;transform:translate(-50%)}.mask-brow{z-index:3;border-top:18px solid #161512;border-radius:50%;width:37%;height:11%;position:absolute;top:31%}.mask-brow-left{left:9%;transform:rotate(13deg)}.mask-brow-right{right:9%;transform:rotate(-13deg)}.mask-eye{z-index:4;width:27%;height:8%;box-shadow:0 -8px 0 var(--red);background:#f8e8cb;border:5px solid #171613;border-radius:50% 22%;position:absolute;top:39%}.mask-eye:after{aspect-ratio:1;content:"";background:#111;border-radius:50%;width:25%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mask-eye-left{left:14%;transform:rotate(4deg)}.mask-eye-right{right:14%;transform:rotate(-4deg)scaleX(-1)}.mask-cheek{z-index:2;border:7px solid var(--red);opacity:.9;border-radius:55% 35% 60% 40%;width:34%;height:29%;position:absolute;top:48%}.mask-cheek-left{border-right-width:17px;left:5%;transform:rotate(-18deg)}.mask-cheek-right{border-left-width:17px;right:5%;transform:rotate(18deg)scaleX(-1)}.mask-nose{z-index:5;border-bottom:12px solid #171613;border-left:9px solid #171613;border-right:9px solid #171613;border-radius:0 0 50% 50%;width:18%;height:35%;position:absolute;top:41%;left:50%;transform:translate(-50%)}.mask-nose span{background:var(--gold);width:5px;height:73%;position:absolute;top:-2%;left:50%;transform:translate(-50%)}.mask-mouth{z-index:5;border-top:8px solid #171613;border-bottom:5px solid var(--red);border-radius:50%;width:29%;height:8%;position:absolute;bottom:17%;left:50%;transform:translate(-50%)}.mask-beard{z-index:6;justify-content:center;width:55%;height:34%;display:flex;position:absolute;bottom:-10%;left:50%;transform:translate(-50%)}.mask-beard i{clip-path:polygon(15% 0,90% 0,55% 100%);background:#171613;border-radius:0 0 80% 80%;width:15%;height:100%}.mask-beard i:first-child,.mask-beard i:nth-child(5){height:74%}.mask-beard i:nth-child(2),.mask-beard i:nth-child(4){height:90%}.opera-mask.is-compact{--mask-size:310px}.layer-focus-0 .mask-brow,.layer-focus-0 .mask-eye,.layer-focus-0 .mask-cheek,.layer-focus-0 .mask-nose,.layer-focus-0 .mask-mouth,.layer-focus-0 .mask-beard,.layer-focus-0 .mask-forehead-mark{opacity:.15}.layer-focus-1 .mask-cheek,.layer-focus-1 .mask-nose,.layer-focus-1 .mask-mouth,.layer-focus-1 .mask-beard,.layer-focus-1 .mask-forehead-mark{opacity:.14}.layer-focus-2 .mask-brow,.layer-focus-2 .mask-eye,.layer-focus-2 .mask-cheek,.layer-focus-2 .mask-mouth,.layer-focus-2 .mask-beard{opacity:.16}.layer-focus-3 .mask-nose,.layer-focus-3 .mask-mouth,.layer-focus-3 .mask-beard{opacity:.18}.result-mark{z-index:7;color:#171613;font-family:var(--kai);font-size:calc(var(--mask-size) * .17);font-weight:700;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.judgment-screen{background:linear-gradient(115deg, #ffffff57, transparent 44%), var(--paper)}.judgment-layout{grid-template-columns:minmax(280px,.72fr) minmax(580px,1.45fr);gap:clamp(38px,6vw,92px);width:min(1240px,100%);margin:0 auto;display:grid}.judgment-mask{border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,#b5904d29,#0000 44%),#181714;align-content:start;justify-items:center;min-height:530px;padding:30px 28px;display:grid}.judgment-mask .opera-mask{margin-top:12px;transform:scale(.95)}.judgment-mask blockquote{color:#fbf6e9a8;font-family:var(--kai);letter-spacing:.12em;margin:18px 0 0;font-size:18px}.judgment-form fieldset,.mini-face-fieldset,.final-judgment fieldset,.quiz-questions fieldset{border:0;min-width:0;margin:0;padding:0}.judgment-form legend,.final-judgment legend{color:var(--ink);font-family:var(--kai);margin-bottom:20px;font-size:24px}.stance-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stance-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fcf7eb8a;min-height:166px;padding:20px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative}.stance-card:hover{border-color:#9f252085;transform:translateY(-2px)}.stance-card.is-selected{border-color:var(--red);background:var(--ivory);box-shadow:inset 4px 0 0 var(--red)}.stance-card .option-index{color:var(--red);letter-spacing:.12em;margin-bottom:18px;font-size:10px;font-weight:700}.stance-card strong{font-family:var(--kai);font-size:20px;font-weight:600}.stance-card small{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.7}.stance-card>i{color:#0000;letter-spacing:.1em;font-size:9px;font-style:normal;position:absolute;bottom:13px;right:15px}.stance-card.is-selected>i{color:var(--red)}.choice-feedback,.comparison-note{border-left:3px solid var(--red);color:#4f493f;background:#9f25200f;grid-template-columns:auto 1fr;gap:14px;margin:16px 0 0;padding:12px 14px;font-size:13px;line-height:1.7;display:grid}.choice-feedback span,.comparison-note span{color:var(--red);letter-spacing:.1em;white-space:nowrap;font-size:10px;font-weight:700}.confidence-block{border:1px solid var(--line);background:#fff3;margin-top:24px;padding:20px}.confidence-block>div:first-child{justify-content:space-between;align-items:center;gap:20px;display:flex}.confidence-block label{font-size:14px;font-weight:700}.confidence-block output{color:var(--red);font-family:var(--kai);font-size:19px}input[type=range]{width:100%;height:4px;accent-color:var(--red);cursor:pointer;margin:24px 0 8px}.range-ends{color:#847c70;justify-content:space-between;font-size:10px;display:flex}.deconstruct-screen{background:radial-gradient(circle at 50% 46%, #b5904d26, transparent 28%), linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), var(--night);color:var(--ivory);background-size:auto,46px 46px,46px 46px,auto}.deconstruct-layout{grid-template-columns:minmax(200px,.65fr) minmax(410px,1fr) minmax(300px,.8fr);align-items:center;gap:clamp(24px,4vw,72px);width:min(1260px,100%);margin:0 auto;display:grid}.layer-control{border-left:1px solid #fbf6e924;padding-left:20px}.layer-control>label{color:#fbf6e973;letter-spacing:.1em;justify-content:space-between;align-items:end;font-size:10px;display:flex}.layer-control>label span{color:var(--ivory);font-family:var(--kai);letter-spacing:.08em;font-size:17px}.layer-control input[type=range]{accent-color:#d2a55b;margin:18px 0 20px}.layer-markers{display:grid}.layer-markers button{color:#fbf6e966;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #fbf6e91a;align-items:center;gap:14px;min-height:46px;padding:5px 0;display:flex}.layer-markers button:last-child{border-bottom:1px solid #fbf6e91a}.layer-markers button i{color:#c59c58;font-size:9px;font-style:normal}.layer-markers button.is-current{color:var(--ivory);transform:translate(8px)}.deconstruct-mask{place-items:center;display:grid;position:relative}.deconstruct-mask .opera-mask{transition:filter .3s;transform:scale(.94)}.mask-axis{z-index:8;pointer-events:none;background:linear-gradient(#0000,#d2a55bad,#0000);width:1px;position:absolute;top:-8%;bottom:-8%}.layer-count{color:#fbf6e957;letter-spacing:.15em;font-size:9px;position:absolute;bottom:4%;right:3%}.layer-explanation{border-left:1px solid #fbf6e92b;min-height:330px;padding:30px 0 30px 28px;animation:.35s both fade-rise}.layer-explanation>span{color:#d1a55b;letter-spacing:.16em;font-size:10px;font-weight:700}.layer-explanation h2{color:var(--ivory);font-family:var(--kai);margin:24px 0 17px;font-size:clamp(28px,3.2vw,44px);font-weight:500;line-height:1.25}.layer-explanation p{color:#fbf6e999;margin:0;font-size:14px;line-height:2}.layer-explanation small{color:#fbf6e94d;letter-spacing:.1em;margin-top:28px;font-size:10px;display:block}.chapter-quote{grid-template-columns:auto 1fr;align-items:center;gap:30px;width:min(900px,100%);margin:60px auto 0;display:grid}.chapter-quote span{color:#c49a54;letter-spacing:.16em;font-size:9px}.chapter-quote blockquote{color:var(--ivory);font-family:var(--kai);letter-spacing:.08em;margin:0;font-size:clamp(24px,3.2vw,44px)}.perspectives-screen{background:linear-gradient(135deg, #ffffff59, transparent 32%), var(--paper)}.perspective-tabs{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);width:min(1160px,100%);margin:0 auto;display:grid}.perspective-tabs button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#827a6e;cursor:pointer;text-align:left;background:#fff3;align-items:center;gap:13px;min-height:66px;padding:12px 16px;display:flex;position:relative}.perspective-tabs button i{color:var(--red);font-size:9px;font-style:normal}.perspective-tabs button span{font-family:var(--kai);font-size:17px}.perspective-tabs button b{color:var(--teal);font-size:11px;position:absolute;top:8px;right:10px}.perspective-tabs button.is-current{background:var(--ink);color:var(--ivory)}.perspective-tabs button.is-complete:not(.is-current){color:var(--ink);background:#45696914}.perspective-card{border:1px solid var(--line);background:#faf5e99e;border-top:0;width:min(1160px,100%);margin:0 auto}.perspective-card>header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:30px;padding:clamp(26px,4vw,50px);display:grid}.perspective-card>header span{color:var(--red);letter-spacing:.14em;font-size:10px;font-weight:700}.perspective-card>header h2{font-family:var(--kai);margin:10px 0 0;font-size:clamp(28px,3.5vw,48px);font-weight:500}.keyword-stamp{border:1px solid var(--red);width:72px;height:72px;color:var(--red);font-family:var(--kai);place-items:center;font-size:24px;font-weight:500;display:grid;transform:rotate(3deg)}.perspective-content{min-height:430px;padding:clamp(28px,4vw,52px)}.card-copy{color:#514a40;max-width:850px;margin:0 auto 28px;font-size:15px;line-height:1.95}.perspective-card>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(22px,4vw,50px);display:flex}.mini-face-fieldset legend{width:100%;color:var(--ink);font-family:var(--kai);text-align:center;margin-bottom:18px;font-size:20px}.mini-face-options{grid-template-columns:repeat(3,1fr);gap:14px;max-width:780px;margin:0 auto;display:grid}.mini-face-option{border:1px solid var(--line);cursor:pointer;background:#ffffff4d;justify-items:center;gap:12px;min-height:190px;padding:20px 14px;display:grid}.mini-face-option.is-selected{border-color:var(--red);background:var(--ivory);box-shadow:inset 0 -4px 0 var(--red)}.mini-face{background:#efe4ce;border:4px solid #24211c;border-radius:48% 48% 45% 45%/42% 42% 57% 57%;width:94px;height:120px;display:block;position:relative}.mini-face:before,.mini-face:after{content:"";background:#24211c;border-radius:50%;width:26%;height:6px;position:absolute;top:42%}.mini-face:before{left:13%}.mini-face:after{right:13%}.mini-face-white{background:linear-gradient(105deg, transparent 40%, var(--red) 41% 57%, transparent 58%), #fbf4e3;box-shadow:inset 21px 0 #9f2520d1,inset -21px 0 #9f2520d1}.mini-face-realistic{background:#cfa98b;border-color:#765f4c}.mini-face-bare{opacity:.65;background:linear-gradient(90deg,#b99377,#d1aa8d);border-color:#8f7c68}.mini-face-option>span:last-child{font-size:13px}.insight-note{border-left:3px solid var(--red);color:#514a40;background:#9f25200f;grid-template-columns:auto 1fr;gap:16px;max-width:900px;margin:24px auto 0;padding:16px 18px;font-size:13px;line-height:1.8;display:grid}.insight-note>span{color:var(--red);letter-spacing:.12em;white-space:nowrap;font-size:9px;font-weight:700}.narrative-chain{max-width:900px;margin:48px auto 0}.chain-stops{grid-template-columns:repeat(6,1fr);gap:6px;display:grid;position:relative}.chain-stops:before{background:var(--line);content:"";height:1px;position:absolute;top:12px;left:5%;right:5%}.chain-stops span{z-index:1;color:#989083;font-family:var(--kai);justify-items:center;gap:8px;font-size:14px;display:grid;position:relative}.chain-stops i{border:1px solid var(--line);background:var(--paper);width:25px;height:25px;font-family:var(--sans);border-radius:50%;place-items:center;font-size:8px;font-style:normal;display:grid}.chain-stops span.is-active{color:var(--ink)}.chain-stops span.is-active i{border-color:var(--red);background:var(--red);color:#fff}.narrative-chain label{color:var(--muted);justify-content:space-between;margin-top:30px;font-size:11px;display:flex}.narrative-chain label strong{color:var(--red);font-family:var(--kai);font-size:16px}.history-columns{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;display:grid}.history-columns article{border:1px solid var(--line);background:#ffffff3d;padding:20px 22px}.history-columns article>span{color:var(--red);font-family:var(--kai);font-size:22px}.history-columns ul{color:#5b544a;margin:13px 0 0;padding-left:1.25em;font-size:12px;line-height:1.8}.interaction-instruction{color:#7f776b;text-align:center;margin:0 0 14px;font-size:11px}.history-tokens{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.history-token{border:1px solid var(--line);background:var(--ivory);cursor:grab;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:12px;display:inline-flex}.history-token small{background:var(--red);color:#fff;width:18px;height:18px;font-family:var(--kai);border-radius:50%;place-items:center;display:grid}.token-zones{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.token-zone{background:#fff3;border:1px dashed #1f1c174d;min-height:112px;padding:14px 14px 14px 50px;position:relative}.token-zone .zone-label{color:var(--red);font-family:var(--kai);font-size:25px;position:absolute;top:12px;left:12px}.token-zone strong{color:#6e665c;letter-spacing:.08em;font-size:10px;display:block}.token-zone>div{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.token-zone>div span{background:#1f1c1712;padding:4px 6px;font-size:10px}.zone-merit{border-color:#b5904d9e}.zone-cost{border-color:#9f252080}.zone-question{border-color:#4569699e}.term-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:850px;margin:38px auto 0;display:grid}.term-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff4d;grid-template-columns:minmax(70px,.7fr) 28px minmax(140px,1.3fr);align-items:center;min-height:88px;padding:16px 18px;display:grid}.term-card.is-flipped{border-color:var(--teal);background:#45696912}.term-front{font-family:var(--kai);font-size:23px}.term-arrow{color:var(--red);text-align:center;font-size:14px}.term-back{color:#71695f;font-size:12px}.term-card.is-flipped .term-back{color:var(--teal);font-weight:700}.perspective-summary{color:#5b544a;grid-template-columns:auto 1fr;gap:18px;width:min(930px,100%);margin:30px auto 0;font-size:12px;line-height:1.8;display:grid}.perspective-summary span{color:var(--red);letter-spacing:.12em;font-size:9px;font-weight:700}.spirit-screen{background:radial-gradient(circle at 24% 48%, #9d25203d, transparent 26%), var(--night);color:var(--ivory)}.spirit-layout{grid-template-columns:minmax(470px,1.2fr) minmax(320px,.8fr);gap:clamp(38px,6vw,88px);width:min(1210px,100%);margin:0 auto;display:grid}.empty-stage{background:linear-gradient(#6c191729,#0000 52%),#171714;border:1px solid #fbf6e921;min-height:520px;transition:background .5s;position:relative;overflow:hidden}.empty-stage:before,.empty-stage:after{z-index:8;content:"";background:linear-gradient(90deg,#291513,#6c2420 35%,#2a1513);width:62px;position:absolute;top:0;bottom:0}.empty-stage:before{left:0;transform:skewY(-4deg)}.empty-stage:after{right:0;transform:skewY(4deg)}.stage-floor{background:#e2b26052;height:2px;position:absolute;bottom:17%;left:11%;right:11%;box-shadow:0 9px 28px #e2b2604d}.stage-moon{opacity:.05;background:#dfc98e;border-radius:50%;width:90px;height:90px;transition:opacity .5s;position:absolute;top:13%;right:16%;box-shadow:0 0 80px #dfc98e38}.stage-prop{z-index:3;background:#8e422f;border-color:#8e422f;transition:transform .65s cubic-bezier(.2,.8,.2,1),background .4s;position:absolute}.stage-table{width:165px;height:18px;bottom:22%;left:50%;transform:translate(-50%)}.stage-table:before,.stage-table:after{background:inherit;content:"";width:14px;height:100px;position:absolute;top:18px}.stage-table:before{left:12px}.stage-table:after{right:12px}.stage-table span{border:2px solid #be7655;height:11px;position:absolute;top:-10px;left:-13px;right:-13px}.stage-chair{width:63px;height:14px;bottom:20%}.stage-chair:before{background:inherit;width:9px;height:97px;box-shadow:54px 0 0 inherit;content:"";position:absolute;bottom:14px;left:0}.stage-chair:after{background:inherit;width:8px;height:54px;box-shadow:55px 0 0 inherit;content:"";position:absolute;top:14px;left:0}.chair-left{left:23%}.chair-right{right:23%}.stage-door{opacity:0;border:10px solid #9c402d00;border-bottom:0;width:180px;height:270px;transition:opacity .4s,transform .55s,border-color .4s;position:absolute;bottom:16%;left:50%;transform:translate(-50%)scale(.8)}.stage-waves{opacity:0;flex-direction:column;gap:13px;transition:opacity .5s;display:flex;position:absolute;bottom:8%;left:12%;right:12%}.stage-waves i{background:repeating-linear-gradient(90deg,#0000 0 7%,#669c9db3 7% 20%,#0000 20% 29%);height:2px;animation:7s linear infinite wave-slide}.stage-waves i:nth-child(2){animation-direction:reverse;transform:translate(-7%)}.stage-caption{z-index:9;color:#fbf6e980;font-family:var(--kai);letter-spacing:.1em;white-space:nowrap;font-size:14px;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.world-door .stage-door{opacity:1;border-color:#9c402d;transform:translate(-50%)scale(1)}.world-door .stage-table{transform:translate(-50%)scale(.82)}.world-door .chair-left{transform:translate(46px)}.world-door .chair-right{transform:translate(-46px)}.world-tower{background:linear-gradient(#17242a 0,#11110f 66%),#11110f}.world-tower .stage-moon{opacity:.82}.world-tower .stage-table{transform:translate(-50%,-105px)scale(1.3)}.world-tower .chair-left{transform:translate(74px,-61px)rotate(90deg)scale(.7)}.world-tower .chair-right{transform:translate(-74px,-61px)rotate(-90deg)scale(.7)}.world-boat{background:radial-gradient(circle at 70% 16%,#dacb9f66,#0000 12%),linear-gradient(#1b3337 0,#11110f 72%)}.world-boat .stage-moon{opacity:.78}.world-boat .stage-waves{opacity:1}.world-boat .stage-table{border-radius:50%;transform:translate(-50%)rotate(-2deg)scaleX(1.45)}.world-boat .chair-left{transform:translate(71px,8px)rotate(24deg)scale(.75)}.world-boat .chair-right{transform:translate(-71px,8px)rotate(-24deg)scale(.75)}.spirit-copy{align-self:center}.world-actions{margin-top:18px;display:grid}.world-actions button{color:#fbf6e97a;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #fbf6e91f;grid-template-columns:40px 1fr;align-items:center;gap:12px;min-height:78px;padding:12px 8px;display:grid}.world-actions button:last-child{border-bottom:1px solid #fbf6e91f}.world-actions button i{color:#cb9f57;font-size:9px;font-style:normal}.world-actions button span{font-family:var(--kai);font-size:22px}.world-actions button small{color:#fbf6e954;font-family:var(--sans);margin-top:4px;font-size:10px;display:block}.world-actions button.is-active{color:var(--ivory);background:#ffffff0e;padding-left:16px}.world-explanation{color:#fbf6e98f;margin:20px 0 0;font-size:12px;line-height:1.9}.spirit-question{border-top:1px solid #fbf6e924;border-bottom:1px solid #fbf6e924;grid-template-columns:minmax(230px,.8fr) minmax(430px,1.2fr);gap:26px;width:min(1040px,100%);margin:48px auto 0;padding:24px 0;display:grid}.spirit-question p{font-family:var(--kai);margin:0;font-size:19px}.spirit-question p span{color:#caa058;font-family:var(--sans);letter-spacing:.12em;margin-bottom:8px;font-size:9px;font-weight:700;display:block}.spirit-question>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.spirit-question button{color:#fbf6e98c;cursor:pointer;background:0 0;border:1px solid #fbf6e92e;min-height:45px;font-size:12px}.spirit-question button.is-selected{color:var(--ivory);background:#caa0581f;border-color:#caa058}.spirit-question>small{color:#fbf6e978;grid-column:2;font-size:11px;line-height:1.8}.spirit-quote{color:#fbf6e9db;width:min(900px,100%);font-family:var(--kai);text-align:center;margin:38px auto 0;font-size:clamp(23px,2.5vw,36px)}.rejudge-screen{background:radial-gradient(circle at 82% 14%, #9f252014, transparent 22%), var(--paper)}.rejudge-layout{grid-template-columns:minmax(270px,.65fr) minmax(560px,1.35fr);gap:clamp(30px,6vw,90px);width:min(1160px,100%);margin:0 auto;display:grid}.first-record{border:1px solid var(--line);background:var(--night);color:var(--ivory);align-content:start;justify-items:center;padding:28px 24px;display:grid}.first-record>span{color:#d1a55b;letter-spacing:.15em;justify-self:start;font-size:9px;font-weight:700}.first-record .opera-mask{margin:8px 0;transform:scale(.78)}.first-record dl{width:100%;margin:6px 0 0}.first-record dl div{border-top:1px solid #fbf6e91f;grid-template-columns:64px 1fr;gap:12px;padding:10px 0;display:grid}.first-record dt{color:#fbf6e95e;font-size:10px}.first-record dd{font-family:var(--kai);margin:0;font-size:16px}.first-record>p{color:#fbf6e966;width:100%;margin:20px 0 0;font-size:10px}.compact-stance-grid{gap:8px;display:grid}.compact-stance-grid button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff38;grid-template-columns:44px 1fr;gap:13px;min-height:76px;padding:11px 16px;display:grid}.compact-stance-grid button.is-selected{border-color:var(--red);background:var(--ivory);box-shadow:inset 4px 0 0 var(--red)}.compact-stance-grid button>i{color:var(--red);align-self:center;font-size:9px;font-style:normal}.compact-stance-grid button span{gap:4px;display:grid}.compact-stance-grid strong{font-family:var(--kai);font-size:18px}.compact-stance-grid small{color:var(--muted);font-size:10px;line-height:1.55}.final-judgment>.primary-button{margin-top:22px}.result-quiz{width:min(1160px,100%);margin:0 auto}.result-quiz>header{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;gap:10px 28px;margin-bottom:30px;padding:22px 0;display:grid}.result-quiz>header>span{color:var(--red);letter-spacing:.16em;grid-row:1/span 2;font-size:10px;font-weight:700}.result-quiz>header h2{font-family:var(--kai);margin:0;font-size:28px;font-weight:500}.result-quiz>header p{color:var(--muted);margin:0;font-size:12px}.quiz-questions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.quiz-questions fieldset{border:1px solid var(--line);background:#ffffff38;min-height:270px;padding:22px}.quiz-questions legend{width:100%;font-family:var(--kai);align-items:center;gap:12px;padding:0 6px;font-size:18px;display:flex}.quiz-questions legend i{color:var(--red);font-family:var(--sans);font-size:9px;font-style:normal}.quiz-questions fieldset>div{gap:7px;margin-top:14px;display:grid}.quiz-questions button{border:1px solid #0000;border-bottom-color:var(--line);color:#5f584e;cursor:pointer;text-align:left;background:0 0;min-height:42px;padding:8px 11px;font-size:11px;line-height:1.5}.quiz-questions button:hover{border-color:#9f252052}.quiz-questions button.is-selected{border-color:var(--red);color:var(--ink);background:#9f252012;font-weight:700}.result-screen{background:var(--paper);grid-template-columns:minmax(420px,.95fr) minmax(500px,1.05fr);min-height:calc(100svh - 78px);padding:0;display:grid}.result-visual-panel{background:radial-gradient(circle at 50% 45%, #b5904d33, transparent 34%), var(--night);place-items:center;min-height:770px;display:grid;position:relative;overflow:hidden}.result-visual-panel .opera-mask{z-index:3;filter:drop-shadow(0 32px 35px #00000080);position:relative;transform:scale(1.02)}.result-visual-panel>p{z-index:4;color:#fbf6e959;letter-spacing:.14em;white-space:nowrap;margin:0;font-size:9px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.result-rings span{border:1px solid #d4ab6229;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.result-rings span:first-child{width:520px;height:520px}.result-rings span:nth-child(2){border-style:dashed;width:650px;height:650px;animation:50s linear infinite slow-spin}.result-rings span:nth-child(3){width:790px;height:790px}.result-title-mobile{display:none}.result-content{align-self:center;width:min(650px,100%);padding:clamp(56px,7vw,105px)}.result-content h1{font-family:var(--kai);letter-spacing:.06em;margin:10px 0 4px;font-size:clamp(58px,6vw,88px);font-weight:500;line-height:1.05}.result-content h1:focus{outline:none}.result-role{color:var(--red);font-family:var(--kai);font-size:20px}.result-lead{color:#4f493f;margin:25px 0 0;font-size:15px;line-height:2}.result-content>blockquote{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);font-family:var(--kai);margin:24px 0;padding:18px 0;font-size:25px}.result-reminder{background:#9f25200f;grid-template-columns:auto 1fr;gap:16px;padding:13px 15px;display:grid}.result-reminder span{color:var(--red);letter-spacing:.1em;font-size:9px;font-weight:700}.result-reminder p{color:#665f54;margin:0;font-size:11px;line-height:1.7}.judgment-comparison{grid-template-columns:1fr 30px 1fr;align-items:center;gap:12px;margin-top:24px;display:grid}.judgment-comparison>div{border:1px solid var(--line);gap:5px;min-height:88px;padding:13px;display:grid}.judgment-comparison span{color:var(--red);letter-spacing:.1em;font-size:9px;font-weight:700}.judgment-comparison strong{font-family:var(--kai);font-size:15px}.judgment-comparison small{color:var(--muted);font-size:9px}.judgment-comparison>i{color:var(--red);text-align:center;font-style:normal}.result-summary{color:var(--muted);margin:18px 0 0;font-size:11px;line-height:1.75}.result-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.result-actions .primary-button{min-width:185px}.result-actions .secondary-button{min-height:54px}.result-actions .text-button{min-height:44px}.epilogue{background:var(--red-dark);min-height:190px;color:var(--ivory);grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:44px clamp(34px,8vw,130px);display:grid}.epilogue p{color:#fbf6e994;margin:0;font-size:12px;line-height:1.9}.epilogue strong{font-family:var(--kai);letter-spacing:.05em;font-size:clamp(24px,3vw,40px);font-weight:500}.mask-balance .mask-face{background:linear-gradient(90deg,#f4eddd 0 49.5%,#eee3cf 50%)}.mask-balance .mask-cheek-left{border-color:var(--red)}.mask-balance .mask-cheek-right{border-color:#171613}.mask-balance .mask-nose span{background:#c6a24d;width:7px}.mask-source .mask-forehead-mark,.mask-source .mask-cheek{background:#315f78;border-color:#315f78}.mask-source .mask-cheek{background:0 0;box-shadow:0 0 0 8px #315f7833,0 0 0 16px #315f781f}.mask-source .mask-eye{box-shadow:0 -8px #a5312a}.mask-empathy .mask-face{background:linear-gradient(90deg,#efdcc1,#f7e9d2)}.mask-empathy .mask-cheek{background:#ce604e4d;border-color:#ce604e}.mask-empathy .mask-brow{border-top-width:11px;transform:rotate(0)}.mask-openness .mask-face{background:linear-gradient(90deg,#e2e7df 0 58%,#e2e7df14 100%);border-right-color:#0000;box-shadow:inset 18px 0 28px #493e2d14}.mask-openness .mask-ear-right,.mask-openness .mask-cheek-right,.mask-openness .mask-brow-right,.mask-openness .mask-eye-right{opacity:.28}.mask-openness .mask-forehead-mark,.mask-openness .mask-cheek{border-color:var(--teal);background-color:var(--teal)}.mask-openness .mask-cheek{background:0 0}.result-balance{--red:#a22e25}.result-source{--red:#315f78}.result-empathy{--red:#b94b39}.result-openness{--red:#517574}.sources-dialog{background:var(--paper);width:min(700px,100% - 32px);max-height:min(780px,100svh - 40px);color:var(--ink);border:1px solid #f1eadb40;padding:0;box-shadow:0 30px 100px #00000080}.sources-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a09d1}.dialog-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:20px;padding:28px 30px 22px;display:flex}.dialog-heading h2{font-family:var(--kai);margin:7px 0 0;font-size:32px;font-weight:500}.dialog-heading button{border:1px solid var(--line);cursor:pointer;background:0 0;place-items:center;width:44px;height:44px;font-size:26px;line-height:1;display:grid}.source-intro{color:#544e44;margin:0;padding:24px 30px 10px;font-size:13px;line-height:1.85}.sources-dialog ol{margin:0;padding:12px 50px 16px 72px}.sources-dialog li{color:#5f584d;margin-bottom:14px;padding-left:6px;font-size:12px;line-height:1.8}.sources-dialog li::marker{color:var(--red);font-family:var(--kai);font-size:17px}.sources-dialog li span{color:var(--ink);font-family:var(--kai);font-size:17px;display:block}.source-note{border-top:1px solid var(--line);color:#7a7266;margin:0;padding:17px 30px 24px;font-size:10px;line-height:1.8}.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 fade-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wave-slide{to{background-position:260px 0}}@media (width<=1120px){.topbar{grid-template-columns:1fr auto}.journey-progress{order:3;grid-area:2/1/auto/-1;justify-content:space-between}.topbar{padding-top:9px;padding-bottom:9px}.hero-screen{grid-template-columns:1fr 1fr;gap:28px}.judgment-layout,.rejudge-layout{grid-template-columns:minmax(240px,.6fr) minmax(500px,1.4fr);gap:30px}.deconstruct-layout{grid-template-columns:190px minmax(360px,1fr)}.layer-explanation{border-top:1px solid #fbf6e92b;border-left:0;grid-column:1/-1;min-height:auto;padding:24px 0 0}.spirit-layout{grid-template-columns:1.15fr .85fr}.result-content{padding:60px 48px}}@media (width<=820px){.topbar{gap:10px;min-height:auto;position:relative}.journey-progress{scrollbar-width:none;gap:4px;padding:7px 0 2px;overflow-x:auto}.journey-progress span{text-align:center;min-width:42px;font-size:11px}.journey-progress span:after{display:none}.brand-lockup{font-size:17px}main,.screen,.hero-screen,.result-screen{min-height:auto}.screen{padding:56px 22px 64px}.screen-heading{margin-bottom:38px}.hero-screen{background:linear-gradient(180deg, var(--paper) 0 48%, var(--night) 48%);grid-template-columns:1fr;padding:54px 22px 50px}.hero-screen:before{width:auto;height:1px;inset:48% 0 auto}.hero-copy{justify-self:start;width:100%}.hero-copy h1{font-size:clamp(72px,22vw,118px)}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{min-height:590px}.hero-visual .opera-mask{transform:scale(.86)}.halo-ring-one{width:480px;height:480px}.halo-ring-two{width:580px;height:580px}.scroll-cue{display:none}.judgment-layout,.rejudge-layout,.spirit-layout{grid-template-columns:1fr}.judgment-mask{min-height:440px}.judgment-mask .opera-mask{transform-origin:top;transform:scale(.78)}.stance-grid{grid-template-columns:1fr}.stance-card{min-height:142px}.deconstruct-layout{grid-template-columns:1fr}.layer-control{border-left:0;padding-left:0}.deconstruct-mask .opera-mask{transform:scale(.8)}.deconstruct-mask{min-height:450px}.chapter-quote{grid-template-columns:1fr;gap:12px}.perspective-tabs{grid-template-columns:1fr 1fr}.perspective-content{min-height:0}.mini-face-options{grid-template-columns:1fr}.mini-face-option{grid-template-columns:auto 1fr;align-items:center;min-height:120px}.history-columns,.term-grid,.token-zones{grid-template-columns:1fr}.empty-stage{min-height:470px}.spirit-question{grid-template-columns:1fr}.spirit-question>small{grid-column:1}.first-record{min-height:460px}.first-record .opera-mask{transform-origin:top;transform:scale(.68)}.quiz-questions{grid-template-columns:1fr}.result-screen{grid-template-columns:1fr;padding:0}.result-visual-panel{min-height:690px}.result-title-desktop{display:none}.result-title-mobile{z-index:7;color:var(--ivory);display:block;position:absolute;top:34px;left:24px}.result-title-mobile h1{font-family:var(--kai);margin:8px 0 0;font-size:52px;font-weight:500}.result-content{width:100%;padding:50px 24px 58px}.epilogue{grid-template-columns:1fr}}@media (width<=520px){.topbar{padding:9px 14px}.sound-toggle{font-size:0}.sound-toggle span{font-size:13px}.brand-lockup small{display:none}.screen{padding-left:16px;padding-right:16px}.screen-heading h1{font-size:39px}.hero-screen{padding-left:16px;padding-right:16px}.hero-copy h1{font-size:78px}.hero-body{font-size:13px}.hero-visual{min-height:520px}.hero-visual .opera-mask{transform:scale(.7)}.opera-mask{--mask-size:340px}.opera-mask.is-compact{--mask-size:280px}.halo-ring-one{width:370px;height:370px}.halo-ring-two{width:450px;height:450px}.word-one,.word-two,.word-three{font-size:38px}.judgment-mask{min-height:390px;padding:18px 10px}.judgment-mask .opera-mask{transform:scale(.72)}.stance-card{min-height:132px;padding:17px}.choice-feedback,.comparison-note,.insight-note,.result-reminder{grid-template-columns:1fr;gap:7px}.screen-actions{flex-direction:column-reverse;align-items:stretch}.screen-actions .primary-button,.screen-actions .secondary-button{width:100%}.deconstruct-mask{min-height:390px}.deconstruct-mask .opera-mask{transform:scale(.74)}.layer-markers{grid-template-columns:1fr 1fr}.layer-markers button{padding-right:5px}.perspective-tabs button{min-height:58px;padding:9px}.perspective-card>header{grid-template-columns:1fr}.keyword-stamp{width:54px;height:54px;font-size:19px}.perspective-content{padding:24px 16px}.chain-stops span{writing-mode:vertical-rl;font-size:10px}.term-card{grid-template-columns:70px 24px 1fr;padding:14px}.empty-stage{min-height:400px;margin-left:-16px;margin-right:-16px}.empty-stage:before,.empty-stage:after{width:42px}.stage-table{transform:translate(-50%)scale(.8)}.chair-left{left:18%}.chair-right{right:18%}.spirit-question>div{grid-template-columns:1fr}.compact-stance-grid button{grid-template-columns:30px 1fr}.result-visual-panel{min-height:590px}.result-visual-panel .opera-mask{transform:scale(.84)}.judgment-comparison{grid-template-columns:1fr}.judgment-comparison>i{transform:rotate(90deg)}.result-actions{flex-direction:column;align-items:stretch}.result-actions>button{width:100%}.epilogue{padding:38px 22px}.sources-dialog{width:calc(100% - 18px)}.dialog-heading,.source-intro,.source-note{padding-left:20px;padding-right:20px}.sources-dialog ol{padding-left:50px;padding-right:28px}}.app-shell{--ink:#f1ede5;--muted:#e5ded294;--paper:#060606;--paper-deep:#100e0c;--night:#050505;--night-soft:#0d0c0a;--line:#e0cfb124;--teal:#78908e;isolation:isolate;color:var(--ink);background:#030303;position:relative}.app-shell>.topbar,.app-shell>main,.app-shell>footer,.app-shell>dialog{z-index:2;position:relative}.app-shell .topbar{background:#040404eb;border-bottom-color:#dac29921;box-shadow:0 1rem 3rem #0000005c}.app-shell .screen{color:var(--ink);background:radial-gradient(62% 55% at 50% 42%,#1a161175,#0000 76%),#030303c2!important}.app-shell .hero-screen{background:#0303036b!important}.app-shell .screen-heading h1,.app-shell .judgment-form legend,.app-shell .final-judgment legend,.app-shell .mini-face-fieldset legend,.app-shell .perspective-card>header h2,.app-shell .result-content h1{color:var(--ink)}.app-shell .screen-heading>p:last-child,.app-shell .card-copy,.app-shell .result-lead,.app-shell .result-reminder p,.app-shell .choice-feedback,.app-shell .comparison-note,.app-shell .insight-note,.app-shell .perspective-summary,.app-shell .history-columns ul,.app-shell .interaction-instruction,.app-shell .term-back,.app-shell .quiz-questions button{color:var(--muted)}.app-shell .judgment-mask,.app-shell .stance-card,.app-shell .confidence-block,.app-shell .perspective-tabs button,.app-shell .perspective-card,.app-shell .mini-face-option,.app-shell .history-columns article,.app-shell .history-token,.app-shell .token-zone,.app-shell .term-card,.app-shell .compact-stance-grid button,.app-shell .quiz-questions fieldset,.app-shell .result-reminder,.app-shell .judgment-comparison>div{color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0908c7;border-color:#ddc7a326;box-shadow:inset 0 1px #ffffff06,0 1.2rem 3.5rem #0003}.app-shell .stance-card:hover,.app-shell .mini-face-option:hover,.app-shell .compact-stance-grid button:hover,.app-shell .quiz-questions button:hover{background:#1f1710d1;border-color:#a97e4a8f}.app-shell .stance-card.is-selected,.app-shell .mini-face-option.is-selected,.app-shell .compact-stance-grid button.is-selected,.app-shell .quiz-questions button.is-selected{color:#fff7ea;background:#5b1d18a8;border-color:#8f392f}.app-shell .perspective-tabs button.is-current{color:#fff6e7;background:#562c1abf}.app-shell .perspective-tabs button.is-complete:not(.is-current),.app-shell .term-card.is-flipped{color:#dbe5e1;background:#30454352}.app-shell .chain-stops i{background:#0b0a09}.app-shell .token-zone>div span{background:#e8dac212}.app-shell .choice-feedback,.app-shell .comparison-note,.app-shell .insight-note,.app-shell .result-reminder{background:#63231c2e}.app-shell .first-record,.app-shell .stage-particle-morph,.app-shell .result-visual-panel{background:radial-gradient(circle at 50% 36%,#74502d1f,#0000 48%),#050505e0;border-color:#ddc7a324}.app-shell .result-screen{grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr)}.app-shell .result-content{color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060606d6}.app-shell .epilogue{background:#3e1411b3}.app-shell .opera-mask__source{object-fit:contain;object-position:center;filter:drop-shadow(0 1.4rem 2.2rem #00000094);width:100%;height:100%;display:block}.app-shell .opera-mask{height:calc(var(--mask-size) * 1.276)}.app-shell .result-mark{background:var(--red);color:#fff6e8;border-radius:.15rem;place-items:center;width:2.8rem;height:2.8rem;font-size:1.7rem;display:grid;inset:auto 3% 4% auto;transform:none}.app-shell .mini-face{object-fit:contain;width:94px;height:120px;box-shadow:none;opacity:1;filter:none;background:0 0;border:0;border-radius:0;display:block}.app-shell .mini-face-white,.app-shell .mini-face-realistic,.app-shell .mini-face-bare{box-shadow:none;opacity:1;background:0 0;border:0}.app-shell .sources-dialog{color:var(--ink);background:#0a0908;border-color:#dec9a533}@media (width<=820px){.app-shell .result-screen{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero-visual .particle-mask{z-index:4;min-height:100%;position:absolute;inset:0}.hero-visual:has(.particle-mask):after{z-index:3}.hero-visual:has(.particle-mask)>p{z-index:10}.deconstruct-mask .particle-mask{width:100%;min-width:0}:is(.deconstruct-mask:has(.particle-mask) .mask-axis,.deconstruct-mask:has(.particle-mask) .layer-count){z-index:10}.stage-particle-morph{max-width:980px;color:var(--ivory);background:#171310;border:1px solid #2d261f21;grid-template-columns:minmax(220px,.72fr) minmax(300px,1.28fr);align-items:center;gap:clamp(18px,3vw,38px);margin:30px auto 0;padding:18px;display:grid}.stage-particle-morph__copy>span{color:#c79a55;letter-spacing:.15em;font-size:9px;font-weight:700}.stage-particle-morph__copy h3{font-family:var(--kai);margin:10px 0 12px;font-size:22px;font-weight:500;line-height:1.45}.stage-particle-morph__copy p{color:#f4ebd894;margin:0;font-size:12px;line-height:1.85}.stage-morph-buttons{gap:6px;margin-top:18px;display:grid}.stage-morph-buttons button{color:#f4ebd894;min-height:35px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #f1e5cd21;padding:7px 10px;font-size:11px}.stage-morph-buttons button:hover,.stage-morph-buttons button:focus-visible,.stage-morph-buttons button.is-active{color:var(--ivory);background:#8b1b1533;border-color:#a82820d1}.result-visual-panel>.particle-mask{z-index:2;min-height:100%;position:absolute;inset:0}.result-visual-panel .result-rings{z-index:1;position:absolute;inset:0}.result-visual-panel:has(.particle-mask)>p{z-index:6}@media (width<=900px){.stage-particle-morph{grid-template-columns:1fr}.stage-particle-morph__copy{padding:8px 6px 0}}@media (width<=680px){.stage-particle-morph{padding:10px}.result-visual-panel .gesture-panel{bottom:3.25rem}}.app-shell.is-home{color:#f3efe8;background:#050505}.app-shell.is-home .topbar{background:#050505f7}.app-shell.is-home .brand-lockup{transition:opacity .1s linear,filter .1s linear,transform .1s linear}.app-shell.is-home .hero-screen{color:#f3efe8;background:#050505;min-height:calc(100svh - 78px);padding:0;display:block}.app-shell.is-home .hero-screen:before{display:none}.hero-stage{--spot-x:50%;--spot-y:42%;isolation:isolate;background:radial-gradient(circle at var(--spot-x) var(--spot-y), #96825b13, transparent 22rem), radial-gradient(circle at 50% 52%, #10100f 0, #050505 58%);flex-direction:column;align-items:center;min-height:calc(100svh - 78px);padding:clamp(1rem,2.4vw,2rem) clamp(.75rem,3vw,2.5rem) 2rem;display:flex;position:relative;overflow:hidden}.hero-stage:before{z-index:1;content:"";opacity:.27;pointer-events:none;background-image:repeating-radial-gradient(circle at 30%,#ffffff0e 0 .45px,#0000 .7px 4px),linear-gradient(90deg,#0000,#d8c49c05,#0000);position:absolute;inset:0}.hero-particle-frame{z-index:4;flex:none;width:min(56rem,96vw);height:clamp(31rem,64svh,46rem);position:relative}.hero-particle-frame .particle-mask{background:0 0;min-height:100%;position:absolute;inset:0}.hero-particle-frame .particle-mask--hero{background:0 0}.hero-particle-frame .particle-mask--hero .gesture-panel__toggle{display:none}.hero-particle-frame .particle-mask__hint{color:#e7decd57;text-align:center;bottom:.8rem;left:50%;transform:translate(-50%)}.hero-webgl-fallback{color:#efe8dab8;text-align:center;gap:.5rem;display:grid}.hero-webgl-fallback small{color:#efe8da70}.hero-title-reveal{z-index:6;pointer-events:none;min-height:clamp(3.75rem,7vw,5.6rem);margin-top:clamp(-2.3rem,-3vw,-1.35rem);position:relative}.hero-title-reveal h1{color:#f4f0e8;font-family:"Noto Serif SC", "Source Han Serif SC", var(--serif);letter-spacing:.2em;text-indent:.2em;text-shadow:0 .2rem 1.6rem #000000b3;justify-content:center;margin:0;font-size:clamp(2.7rem,5.7vw,5rem);font-weight:500;line-height:1;display:flex}.hero-title-reveal h1:focus{outline:none}.hero-title-reveal h1 span{transition:opacity .1s linear,filter .1s linear,transform .1s linear;display:inline-block}.hero-progress-note{z-index:7;color:#c1a8779e;letter-spacing:.12em;text-align:center;margin:.7rem 0 0;font-size:.66rem;line-height:1.6;position:relative}.hero-choice-stage{z-index:9;color:#f3efe8;width:min(44rem,94vw);margin-top:1.3rem;padding:0 0 1rem;position:relative}.gesture-selection-feedback{z-index:75;color:#f4ead8;pointer-events:none;background:#1c100ee0;border:1px solid #b9675e75;border-radius:.32rem;gap:.15rem;min-width:8.5rem;padding:.62rem .78rem;animation:.22s ease-out both gesture-selection-feedback-in;display:grid;position:fixed;bottom:min(17rem,38vh);right:clamp(.75rem,2vw,1.5rem);box-shadow:0 .8rem 2.4rem #00000047}.gesture-selection-feedback span{color:#f4ead894;letter-spacing:.14em;font-size:.58rem}.gesture-selection-feedback strong{color:#c9a464;font-family:var(--kai);font-size:1.12rem;font-weight:500}@keyframes gesture-selection-feedback-in{0%{opacity:0;transform:translateY(.4rem)}}.hero-choice-stage .character-choice{text-align:center;border-top-color:#d8c49c2e}.hero-choice-stage .character-choice__heading>span,.hero-choice-stage .character-choice>span{color:#a68c59}.hero-choice-stage .character-choice p{color:#efe8da8f;margin-left:auto;margin-right:auto}.hero-choice-stage .character-choice__options button{color:#eee8dc;background:#ffffff06;border-color:#d8c49c2b}.hero-choice-stage .character-choice__options button:hover,.hero-choice-stage .character-choice__options button:focus-visible,.hero-choice-stage .character-choice__options button.is-previewed{color:#fffaf0;background:#6853307a;border-color:#8d754d}.hero-curtain{z-index:20;perspective:80rem;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-curtain__panel{will-change:transform, clip-path;background:linear-gradient(90deg,#030303 0,#151514 10%,#050505 19%,#1b1b19 29%,#070707 40%,#181816 52%,#050505 64%,#141413 76%,#030303 89%,#121211 100%);width:50.35%;transition:transform 1.65s cubic-bezier(.2,.76,.14,1),clip-path 1.65s cubic-bezier(.2,.76,.14,1),filter 1.65s;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 0 7rem #000000bf}.hero-curtain__panel:before,.hero-curtain__panel:after{content:"";position:absolute;inset:0}.hero-curtain__panel:before{mix-blend-mode:screen;background:linear-gradient(#ffffff13,#0000 16%),repeating-linear-gradient(92deg,#0000 0 8%,#ffffff06 10%,#0000 13% 19%)}.hero-curtain__panel:after{background:linear-gradient(#0000 62%,#000000b8)}.hero-curtain__panel--left{clip-path:polygon(0 0,100% 0,99.2% 47%,100% 100%,0 100%);transform-origin:0;left:0}.hero-curtain__panel--right{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,.8% 48%);transform-origin:100%;right:0}.hero-curtain__panel i,.hero-curtain__panel b{z-index:3;background:#c7b0801a;width:1px;display:block;position:absolute;top:0;bottom:0;box-shadow:0 0 1.25rem #e2d1ae14}.hero-curtain__panel i{left:31%}.hero-curtain__panel b{right:27%}.is-curtain-open .hero-curtain__panel--left{clip-path:polygon(0 0,100% 4%,91% 50%,100% 96%,0 100%);filter:brightness(.78);transform:translate(-91%)rotateY(-8deg)scaleX(.9)}.is-curtain-open .hero-curtain__panel--right{clip-path:polygon(0 4%,100% 0,100% 100%,0 96%,9% 50%);filter:brightness(.78);transform:translate(91%)rotateY(8deg)scaleX(.9)}.hero-curtain__prompt{z-index:4;color:#cab384ad;letter-spacing:.28em;text-indent:.28em;padding:.6rem .9rem;font-size:.65rem;transition:opacity .36s,transform .6s;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.is-curtain-open .hero-curtain__prompt{opacity:0;transform:translate(-50%,.7rem)}@media (width<=820px){.app-shell.is-home .hero-screen{background:#050505;min-height:calc(100svh - 118px);padding:0}.hero-stage{min-height:calc(100svh - 118px);padding-top:.5rem}.hero-particle-frame{width:100%;height:min(62svh,37rem)}.hero-title-reveal{margin-top:-1.2rem}}@media (width<=520px){.app-shell.is-home .hero-screen{padding-left:0;padding-right:0}.hero-stage{min-height:40rem;padding-left:.35rem;padding-right:.35rem}.hero-particle-frame{height:min(60svh,33rem)}.hero-title-reveal h1{font-size:clamp(2.35rem,12vw,3.4rem)}.hero-progress-note{letter-spacing:.07em;max-width:88vw}.hero-choice-stage{width:calc(100% - 1.4rem)}.is-curtain-open .hero-curtain__panel--left{transform:translate(-94%)rotateY(-7deg)scaleX(.92)}.is-curtain-open .hero-curtain__panel--right{transform:translate(94%)rotateY(7deg)scaleX(.92)}}