.film{--space:#020403;--surface:#070a08;--line:#1f2a24;--ink:#f1f7f3;--soft:#b4c2ba;--cedar:#4cd98a;--display:var(--font-display);--body:var(--font-sans);background:var(--space);height:100svh;display:block;position:relative;overflow:hidden}.rocket-on .film{cursor:none}.rocket-on .film a,.rocket-on .film button{cursor:pointer}#gl,#motes{width:100%;height:100%;display:block;position:absolute;inset:0}.stage{pointer-events:none;position:absolute;inset:0}#tree{width:100%;height:100%;display:block;overflow:visible}#flash{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 55%,#e9fff2 0%,#4cd98a 35%,#02040300 80%);position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#02040300 55%,#020403d9 100%);position:absolute;inset:0}.cover{text-align:center;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));padding-top:calc(11svh + env(safe-area-inset-top,0px));pointer-events:none;place-content:start center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.cover h1{font:400 clamp(28px, 3.8vw, 60px)/1.05 var(--display);letter-spacing:.1em;text-shadow:0 0 40px #4cd98a59;margin:0}.cover h1 span{white-space:nowrap}@media (width<=640px){.cover h1{letter-spacing:.06em;font-size:9vw}.cover h1 span{display:block}}.cover .ar{font:400 clamp(20px, 2.4vw, 28px)/1.2 var(--body);color:var(--cedar);margin:0}.cover .tagline{font:400 clamp(16px, 1.6vw, 20px)/1.4 var(--body);color:var(--soft);margin:0}.captions{left:0;right:0;top:calc(11svh + env(safe-area-inset-top,0px));padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));pointer-events:none;position:absolute}.cap{text-align:center;opacity:0;text-shadow:0 2px 24px #020403e6;position:absolute;left:0;right:0}.cap h2{font:400 clamp(30px, 8vw, 72px)/1.15 var(--display);text-wrap:balance;max-width:13ch;margin:0 auto}.cap p{color:var(--soft);max-width:30ch;margin:16px auto 0;font-size:clamp(17px,4.4vw,22px);line-height:1.45}.cue{left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));font:400 12px/1 var(--display);letter-spacing:.26em;color:var(--soft);text-shadow:0 0 12px #020403e6;justify-items:center;gap:10px;display:grid;position:absolute;transform:translate(-50%)}.cue i{background:linear-gradient(var(--cedar), transparent);transform-origin:top;width:1px;height:40px;animation:2.2s ease-in-out infinite drip}@keyframes drip{0%{opacity:1;transform:scaleY(0)}70%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.progress{right:max(18px, env(safe-area-inset-right,0px));gap:12px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.progress span{background:#2a3a31;border-radius:50%;width:6px;height:6px;transition:background .3s,transform .3s}.progress span.on{background:var(--cedar);box-shadow:0 0 10px var(--cedar);transform:scale(1.5)}.spin{transform-box:fill-box;transform-origin:50%;animation:14s linear infinite spin}.spin.rev{animation-duration:22s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.breathe{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.45}}@media (width>=1000px){.stage{inset:4.5rem 3rem 1.5rem 38%}.captions{width:30vw;max-width:560px;padding:0;top:38svh;left:6vw;right:auto}.cap{text-align:left;top:0}.cap h2,.cap p{margin-left:0}.cap h2{font-size:clamp(44px,4.4vw,76px)}}@media (aspect-ratio<=85/100){.stage{top:calc(11svh + 2.3 * clamp(30px, 8vw, 72px) + 6rem + env(safe-area-inset-top,0px));bottom:2svh}.progress{top:calc(4.5rem + env(safe-area-inset-top,0px));transform:none}}@media (prefers-reduced-motion:reduce){.cue i,.spin,.breathe{animation:none}}