#introFilm{padding:0;display:none;font-family:'Fusion Pixel',monospace}#introFilm[open]{display:flex;flex-direction:column;background:#101424}#introFilm .film-space{flex:1;min-height:0;height:auto;display:flex;flex-direction:column;background:#101424}#introFilm .film-space:before,#introFilm .film-space:after{display:none}#introFilm .film-heading{position:static;padding:20px 6% 8px;font:20px 'Fusion Pixel',monospace;color:#efd59f;letter-spacing:3px;flex-shrink:0}#introFilm .film-heading span{display:inline;margin-left:20px;font:14px 'Fusion Pixel',monospace;letter-spacing:2px}.cinema-visual{position:relative;flex:1;min-height:130px;overflow:hidden;background:#151a2e;animation:cinema-reveal .5s steps(8) both}.cinema-visual svg{width:100%;height:100%;min-height:130px}.cinema-visual text{font:20px 'Fusion Pixel',monospace;fill:#f6deb3}.cinema-visual[data-scene=arrival]{background:url('../assets/art/spaceqat-arrival.png') center 43%/cover;animation:cinema-reveal .5s steps(8) both}.cinema-visual[data-scene=arrival] svg{opacity:.4}#introFilm .film-subtitle{position:static;flex-shrink:0;margin:12px 6%;padding:14px 24px;text-align:center;max-height:42dvh;overflow:auto;border:4px solid #93613b;box-shadow:0 0 0 3px #342116;background:#efd1a3}#introFilm .film-subtitle h2{font-size:clamp(20px,2.4vw,30px);margin:8px 0;line-height:1.5}#introFilm .film-subtitle p{font-size:clamp(15px,1.6vw,19px);line-height:1.85;margin:8px auto;max-width:1000px;text-shadow:none}#introFilm footer{height:auto;min-height:68px;flex-shrink:0;flex-wrap:wrap;padding:10px 5%;border-top:4px solid #b58348;gap:10px}#introFilm footer button{font-family:'Fusion Pixel',monospace;background:#a76739;border:3px solid #432915;border-top-color:#f5cb8d;border-radius:0;color:#fff0d1}#introFilm footer button:last-child{margin-left:12px}.cinema-star{animation:cinema-twinkle 3s steps(3) infinite}.cinema-vessel{animation:cinema-voyage 13s steps(16) both;transform-origin:center}.cinema-signal{animation:cinema-message 2s steps(4) infinite}.cinema-module{animation:cinema-awaken 1.8s steps(4) both}.cinema-guard,.cinema-engine{animation:cinema-twinkle 2s steps(3) infinite}.cinema-orbit{animation:cinema-drift 12s steps(12) infinite}#introFilm.film-paused *,#introFilm.film-paused *:before{animation-play-state:paused!important}.reduced #introFilm *{animation:none!important}@keyframes cinema-reveal{from{clip-path:inset(0 50%)}to{clip-path:inset(0)}}@keyframes cinema-voyage{from{transform:translateY(30px) scale(.65)}to{transform:translateY(-8px) scale(1)}}@keyframes cinema-twinkle{50%{opacity:.45}}@keyframes cinema-message{50%{transform:translateY(-8px)}}@keyframes cinema-awaken{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cinema-drift{to{transform:translateX(-32px)}}@media(prefers-reduced-motion:reduce){#introFilm *{animation:none!important}}@media(max-width:600px){#introFilm .film-heading{font-size:16px;padding:12px 4% 6px}#introFilm .film-heading span{display:block;margin:6px 0}#introFilm .film-subtitle{margin:8px 4%;padding:10px 12px;max-height:46dvh}#introFilm footer{justify-content:center}#introFilm footer button{font-size:13px;padding:8px}#introFilm footer button:last-child{margin-left:0}}