/* Native full backgrounds at rest; all intentional close-ups share one camera. */
body:has(#theatre.origin-story-mode){padding:0;overflow:hidden}
.origin-story-mode{width:min(100vw,calc(100dvh * 941 / 1672),480px);height:auto;aspect-ratio:941/1672;max-height:100dvh;background:#160e08}
.origin-story-mode #app{position:absolute;inset:0;padding:0;display:block;overflow:hidden}.origin-story-mode #scene-footer,.origin-story-mode .background-fx{display:none!important}.origin-story-mode .mini-brand{visibility:hidden}.origin-story-mode .topbar{top:3%;z-index:25;pointer-events:none}.origin-story-mode .topbar>button{pointer-events:auto}.origin-story-mode .topbar>button:first-child{display:none}.origin-story-mode .sound-btn{width:8cqw;height:8cqw;background:#2e1a10dc;border-color:#c59b60;box-shadow:none}.origin-story-mode .music-note{font-size:4.5cqw}
.s1-layered{position:absolute;inset:0;isolation:isolate;overflow:hidden;background:#190f08;color:#f9e4bc;touch-action:none;user-select:none;-webkit-user-select:none;container-type:inline-size}.s1-layered [hidden]{display:none!important}.l-space{position:absolute;width:390px;height:844px;transform-origin:0 0;overflow:hidden}.l-camera{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.l-background-layer,.l-foreground-layer{position:absolute;inset:0;pointer-events:none}.l-background,.l-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;display:block;-webkit-user-drag:none}.l-background-layer{z-index:0}.l-stage,.l-river{opacity:0}.l-environment-dim{position:absolute;inset:0;z-index:1;background:#1b0d03;opacity:0;pointer-events:none}.l-lighting-layer{position:absolute;left:0;top:0;width:380px;height:560px;transform-origin:0 0;z-index:2;mix-blend-mode:screen;pointer-events:none;opacity:0}.l-light-halo{position:absolute;inset:0;background:radial-gradient(ellipse,#ffda8ccd 0%,#f9bb6660 40%,#e9993c15 62%,transparent 74%)}.l-light-core{position:absolute;inset:16% 22%;border-radius:50%;background:radial-gradient(ellipse,#fff2c181,#ffe5a229 50%,transparent 75%)}
.l-puppet-layer,.l-projection-layer{position:absolute;left:0;top:0;width:220px;height:460px;transform-origin:0 0;will-change:transform}.l-puppet-layer{z-index:4}.l-projection-layer{z-index:3;opacity:0;mix-blend-mode:multiply;pointer-events:none}.l-puppet{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;outline:none;background:transparent;cursor:pointer;touch-action:none}.l-puppet:disabled{cursor:default;opacity:1}.l-puppet:focus-visible{outline:1px solid #f3d497b0;outline-offset:5px}.l-character,.l-projection,.l-puppet-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;pointer-events:none}.l-puppet-fallback{transform:none}.l-ribbons{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.l-ribbon-joint{transform-origin:110px 60px}.l-puppet-gloss{position:absolute;inset:0;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#ffdb7933,transparent 65%);mix-blend-mode:screen;opacity:0}.s1-layered[data-stage=DISCOVER] .l-puppet-gloss{animation:lPulse 3.5s ease-in-out infinite}
.l-foreground-layer{z-index:5}.l-box-front{clip-path:polygon(4.8% 48.2%,63.1% 68.2%,99.9% 55.8%,100% 100%,0 100%,0 49.4%)}.l-stage-front{clip-path:polygon(0 72%,100% 72%,100% 100%,0 100%);opacity:0}.l-discover-hint{position:absolute;left:0;top:0;z-index:8;white-space:nowrap;font:13px/1.4 var(--serif);color:#ffe2a4;text-shadow:0 1px 4px #38200b;pointer-events:none}.l-discover-hint>span{display:inline-block;width:17px;height:17px;margin-right:7px;vertical-align:middle;border:1px solid #f7ce86;border-radius:50%;box-shadow:0 0 9px #ffc85e55;animation:lHint 2.5s ease-out infinite}
.l-heading{position:absolute;z-index:20;top:3.5%;left:7%;display:flex;align-items:center;gap:8px;font:3cqw/1.5 var(--serif);letter-spacing:1px;text-shadow:0 1px 6px #160b02;color:#f4dfb7;pointer-events:none}.l-heading span{color:#d5b37c}.l-heading i{width:1px;height:11px;background:#dab78280}.l-loading{position:absolute;z-index:30;inset:42% 12% auto;margin:0;padding:12px;text-align:center;font:15px var(--serif);background:#28160ada;border:1px solid #92703d;cursor:pointer}.l-caption-scrim{position:absolute;z-index:12;bottom:0;left:0;right:0;height:24%;background:linear-gradient(transparent,#110b05a8 48%,#110b05e6);pointer-events:none}.l-caption{position:absolute;z-index:22;left:8%;right:8%;bottom:4.6%;min-height:9%;display:flex;align-items:center;justify-content:center;text-align:center;margin:0;font:3.85cqw/1.8 var(--serif);letter-spacing:.4px;color:#fff0d2;text-shadow:0 1px 4px #160b00;pointer-events:none}.l-caption span{white-space:pre-line}.l-dust{position:absolute;z-index:10;inset:10% 5% 16%;pointer-events:none;opacity:.5}.l-dust i{position:absolute;left:var(--x);top:var(--y);width:1.6px;height:1.6px;border-radius:50%;background:#ffe0a0;box-shadow:0 0 5px #ffd48b;animation:lDust 11s ease-in-out var(--delay) infinite}
.l-observe{position:absolute;z-index:15;inset:12% 0 23%;touch-action:none;cursor:grab;outline:none}.l-observe.is-dragging{cursor:grabbing}.l-observe:focus-visible{outline:1px solid #d2a65f77;outline-offset:-10px}.l-detail-label{position:absolute;z-index:17;display:flex;align-items:center;gap:7px;pointer-events:none;white-space:nowrap;font:3.1cqw/1.6 var(--serif);color:#f7dfac;text-shadow:0 1px 5px #1c0a00}.l-detail-label i{display:block;width:22px;height:1px;background:linear-gradient(90deg,transparent,#f4d598)}.l-detail-label span{border-bottom:1px solid #d5af6355;padding:2px 0}.l-observe-hint{position:absolute;z-index:20;left:0;right:0;bottom:21%;text-align:center;margin:0;font:2.8cqw var(--serif);letter-spacing:1px;color:#efdaa9;text-shadow:0 1px 4px #1c0e02;pointer-events:none}.l-detail-nav{position:absolute;z-index:20;left:25%;right:25%;bottom:15.8%;display:flex;justify-content:space-between;gap:8px}.l-detail-nav button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:33px;padding:5px 8px;background:#281307a6;border:1px solid #9f804955;border-radius:16px;color:#dec396;font:2.8cqw var(--serif)}.l-detail-nav button i{width:3px;height:3px;border:1px solid #d7b272;transform:rotate(45deg)}.l-detail-nav button[aria-pressed=true]{color:#ffe9b7;border-color:#c09c59}.l-detail-nav button[aria-pressed=true] i{background:#ffdf98}.l-complete{position:absolute;right:7%;bottom:27%;z-index:24;min-height:36px;padding:7px 12px;background:#793a21e8;border:1px solid #d4ad67;border-radius:3px;color:#ffe4ae;font:3.1cqw var(--serif);letter-spacing:.5px;box-shadow:0 3px 12px #170b0380}.l-complete span{margin-left:8px}
.l-exit{position:absolute;z-index:25;left:12%;right:12%;bottom:5%}.l-exit>p{margin:0 0 12px;text-align:center;font:3.45cqw var(--serif);color:#ffe6b4;letter-spacing:.5px;text-shadow:0 1px 4px #1d0d02}.l-exit-track{position:relative;height:44px;background:#482311e3;border:1px solid #b78d4a;border-radius:25px;box-shadow:inset 0 2px 5px #160a0570;overflow:hidden;cursor:ew-resize;touch-action:none}.l-exit-track:focus-visible{outline:2px solid #f5d594;outline-offset:3px}.l-track-line{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#e4bc79;font:20px Georgia;pointer-events:none}.l-track-fill{position:absolute;inset:0 auto 0 0;width:var(--fill,0%);background:#b9803d55}.l-exit-thumb{position:absolute;top:4px;bottom:4px;left:5px;aspect-ratio:1;display:grid;place-items:center;transform:translateX(var(--sx,0px));border-radius:50%;background:linear-gradient(135deg,#f7dfac,#c28c42);border:1px solid #f8da99;color:#673718;font:23px Georgia,serif;pointer-events:none}.s1-layered[data-stage=READY_TO_EXIT] .l-caption{visibility:hidden}.l-s1-exit-overlay{position:fixed;inset:auto;z-index:9999}.s1-entry-veil{position:absolute;inset:0;z-index:35;overflow:hidden;background:#21130b;transform-origin:70% 65%;pointer-events:all}.s1-entry-veil canvas{display:block;width:100%;height:100%;object-fit:cover}
@keyframes lPulse{0%,100%{opacity:.12}50%{opacity:.65}}@keyframes lHint{0%{transform:scale(.8);opacity:1}90%,100%{transform:scale(1.35);opacity:.2}}@keyframes lDust{0%,100%{opacity:0;transform:translate(0,8px)}25%,65%{opacity:.7}80%{transform:translate(5px,-20px);opacity:0}}@media(prefers-reduced-motion:reduce){.s1-layered *{animation:none!important;transition:none!important}.l-dust{display:none}}