#introFilm .cinema-visual{animation:none;isolation:isolate;background:#111827;min-height:170px}#introFilm .film-heading{padding-top:12px;padding-bottom:10px}#introFilm .film-subtitle{margin-top:8px;margin-bottom:8px}#introFilm .film-subtitle p{font-size:clamp(15px,1.45vw,18px)}.prologue-shot{position:absolute;inset:0;overflow:hidden;image-rendering:pixelated;animation:prologue-cut .65s steps(12) both}.prologue-backdrop{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;image-rendering:pixelated}.prologue-voyage>.prologue-backdrop{animation:prologue-approach 12s steps(24) both;object-position:center 42%}.prologue-caption{position:absolute;bottom:18px;left:5%;padding:8px 16px;background:#202e3d;color:#ecd6a2;border-left:4px solid #d4a35d;font-size:14px;letter-spacing:2px}.prologue-dust{position:absolute;inset:0;pointer-events:none}.prologue-dust i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#f4d99d;animation:prologue-stars 8s steps(16) infinite;animation-delay:var(--delay)}.prologue-route{position:absolute;top:12%;left:5%;width:30%;height:4px;background:#d7bc7d;box-shadow:24px 12px #6b8f9e;animation:prologue-route 6s steps(12) both}.prologue-storm>.prologue-backdrop{filter:brightness(.55) saturate(.7);animation:prologue-shake .9s steps(4) 3}.prologue-storm .prologue-dust i{width:16px;height:6px;background:#8c8592;animation-duration:1.8s}.prologue-storm>.prologue-storm{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 90px,#60556b55 90px 96px,transparent 96px 180px);animation:prologue-cloud 12s steps(12) both}.prologue-darkness{position:absolute;inset:0;background:#101427;animation:prologue-dim 12s steps(4) both;pointer-events:none}.prologue-alert{position:absolute;z-index:2;left:8%;top:15%;display:grid;gap:12px;background:#26252c;border:4px solid #c28f58;padding:20px;color:#efd2a3;box-shadow:6px 6px #0a101a}.prologue-alert b{font-size:24px;color:#f4b87b}.prologue-alert span{animation:prologue-reveal 1s steps(3) both}.prologue-alert span:nth-of-type(2){animation-delay:1s;color:#a9d89b}.prologue-alert span:nth-of-type(3){animation-delay:2s}.prologue-shade{position:absolute;inset:0;background:#0b1729a6}.prologue-comm{position:absolute;top:8%;bottom:10%;left:9%;width:31%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#354d54;border:6px double #dfb676;color:#ffe0a5;box-shadow:8px 8px #162530;animation:prologue-reveal 1s steps(6) both}.prologue-captain-portrait{height:65%;max-height:200px;width:auto;image-rendering:pixelated}.prologue-comm small{font-size:13px}.prologue-plan{position:absolute;left:49%;right:8%;top:17%;display:grid;gap:14px}.prologue-plan span{padding:12px;background:#ead09d;color:#493320;border:3px solid #9b6e3d;animation:prologue-reveal 1s steps(4) both}.prologue-plan span:nth-child(2){animation-delay:2s}.prologue-plan span:nth-child(3){animation-delay:4s}.prologue-plan span:nth-child(4){animation-delay:6s}.prologue-labs{display:grid;grid-template-columns:repeat(4,1fr);height:100%;gap:8px;background:#141d28;padding:8px}.prologue-lab{position:relative;overflow:hidden;border:4px solid #9d774e;animation:prologue-lab-focus 16s steps(4) both;animation-delay:calc(var(--order)*1s)}.prologue-lab .prologue-backdrop{filter:brightness(.65);animation:prologue-pan 16s steps(16) both}.prologue-lab b,.prologue-lab>span{position:absolute;left:5%;right:5%;background:#202f3d;color:#f4d69d;padding:8px;text-align:center;font-size:14px}.prologue-lab b{top:8px}.prologue-lab>span{bottom:10px;color:#d6b2a0;font-size:12px}.prologue-companion-actor{position:absolute;left:39%;top:22%;width:24%;height:54%;animation:prologue-cat-hop 1.4s steps(6) both}.prologue-cat{position:absolute;bottom:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;animation:prologue-bob 1.6s steps(2) infinite}.prologue-crate{position:absolute;left:36%;right:34%;top:67%;height:35%;background:#845735;border:8px double #d9ab69;box-shadow:inset 0 6px #503521}.prologue-lantern{position:absolute;right:-30%;bottom:0;width:36px;height:56px;border:6px solid #b38950;background:#ffe8a1;box-shadow:0 0 0 8px #b1844933,0 0 0 18px #e9c98522;animation:prologue-reveal 2s steps(4) both}.prologue-lantern:before{content:'';position:absolute;top:-18px;left:5px;width:14px;height:12px;border:4px solid #c69b5d}.prologue-quote{position:absolute;left:5%;top:8%;color:#ffdf98;font-size:clamp(14px,2vw,23px);text-shadow:2px 2px #172226}.prologue-beacon-assembly{position:absolute;left:18%;right:18%;top:23%;display:flex;justify-content:space-around;align-items:center;gap:14px}.prologue-empty-slot{width:95px;height:95px;border:6px double #ab8a5d;background:#202f3d;color:#a6aa99;display:grid;place-items:center;font-size:36px}.prologue-empty-slot small{font-size:13px}.prologue-beacon-core{font-size:90px;color:#716d68;animation:prologue-bob 2s steps(2) infinite}.prologue-directions{position:absolute;bottom:12%;left:10%;right:10%;display:flex;justify-content:space-between;color:#f4d29b}.prologue-directions span{background:#463526;border:3px solid #b18a55;padding:8px}.prologue-boarding>.prologue-backdrop{animation:prologue-approach 9s steps(18) both}.prologue-door{position:absolute;top:0;bottom:0;width:50%;background:#2c3841;border:8px double #b18e59;z-index:3;animation:prologue-door 3s steps(16) both}.prologue-door.left{left:0;--travel:-105%}.prologue-door.right{right:0;--travel:105%}.prologue-title{position:absolute;inset:12% 15%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#172336cc;color:#ffe4a2;animation:prologue-reveal 2s steps(5) 2s both;border:4px double #c8a770}.prologue-title strong{font-size:clamp(28px,5vw,58px);text-shadow:4px 4px #392b29}.prologue-title span{font-size:24px;letter-spacing:6px}.prologue-title small{letter-spacing:8px}@keyframes prologue-cut{from{clip-path:inset(0 50%)}to{clip-path:inset(0)}}@keyframes prologue-approach{from{transform:scale(1.03) translateY(2%)}to{transform:scale(1.17) translateY(-2%)}}@keyframes prologue-stars{to{translate:-70px 20px}}@keyframes prologue-route{from{width:0}to{width:30%}}@keyframes prologue-shake{25%{translate:-4px 0}75%{translate:4px 0}}@keyframes prologue-cloud{to{translate:-80px 30px}}@keyframes prologue-dim{from{opacity:0}to{opacity:.35}}@keyframes prologue-reveal{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes prologue-pan{to{transform:scale(1.12)}}@keyframes prologue-lab-focus{from{border-color:#4e4f50}to{border-color:#cfaa6b}}@keyframes prologue-cat-hop{from{translate:0 100px}to{translate:0 0}}@keyframes prologue-bob{50%{translate:0 -4px}}@keyframes prologue-door{to{transform:translateX(var(--travel))}}.reduced #introFilm .prologue-door{display:none}@media(prefers-reduced-motion:reduce){#introFilm .prologue-door{display:none}}@media(max-width:650px){.prologue-labs{grid-template-columns:repeat(2,1fr);gap:4px;padding:4px}.prologue-lab b{font-size:12px;top:0;padding:4px}.prologue-lab>span{display:none}.prologue-plan{gap:7px;top:8%;right:4%}.prologue-plan span{padding:6px;font-size:12px}.prologue-comm{left:4%;width:39%}.prologue-comm small{font-size:10px}.prologue-empty-slot{width:65px;height:65px;font-size:24px}.prologue-empty-slot small{font-size:10px}.prologue-beacon-assembly{left:8%;right:8%;top:16%}.prologue-beacon-core{font-size:52px}.prologue-directions{left:3%;right:3%;font-size:12px;bottom:6%}.prologue-title{inset:8% 10%;gap:8px}.prologue-title span{font-size:18px}.prologue-alert{padding:10px;gap:6px;top:8%}}

#introFilm.film-paused :is(.prologue-shot,.prologue-comm,.prologue-plan span,.prologue-alert span,.prologue-title,.prologue-lantern){animation:none!important}#introFilm.film-paused .prologue-door{display:none}