html.cinema-on{overflow:hidden}html.cinema-on [data-world]{background-color:#000;transition:background-color .6s ease}html.cinema-on .world-page>:not(.cinema-keep){opacity:0;transition:opacity .6s ease;pointer-events:none}.world-page>:not(.cinema-keep){transition:opacity .6s ease}.cinema-stage{position:fixed;inset:0;z-index:70;display:grid;grid-template-rows:var(--cinema-bar) 1fr var(--cinema-bar);--cinema-w:min(92vw,1200px);--cinema-h:calc(var(--cinema-w) / 2.39);--cinema-bar:max(56px,calc((100vh - var(--cinema-h)) / 2));color:var(--b-white)}.cinema-bar{background:#000;display:flex;align-items:center;justify-content:center;padding:0 clamp(16px,4vw,56px)}.cinema-bar-top{justify-content:space-between}.cinema-bar-bottom{flex-direction:column;justify-content:center;gap:12px}.cinema-screen{width:var(--cinema-w);height:100%;align-items:center;overflow:hidden}.cinema-reel,.cinema-screen{position:relative;margin:0 auto;display:grid}.cinema-reel{gap:18px;max-width:760px;padding:0 24px;text-align:center}.cinema-reel-n{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--b-grey)}.cinema-reel-title{font-size:clamp(2rem,4.6vw,3.75rem);font-weight:800;line-height:1.02;letter-spacing:-.03em}.cinema-reel-body{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.5;color:var(--b-grey);max-width:62ch;margin:0 auto}.cinema-frame-tag{display:inline-flex;justify-content:center}.cinema-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--b-hairline)}.cinema-progress>span{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:var(--b-red)}.cinema-controls{display:flex;align-items:center;gap:14px;color:var(--b-grey);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.cinema-ctl{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--b-hairline-strong);color:var(--b-white);background:transparent;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.cinema-ctl:hover{background:var(--b-obsidian-high);border-color:var(--b-grey)}.cinema-ctl:focus-visible{outline:1px solid var(--b-red);outline-offset:2px}.cinema-ticks{display:flex;gap:6px;align-items:center}.cinema-tick{width:22px;height:3px;border-radius:2px;background:var(--b-hairline-strong);border:0;padding:0;transition:background-color .3s var(--ease-out),transform .3s var(--ease-out)}.cinema-tick.is-past{background:var(--b-grey)}.cinema-tick.is-now{background:var(--b-red);transform:scaleY(1.6)}.cinema-note{font-size:.75rem;color:var(--b-grey-dim);text-align:center;max-width:70ch}.demo-play{display:grid;place-items:center;margin-top:24px}.demo-play-btn{display:inline-flex;align-items:center;gap:.6rem;height:56px;padding:0 1.4rem 0 1rem;border-radius:9999px;border:1px solid var(--b-hairline-strong);background:color-mix(in oklch,var(--b-obsidian) 78%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--b-white);font-weight:600;font-size:.9375rem;transition:transform var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),background-color var(--dur-short) var(--ease-out)}.demo-play-btn:hover{border-color:var(--b-grey);transform:translateY(-2px)}.demo-play-btn .demo-play-glyph{display:grid;place-items:center;width:36px;height:36px;border-radius:9999px;background:var(--b-red);color:var(--b-white);font-size:.8rem;padding-left:2px}.demo-strip{display:flex;align-items:stretch;gap:24px}.demo-panel{--panel-w:100%;flex:0 0 var(--panel-w);min-width:0}@media (min-width:1024px){.demo-panel{--panel-w:72%}}.demo-strip.motion .demo-panel{transition:filter .16s var(--ease-out),opacity .16s var(--ease-out)}.demo-strip.motion .demo-panel:not([data-active=true]){filter:blur(1.5px);opacity:.7}.demo-strip-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.demo-chapter-btn{transition:color var(--dur-micro) var(--ease-out),background-color var(--dur-micro) var(--ease-out)}@media (prefers-reduced-motion:reduce){.demo-play-btn:hover{transform:none}.cinema-tick{transition:background-color .15s var(--ease-out)}.cinema-tick.is-now{transform:none}.demo-strip.motion .demo-panel{transition:opacity .15s var(--ease-out)}.demo-strip.motion .demo-panel:not([data-active=true]){filter:none}}