.m-shell{--m-night:#0b0a08;--m-night-2:#120f0b;--m-ink:#1a1610;--m-ink-hi:#241d14;--m-parch:#efdeb8;--m-parch-hi:#fbefd2;--m-parch-lo:#d9c496;--m-cream:#f4ecd9;--m-cream-2:hsla(42,55%,90%,.74);--m-cream-3:hsla(42,55%,90%,.52);--m-on-parch:#2e2012;--m-on-parch-2:rgba(46,32,18,.72);--m-gold:#e8b84b;--m-gold-hi:#f4c870;--m-gold-deep:#9a6e28;--m-gold-soft:rgba(232,184,75,.14);--m-red:#9e2a16;--m-red-hi:#c04a30;--m-red-deep:#6e1a0c;--m-violet:#b9a2e8;--m-violet-deep:#241f46;--m-line:rgba(232,184,75,.2);--m-line-soft:hsla(42,55%,90%,.1);--m-ease:cubic-bezier(0.22,1,0.36,1);--m-ease-settle:cubic-bezier(0.16,1,0.3,1);--m-shadow-lift:0 18px 44px rgba(0,0,0,.55);--m-shadow-plate:0 26px 60px rgba(0,0,0,.62),inset 0 0 80px rgba(122,72,20,.28);font-family:var(--font-jakarta),system-ui,sans-serif;color:var(--m-cream);background:var(--m-night)}body:has(.m-shell){background:#0b0a08}.m-shell ::-moz-selection{background:rgba(232,184,75,.28);color:var(--m-parch-hi)}.m-shell ::selection{background:rgba(232,184,75,.28);color:var(--m-parch-hi)}.m-shell :focus-visible{outline:2px solid var(--m-gold-hi);outline-offset:3px;border-radius:4px}.m-shell{caret-color:var(--m-gold-hi);scrollbar-color:var(--m-gold-deep) var(--m-night-2)}.m-shell ::-webkit-scrollbar{width:11px}.m-shell ::-webkit-scrollbar-track{background:var(--m-night-2)}.m-shell ::-webkit-scrollbar-thumb{background:var(--m-gold-deep);border:3px solid var(--m-night-2);border-radius:6px}.m-shell ::-webkit-scrollbar-thumb:hover{background:var(--m-gold)}.m-display{font-family:var(--font-fraunces),Georgia,serif;font-weight:600;letter-spacing:-.022em;text-wrap:balance}.m-meta{font-family:var(--font-mono),ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:.1em;text-transform:uppercase}.m-prose{max-width:68ch}.m-plate{background:linear-gradient(180deg,var(--m-ink-hi),var(--m-ink));border:1px solid var(--m-line);border-radius:14px;box-shadow:var(--m-shadow-plate)}.m-parchment{position:relative;background:linear-gradient(175deg,var(--m-parch-hi) 0,var(--m-parch) 46%,var(--m-parch-lo) 100%);color:var(--m-on-parch);border-radius:12px;box-shadow:0 20px 44px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.6)}.m-parchment:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(92deg,rgba(122,90,40,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(2deg,rgba(122,90,40,.04) 0 1px,transparent 1px 4px),radial-gradient(120% 80% at 50% 0,transparent 40%,rgba(122,90,40,.14) 100%)}.m-parchment>*{position:relative;z-index:1}.m-rule{height:1px;background:linear-gradient(90deg,transparent,var(--m-line),var(--m-gold-deep),var(--m-line),transparent)}.m-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;font-weight:600;font-size:.9375rem;line-height:1;padding:.8125rem 1.375rem;border:1px solid transparent;cursor:pointer;transition:transform .18s var(--m-ease),box-shadow .18s var(--m-ease),background-color .18s var(--m-ease),border-color .18s var(--m-ease),color .18s var(--m-ease)}.m-btn-gold{background:linear-gradient(180deg,var(--m-gold-hi),var(--m-gold));color:#251802;border-color:var(--m-gold-hi);box-shadow:0 10px 26px rgba(232,184,75,.26),inset 0 -2px 0 rgba(0,0,0,.18)}.m-btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(232,184,75,.36),inset 0 -2px 0 rgba(0,0,0,.18)}.m-btn-gold:active{transform:translateY(0)}.m-btn-outline{background:hsla(42,55%,90%,.04);color:var(--m-cream);border-color:var(--m-line)}.m-btn-outline:hover{background:rgba(232,184,75,.1);border-color:var(--m-gold);color:var(--m-parch-hi);transform:translateY(-2px)}.m-btn-ghost{background:transparent;color:var(--m-cream-2);border-color:transparent}.m-btn-ghost:hover{color:var(--m-parch-hi);background:hsla(42,55%,90%,.06)}.m-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.m-link{color:var(--m-gold-hi);text-decoration:underline;text-decoration-color:var(--m-gold-deep);text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .16s var(--m-ease),color .16s var(--m-ease)}.m-link:hover{color:var(--m-parch-hi);text-decoration-color:var(--m-gold-hi)}.m-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .625rem;border-radius:999px;border:1px solid var(--m-line);background:var(--m-gold-soft);color:var(--m-gold-hi);font-size:.6875rem;font-weight:600}.m-scene{container-type:inline-size}.m-scene-hud{font-size:clamp(.5rem,1.35cqw,.6875rem)}.m-scene-pip{width:clamp(.4375rem,1.25cqw,.625rem);height:clamp(.4375rem,1.25cqw,.625rem)}.m-scene-narration{font-size:clamp(.8125rem,2.35cqw,1.0625rem)}.m-scene-turn{font-size:clamp(.6875rem,1.85cqw,.875rem)}.m-scene-card{padding:clamp(.75rem,2.4cqw,1.125rem)}.m-scene-question{font-size:clamp(.8125rem,2.15cqw,1rem);margin-bottom:clamp(.625rem,1.9cqw,.875rem)}.m-scene-options{gap:clamp(.3125rem,1cqw,.5rem)}.m-scene-option{gap:clamp(.5rem,1.5cqw,.75rem);padding:clamp(.4375rem,1.35cqw,.625rem) clamp(.5rem,1.7cqw,.75rem)}.m-scene-key{width:clamp(1.0625rem,3.1cqw,1.5rem);height:clamp(1.0625rem,3.1cqw,1.5rem);font-size:clamp(.5rem,1.3cqw,.625rem)}.m-scene-choice{font-size:clamp(.75rem,1.95cqw,.875rem)}.m-scene-note{font-size:clamp(.6875rem,1.8cqw,.8125rem)}.m-beam{background:radial-gradient(62% 44% at 50% 0,rgba(232,184,75,.2) 0,transparent 68%),radial-gradient(48% 50% at 14% 76%,rgba(158,42,22,.24) 0,transparent 70%),radial-gradient(44% 46% at 88% 62%,rgba(36,31,70,.55) 0,transparent 72%)}.m-beam,.m-stardust{position:absolute;inset:0;pointer-events:none}.m-stardust{opacity:.5;background-image:radial-gradient(1px 1px at 12% 18%,hsla(40,86%,70%,.7) 50%,transparent),radial-gradient(1px 1px at 62% 9%,hsla(42,55%,90%,.5) 50%,transparent),radial-gradient(1px 1px at 84% 28%,hsla(40,86%,70%,.6) 50%,transparent),radial-gradient(1px 1px at 33% 42%,hsla(42,55%,90%,.4) 50%,transparent),radial-gradient(1px 1px at 76% 54%,hsla(40,86%,70%,.5) 50%,transparent),radial-gradient(1px 1px at 22% 72%,hsla(42,55%,90%,.4) 50%,transparent),radial-gradient(1px 1px at 91% 81%,hsla(40,86%,70%,.55) 50%,transparent)}@keyframes m-curtain{0%{opacity:0;transform:translateY(26px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes m-foil{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes m-scene-settle{0%{opacity:0;transform:perspective(1400px) rotateX(7deg) translateY(44px) scale(.96)}to{opacity:1;transform:perspective(1400px) rotateX(0) translateY(0) scale(1)}}@keyframes m-gold-sweep{0%{transform:translateX(-120%)}to{transform:translateX(220%)}}@keyframes m-shake{0%,to{transform:translateX(0)}18%{transform:translateX(-7px)}38%{transform:translateX(6px)}58%{transform:translateX(-4px)}78%{transform:translateX(2px)}}@keyframes m-pop{0%{transform:scale(.94) translateY(6px);opacity:0}to{transform:none;opacity:1}}.m-anim-curtain{animation:m-curtain .82s var(--m-ease) both}.m-anim-foil{animation:m-foil .62s var(--m-ease) both}.m-anim-scene{animation:m-scene-settle 1.15s var(--m-ease) .18s both}.m-anim-pop{animation:m-pop .42s var(--m-ease-settle) both}.m-anim-shake{animation:m-shake .46s var(--m-ease) both}.m-sweep:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 38%,hsla(40,86%,70%,.42) 50%,transparent 62%);animation:m-gold-sweep .9s var(--m-ease) both}.m-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--m-ease),transform .7s var(--m-ease)}.m-reveal[data-shown=true]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.m-shell *,.m-shell :after,.m-shell :before{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}.m-reveal{opacity:1;transform:none}}