.story-reel{--reel-cream: #fff8e7;--reel-ink: #081120;position:relative;padding:0;overflow:hidden;background:var(--reel-ink)}.story-reel-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--reel-ink)}.story-reel-frame:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;box-shadow:inset 0 0 0 2px #fff7e729}.story-reel-layer{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .42s ease}.story-reel-layer.is-active{z-index:2;opacity:1}.story-reel[data-transition=cut] .story-reel-layer{transition-duration:.14s}.story-reel[data-transition=dissolve] .story-reel-layer{transition-duration:.62s}.story-reel-img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform-origin:50% 50%;will-change:transform}.story-reel-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#0811208f,#08112000 20%),linear-gradient(0deg,#081120f0,#0811202e 40%,#08112000 64%),radial-gradient(ellipse at center,#08112000 56%,#0811203d)}.story-reel-top{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 12px;pointer-events:none}.story-reel-tag,.story-reel-count{display:inline-flex;align-items:center;min-height:25px;padding:3px 7px;border:2px solid rgba(255,248,231,.34);background:#08112075;color:var(--reel-cream);font-family:var(--f-ui);font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.02em;font-variant-numeric:tabular-nums}.story-reel-count{color:var(--gold)}.story-reel-caption{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:44px 18px 17px;pointer-events:none}.story-reel-caption[hidden]{display:none}.story-reel-speaker{display:inline-block;margin:0 0 5px;color:var(--gold);font-family:var(--f-ui);font-size:11px;font-weight:700;line-height:1.3}.story-reel-caption p{max-width:52ch;margin:0;color:var(--reel-cream);font-family:var(--f-body);font-size:clamp(17px,1.7vw,21px);font-weight:600;line-height:1.45;text-wrap:balance;text-shadow:0 2px 0 rgba(8,17,32,.5)}.story-reel-caption p.is-changing{animation:story-caption-in .32s ease both}@keyframes story-caption-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.story-reel-progress{position:absolute;left:0;right:0;bottom:0;z-index:7;height:4px;background:#fff8e733}.story-reel-progress[hidden]{display:none}.story-reel-progress i{display:block;width:0;height:100%;background:var(--coral)}.story-reel-bar{display:flex;align-items:center;gap:8px;padding:9px 10px;border-top:3px solid var(--line);background:var(--card)}.story-reel-state{color:var(--muted);font-family:var(--f-ui);font-size:11px;font-weight:600;line-height:1.3}.story-reel-spacer{flex:1}.story-reel-bar[hidden]{display:none}.story-reel-btn{min-height:34px;padding:6px 12px;border:2px solid var(--line);background:var(--card);box-shadow:0 3px 0 var(--line);color:var(--ink);font-family:var(--f-ui);font-size:11px;font-weight:700;line-height:1}.story-reel-btn:hover{background:var(--paper-2)}.story-reel-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.story-reel-btn--primary{background:var(--coral);color:var(--reel-ink)}.story-reel-btn--primary:hover{background:var(--gold)}.story-reel-btn[hidden]{display:none}.reel-demo{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:10px;padding:8px 10px;border:3px solid var(--line);background:var(--gold);box-shadow:0 4px 0 var(--line)}.reel-demo[hidden]{display:none}.reel-demo-label{margin-right:4px;color:var(--line);font-family:var(--f-ui);font-size:11px;font-weight:700}.reel-demo button{min-height:30px;padding:4px 9px;border:2px solid var(--line);background:var(--card);color:var(--ink);font-family:var(--f-ui);font-size:11px;font-weight:700;line-height:1}.reel-demo button[aria-pressed=true]{background:var(--coral);color:var(--line)}.reel-demo button:hover{background:var(--paper-2)}@media(max-width:620px){.story-reel-top{padding:8px 9px}.story-reel-tag,.story-reel-count{min-height:22px;padding:2px 5px;font-size:10px}.story-reel-caption{padding:34px 13px 13px}.story-reel-caption p{font-size:16px;line-height:1.45}.story-reel-bar{flex-wrap:wrap;padding:8px}.story-reel-btn{min-height:38px}}@media(prefers-reduced-motion:reduce){.story-reel-layer{transition:none}.story-reel-img{transform:none!important}.story-reel-caption p.is-changing{animation:none}}.cinema-only{display:none!important}.story-reel-top-actions{display:flex;align-items:center;gap:8px}.reel-cinema-toggle{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:3px 8px;border:2px solid rgba(255,248,231,.34);background:#08112075;color:var(--reel-cream);font-family:var(--f-ui);font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,border-color .16s ease,opacity .16s ease}.reel-cinema-toggle:hover,.reel-cinema-toggle:focus-visible{border-color:#fff8e79e;background:#081120c7}.reel-cinema-toggle[aria-pressed=true]{border-color:#ffd24a9e;color:var(--gold)}.reel-cinema-ico{font-size:13px;line-height:1}body.cinema-on{--reel-cream: #fff8e7;--reel-ink: #081120;overflow:hidden;background:#04070f}html.cinema-on{overflow:hidden}body.cinema-on .site-header,body.cinema-on .life-bar,body.cinema-on .life-bar-spacer{visibility:hidden}body.cinema-on astro-dev-toolbar{display:none!important}body.cinema-on .choice-waiting{bottom:calc(68px + env(safe-area-inset-bottom,0px))}body.cinema-on .story-reel{position:fixed;inset:0;z-index:80;margin:0;padding:0;border:0;box-shadow:none;background:#04070f;animation:cinema-enter .72s cubic-bezier(.16,1,.3,1) both}body.cinema-on .story-reel-frame{position:absolute;inset:0;aspect-ratio:auto}body.cinema-on .story-reel-frame:after{display:none}body.cinema-on .story-reel-img{object-fit:cover;image-rendering:auto}body.cinema-on .story-reel-layer{transition-duration:.9s}body.cinema-on .story-reel[data-transition=cut] .story-reel-layer{transition-duration:.52s}body.cinema-on .story-reel[data-transition=dissolve] .story-reel-layer{transition-duration:1.5s}body.cinema-on .story-reel-vignette{background:linear-gradient(180deg,#04070f9e,#04070f00 18%),linear-gradient(0deg,#04070feb,#04070f52 30%,#04070f00 64%),linear-gradient(90deg,#04070f80,#04070f00 46%),radial-gradient(ellipse at center,#04070f00 52%,#04070f75)}body.cinema-on .story-reel-top{padding:calc(clamp(18px,3.6vw,42px) + env(safe-area-inset-top,0px)) calc(clamp(18px,4vw,56px) + env(safe-area-inset-right,0px)) clamp(18px,3.6vw,42px) calc(clamp(18px,4vw,56px) + env(safe-area-inset-left,0px))}body.cinema-on .story-reel-tag,body.cinema-on .story-reel-count{min-height:0;padding:0;border:0;background:transparent;font-size:11px;letter-spacing:.18em;opacity:.72}body.cinema-on .story-reel-count{opacity:.5}body.cinema-on .reel-cinema-toggle{opacity:.56}body.cinema-on .reel-cinema-toggle:hover,body.cinema-on .reel-cinema-toggle:focus-visible{opacity:1}body.cinema-on .story-reel-caption{left:calc(clamp(22px,6vw,96px) + env(safe-area-inset-left,0px));right:auto;bottom:clamp(92px,14vh,156px);width:min(46ch,58vw);padding:0;text-align:left}body.cinema-on .story-reel-caption p{max-width:28ch;font-size:clamp(22px,2.7vw,40px);font-weight:600;line-height:1.3;letter-spacing:-.012em;text-wrap:pretty;text-shadow:0 2px 22px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.55)}body.cinema-on .story-reel-speaker{margin-bottom:10px;color:var(--gold);font-size:10px;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.55)}body.cinema-on .story-reel-caption p.is-changing{animation:cinema-caption-fade 1.15s cubic-bezier(.33,0,.2,1) 60ms both,cinema-caption-rise 1.4s cubic-bezier(.16,1,.3,1) 60ms both}body.cinema-on .story-reel-caption.is-changing .story-reel-speaker{animation:cinema-speaker-in 1s cubic-bezier(.16,1,.3,1) both}body.cinema-on[data-cinema-corner=right] .story-reel-caption{left:auto;right:calc(clamp(22px,6vw,96px) + env(safe-area-inset-right,0px));text-align:right}body.cinema-on[data-cinema-corner=right] .story-reel-caption p{margin-left:auto}body.cinema-on .story-reel-progress{height:2px;background:#fff8e724}body.cinema-on .story-reel-progress i{background:#ffd24acc}body.cinema-on .story-reel-bar{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:12;display:flex;align-items:center;gap:2px;width:auto;max-width:calc(100vw - 24px);padding:4px;border:1px solid rgba(255,248,231,.16);border-radius:999px;background:#0811206b;box-shadow:0 10px 34px #0000004d;backdrop-filter:blur(12px) saturate(120%);transform:translate(-50%);opacity:.55;transition:opacity .32s ease,background .2s ease}body.cinema-on .story-reel-bar:hover,body.cinema-on .story-reel-bar:focus-within{background:#081120a3;opacity:.92}body.cinema-on .story-reel-bar .cinema-only{display:inline-flex!important}body.cinema-on .story-reel-state{display:none}body.cinema-on .story-reel-spacer{flex:0}body.cinema-on .story-reel-btn{min-height:30px;padding:5px 11px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:#fff8e7d1;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}body.cinema-on .story-reel-btn:hover{background:#fff8e71f;color:var(--reel-cream)}body.cinema-on .story-reel-btn:active{transform:none;box-shadow:none}body.cinema-on .story-reel-btn--primary{background:var(--coral);color:var(--reel-ink)}body.cinema-on .story-reel-btn--primary:hover{background:var(--gold)}body.cinema-on .story-reel-btn[hidden]{display:none!important}body.cinema-on .choice-scrim{background:#04070fb8;backdrop-filter:blur(8px) saturate(110%)}body.cinema-on .choice-box{background:#081120f0;border-color:#fff8e733;box-shadow:0 20px 70px #0000008c;color:var(--reel-cream);backdrop-filter:blur(18px)}body.cinema-on .choice-head{border-bottom-color:#fff8e72e}body.cinema-on .choice-kicker{color:var(--gold)}body.cinema-on .choice-meta{color:#fff8e79e}body.cinema-on .choice-later{border-color:#fff8e742;background:transparent;color:var(--reel-cream)}body.cinema-on .choice-later:hover,body.cinema-on .choice-later:focus-visible{border-color:var(--gold);background:var(--gold);color:var(--reel-ink)}body.cinema-on .choice-title{color:var(--reel-cream)}body.cinema-on .choice-text{color:#fff8e7cc}body.cinema-on .choice-fact{background:#2ed3c61f;border-left-color:var(--teal);color:#fff8e7c2}body.cinema-on .choice-btn{border-color:#fff8e738;background:#fff8e70f;color:var(--reel-cream)}body.cinema-on .choice-btn:hover,body.cinema-on .choice-btn:focus-visible{border-color:var(--gold);background:var(--gold);color:var(--reel-ink)}body.cinema-on .choice-num{color:var(--gold)}body.cinema-on .choice-foot{border-top-color:#fff8e72e}body.cinema-on .choice-auto{border-color:#fff8e738;background:transparent;color:#fff8e7b8}body.cinema-on .choice-auto:hover,body.cinema-on .choice-auto:focus-visible{border-color:var(--gold);background:var(--gold);color:var(--reel-ink)}body.cinema-on .choice-art{border-color:#fff8e72e}.cinema-title{position:absolute;left:calc(clamp(22px,6vw,96px) + env(safe-area-inset-left,0px));bottom:clamp(92px,14vh,156px);z-index:6;width:min(44ch,56vw);pointer-events:none;opacity:0;transform:translateY(16px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}.cinema-title.is-visible{opacity:1;transform:translateY(0)}.cinema-title-kicker{display:block;margin-bottom:9px;color:var(--gold);font-family:var(--f-ui);font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.55)}.cinema-title-text{max-width:28ch;margin:0;color:var(--reel-cream);font-family:var(--f-body);font-size:clamp(20px,2.3vw,34px);font-weight:600;line-height:1.32;letter-spacing:-.01em;text-wrap:pretty;text-shadow:0 2px 22px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.55)}body.cinema-on[data-cinema-corner=right] .cinema-title{left:auto;right:calc(clamp(22px,6vw,96px) + env(safe-area-inset-right,0px));text-align:right}body.cinema-on[data-cinema-corner=right] .cinema-title-text{margin-left:auto}.cinema-hint{position:absolute;top:calc(clamp(20px,3.6vw,42px) + env(safe-area-inset-top,0px));left:50%;z-index:13;margin:0;padding:6px 12px;border:1px solid rgba(255,248,231,.14);border-radius:999px;background:#08112075;color:#fff8e7b8;font-family:var(--f-ui);font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transform:translate(-50%) translateY(-6px);transition:opacity .65s ease,transform .65s ease}.cinema-hint.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@keyframes cinema-caption-fade{0%{opacity:0}to{opacity:1}}@keyframes cinema-caption-rise{0%{transform:translateY(20px);filter:blur(5px)}to{transform:translateY(0);filter:blur(0)}}@keyframes cinema-speaker-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cinema-enter{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(max-width:620px){.reel-cinema-label{display:none}body.cinema-on .story-reel-caption{right:calc(clamp(18px,5vw,42px) + env(safe-area-inset-right,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));left:calc(clamp(18px,5vw,42px) + env(safe-area-inset-left,0px));width:auto}body.cinema-on[data-cinema-corner=right] .story-reel-caption{right:calc(clamp(18px,5vw,42px) + env(safe-area-inset-right,0px));left:calc(clamp(18px,5vw,42px) + env(safe-area-inset-left,0px))}body.cinema-on .story-reel-caption p,.cinema-title-text{max-width:none;font-size:clamp(20px,5.6vw,29px)}.cinema-title{right:calc(clamp(18px,5vw,42px) + env(safe-area-inset-right,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));left:calc(clamp(18px,5vw,42px) + env(safe-area-inset-left,0px));width:auto}body.cinema-on[data-cinema-corner=right] .cinema-title{right:calc(clamp(18px,5vw,42px) + env(safe-area-inset-right,0px))}body.cinema-on .story-reel-bar{bottom:calc(10px + env(safe-area-inset-bottom,0px));flex-wrap:nowrap;gap:0;max-width:calc(100vw - 16px);overflow:hidden}body.cinema-on .story-reel-btn{min-height:34px;padding:5px 8px;font-size:9px}.cinema-hint{display:none}}@media(prefers-reduced-motion:reduce){body.cinema-on .story-reel{animation:none}body.cinema-on .story-reel-layer{transition:none}body.cinema-on .story-reel-caption p.is-changing,body.cinema-on .story-reel-caption.is-changing .story-reel-speaker{animation:none}.cinema-title{transition:none;transform:none}.cinema-hint{transition:none}}