:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--ink:#f6f1e7;--muted:#b3aa9b;--faint:#7d766b;--line:#f3e2b829;--gold:#e4c27a;--gold-2:#f6e7c4;--ink-on-gold:#1a140c;--paper:#f3ead7;--paper-ink:#21180f;--heat:#e36a4f;--serif:"Fraunces", "Iowan Old Style", Palatino, "Palatino Linotype", serif;--sans:"Outfit", "Avenir Next", "Segoe UI", sans-serif;--mx:50vw;--my:18vh}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.45}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--gold);color:var(--ink-on-gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.glow{pointer-events:none;background:radial-gradient(420px 320px at var(--mx) var(--my), #e4c27a29, transparent 70%), radial-gradient(900px 520px at 50% -10%, #e4c27a17, transparent 60%);z-index:0;position:fixed;inset:0}.grain{pointer-events:none;z-index:1;opacity:.18;mix-blend-mode:overlay;background-image:radial-gradient(#ffffff73 .45px,#0000 .5px);background-size:3px 3px;position:fixed;inset:0}.frame{border:1px solid var(--line);pointer-events:none;z-index:4;position:fixed;inset:10px}.marquee{z-index:3;border-bottom:1px solid var(--line);color:var(--faint);letter-spacing:.18em;text-transform:uppercase;padding:9px 0;font-size:11px;position:relative;overflow:hidden}.marquee-track{width:max-content;animation:46s linear infinite ticker;display:flex}.marquee-track span{white-space:nowrap;padding-right:.2em}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.stage{z-index:2;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 22px calc(16px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.top,.foot{justify-content:space-between;align-items:center;gap:16px;width:min(1080px,100%);margin:0 auto;display:flex}.top{padding:8px 0 18px}.brand{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.mark{width:22px;height:22px;color:var(--gold);display:block}.top-meta,.foot{color:var(--faint);letter-spacing:.16em;text-transform:uppercase;font-size:12px}.foot{border-top:1px solid #0000;padding-top:28px}.col{flex:1;width:min(740px,100%);margin:0 auto}.layout{flex:1;grid-template-columns:1fr;gap:8px;width:min(1080px,100%);margin:0 auto;display:grid}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:600}.eyebrow i{color:var(--faint);margin-left:10px;font-style:normal}h1{font-family:var(--serif);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,7vw,5.1rem);font-weight:560;line-height:.96}h1 em{color:var(--gold-2);font-style:italic;font-weight:520}.q-title{font-size:clamp(2rem,4.6vw,3.45rem);line-height:1.02}.lede{max-width:38rem;color:var(--muted);margin:18px 0 0;font-size:1.05rem}.lede.quiet{color:var(--faint);font-size:.98rem}.lede.dark{color:#5e5142}html[data-phase=intro] .marquee,html[data-phase=intro] .top,html[data-phase=intro] .foot,html[data-phase=bonus] .marquee,html[data-phase=bonus] .top,html[data-phase=bonus] .foot,html[data-phase=bonus] .frame,html[data-phase=verdict] .marquee,html[data-phase=verdict] .top,html[data-phase=verdict] .foot,html[data-phase=verdict] .frame{display:none}html[data-phase=bonus] .stage,html[data-phase=verdict] .stage{padding:0}.intro{flex-direction:column;justify-content:center;min-height:100dvh;padding-bottom:8vh;display:flex}.intro-logo{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:14px;margin:0;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:600;line-height:1;display:flex}.intro-logo .mark{width:46px;height:46px}.intro-facts{color:var(--gold-2);font-family:var(--serif);letter-spacing:-.03em;gap:22px;margin:22px 0 0;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:520;display:flex}.intro-proverb{max-width:8.2em;color:var(--gold-2);font-family:var(--serif);letter-spacing:-.04em;text-wrap:balance;margin:36px 0 0;font-size:clamp(2.7rem,7vw,4.6rem);font-weight:520;line-height:.96}.name,.lock label{flex-direction:column;gap:8px;margin-top:28px;display:flex}.name span,.lock label span{letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-size:12px}input,textarea{border:1px solid var(--line);background:#ffffff08;border-radius:16px;width:100%;padding:14px 16px;font-size:16px}textarea{resize:vertical;min-height:140px;line-height:1.5}input:focus,textarea:focus{border-color:#e4c27ab3}.actions{padding-bottom:env(safe-area-inset-bottom);justify-content:space-between;gap:12px;margin-top:26px;display:flex}.intro .actions,.kulis .actions,.lock .primary{justify-content:flex-start}.gate-skip{margin-top:18px}.bonus,.verdict{z-index:30;background:var(--bg);position:fixed;inset:0}.bonus{flex-direction:column;display:flex}.bonus h1{padding:calc(28px + env(safe-area-inset-top)) 24px 18px;text-align:center;margin:0;font-size:clamp(1.8rem,5vw,3.2rem)}.bonus-buttons{flex:1;grid-template-rows:1fr 1fr;min-height:0;display:grid}.bonus-buttons button{font-family:var(--serif);letter-spacing:-.04em;border:0;border-radius:0;font-size:clamp(4rem,14vw,8rem);font-weight:560}.bonus-yes{background:var(--gold);color:var(--ink-on-gold)}.bonus-no{color:var(--gold-2);background:#140e0c}.bonus-buttons button:disabled{opacity:.7}.bonus-notice{left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));text-align:center;color:var(--heat);margin:0;position:absolute}.verdict{text-align:center;place-items:center;padding:28px;display:grid}.verdict h1{width:min(100%,14ch);font-size:clamp(2.8rem,9vw,6.4rem)}.primary,.ghost,.text-btn{border:1px solid #0000;border-radius:999px}.primary,.ghost{min-height:48px;padding:0 20px}.primary{background:var(--gold);color:var(--ink-on-gold);font-weight:600}.primary:hover{background:var(--gold-2)}.primary:disabled{opacity:.65;cursor:progress}.ghost{border-color:var(--line);color:var(--ink);background:0 0}.ghost:hover{border-color:var(--gold)}.text-btn{color:var(--gold-2);letter-spacing:.04em;background:0 0;border:0;padding:0}.text-btn.dark{color:#7a5b32;margin-top:18px}.text-btn.danger{color:var(--heat)}.rail{margin:0;padding:8px 0 0;list-style:none;display:none}.progress{background:#ffffff14;border-radius:99px;height:2px;margin:4px 0 22px;overflow:hidden}.progress span{background:linear-gradient(90deg, #8c6a2f, var(--gold-2));height:100%;display:block}.ask{animation:.42s cubic-bezier(.2,.7,.2,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hint{color:var(--muted);max-width:38rem;margin:12px 0 22px}.scale{grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:8px;display:grid}.point{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#ffffff05;border-radius:14px;min-height:52px;font-weight:600}.point.on,.choice.on{background:var(--gold);color:var(--ink-on-gold);border-color:var(--gold)}.scale-ends{color:var(--faint);justify-content:space-between;gap:16px;margin-top:10px;font-size:13px;display:flex}.scale-ends span:last-child{text-align:right;color:var(--gold-2)}.choices{gap:8px;display:grid}.choices.posters{grid-template-columns:1fr 1fr;gap:10px}.choice{text-align:left;border:1px solid var(--line);background:#ffffff06;border-radius:18px;flex-direction:column;gap:3px;min-height:64px;padding:14px 16px;display:flex}.choice.with-poster{flex-direction:column;align-items:stretch;gap:10px;min-height:0;padding:8px 8px 12px}.choice-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.choice.with-poster .choice-copy{padding:0 4px}.poster{aspect-ratio:2/3;object-fit:cover;border-radius:12px;flex:none;width:100%;box-shadow:0 12px 28px #0006}.choice.with-poster .choice-label{font-size:.95rem;line-height:1.15}@media (width<=719px){.choices.posters .choice.with-poster:last-child:nth-child(odd){flex-direction:row;grid-column:1/-1;align-items:center;padding:8px 14px 8px 8px}.choices.posters .choice.with-poster:last-child:nth-child(odd) .poster{aspect-ratio:auto;width:108px;height:162px}.choices.posters .choice.with-poster:last-child:nth-child(odd) .choice-label{font-size:1.15rem}}@media (width>=720px){.choices.posters{grid-template-columns:repeat(5,minmax(0,1fr))}}.choice:hover{border-color:#e4c27a73}.choice-label{font-size:1.02rem;font-weight:560}.choice-note{color:var(--faint);font-size:.92rem}.choice.on .choice-note{color:#6d5428}.notice{color:var(--heat);margin:14px 0 0}.shake{animation:.38s shake}@keyframes shake{0%,to{transform:translate(0)}30%{transform:translate(-7px)}70%{transform:translate(7px)}}.done{place-items:center;padding:12px 0 24px;display:grid}.ticket{background:radial-gradient(12px 12px at 0 28px, transparent 11px, var(--paper) 12px) left top / 100% 28px repeat-y, var(--paper);width:min(460px,100%);color:var(--paper-ink);border-radius:18px;padding:32px 28px 26px;position:relative;box-shadow:0 30px 80px #00000061}.ticket h1{font-size:clamp(2.4rem,6vw,3.6rem)}.ticket .eyebrow{color:#8a6840}.stamp{color:#9d3b2a;letter-spacing:.14em;text-transform:uppercase;border:1.5px solid #9d3b2a;margin:0;padding:6px 8px;font-size:11px;font-weight:600;position:absolute;top:22px;right:18px;transform:rotate(-8deg)}.ticket-code{font-family:var(--serif);letter-spacing:.08em;margin:18px 0 0;font-size:2rem}.lock{max-width:420px}.lock .primary{margin-top:16px}.kulis-head,.kulis-actions,.entry-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.kulis-head{flex-wrap:wrap;align-items:flex-end;margin-bottom:8px}.kulis-head h1{font-size:clamp(2.2rem,5vw,4rem)}.kulis-actions{flex-wrap:wrap}.people{gap:8px;margin:22px 0 0;padding:0;list-style:none;display:grid}.person{text-align:left;border:1px solid var(--line);background:#ffffff06;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 18px;display:flex}.person:hover{border-color:#e4c27a73}.person-name{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1}.person-meta{color:var(--faint);letter-spacing:.04em;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;display:flex}.back{margin-bottom:18px}.sheet{margin:28px 0 0;padding:0;list-style:none}.sheet li{border-top:1px solid var(--line);padding:16px 0}.sheet-kicker{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.sheet-q{color:var(--muted);margin:6px 0 0;font-size:.98rem}.sheet-a{font-family:var(--serif);letter-spacing:-.03em;white-space:pre-wrap;margin:8px 0 0;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.2}.entry-actions{margin-top:18px}@media (width>=720px){.frame{inset:14px}}@media (width>=980px){.layout.has-rail{grid-template-columns:210px minmax(0,740px);justify-content:center}.rail{align-self:start;display:block;position:sticky;top:18px}.progress{display:none}.rail-btn{text-align:left;width:100%;color:var(--faint);background:0 0;border:0;gap:8px;padding:6px 0;font-size:13px;display:flex}.rail-btn span{font-variant-numeric:tabular-nums;color:#5c564c}.rail-btn.now{color:var(--gold-2)}.rail-btn.done{color:var(--muted)}.rail-btn:disabled{cursor:default}}@media (width<=640px){.stamp{margin-bottom:12px;display:inline-block;position:static}.foot span:last-child{display:none}.person{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.marquee-track,.ask,.shake{animation:none}.glow{background:radial-gradient(900px 520px at 50% -10%,#e4c27a17,#0000 60%)}}
