*{box-sizing:border-box}html,body{color:#d8e2ef;background:#03050c;width:100%;height:100%;margin:0;font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden}body{overscroll-behavior:none}.theater,.stage{position:fixed;inset:0}.stage canvas{width:100%;height:100%;display:block}.letterbox{z-index:3;pointer-events:none;background:#020308;height:4.5vh;position:fixed;left:0;right:0}.top{top:0}.bottom{bottom:0}.loading,.error{z-index:5;background:radial-gradient(at 50% 45%,#142037 0%,#050810 55%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading h1,.error h1{letter-spacing:-.04em;margin:26px 0 12px;font-size:clamp(30px,5vw,60px);font-weight:300}.loading p,.error p{color:#8598ad;font-size:14px;font-weight:400}.error p{text-align:center;max-width:440px;padding:0 24px;line-height:1.8}.loading-orbit{border:1px solid #34465a;border-top-color:#b9e4ff;border-radius:50%;width:54px;height:54px;animation:2s linear infinite orbit}.load-track{background:#1c2c40;width:180px;height:1px;margin-top:24px}.load-track span{background:#a0d7f2;height:1px;transition:width .2s;display:block}.intro{pointer-events:none;text-shadow:0 2px 35px #000;flex-direction:column;justify-content:center;align-items:center;animation:7s both intro;display:flex;position:absolute;inset:0}.intro p{letter-spacing:.35em;color:#adbed5;margin:0 0 22px;font-size:12px}.intro h1{letter-spacing:-.05em;margin:0;font-size:clamp(40px,6vw,84px);font-weight:200}.intro span{letter-spacing:.08em;color:#a4b3c8;margin-top:20px;font-size:14px}.signature{letter-spacing:.02em;color:#d1d9e7bb;pointer-events:none;font-size:16px;font-weight:300;animation:2s 6s both reveal;position:absolute;top:calc(4.5vh + 24px);left:32px}.signature span{letter-spacing:.2em;color:#98abc277;margin-top:7px;font-size:10px;display:block}.shot-label{pointer-events:none;align-items:center;gap:14px;animation:2s 6s both reveal;display:flex;position:absolute;bottom:calc(4.5vh + 26px);left:32px}.shot-label i{background:#90cce8;width:2px;height:38px;box-shadow:0 0 12px #5794b166}.shot-label.alien i{background:#b0d28a;box-shadow:0 0 12px #94be5566}.shot-label span{letter-spacing:.16em;color:#a9b4c5aa;font-size:10px}.shot-label p{letter-spacing:.025em;margin:6px 0 0;font-size:21px;font-weight:300}.live-mark{color:#8a9ab180;letter-spacing:.08em;pointer-events:none;font-size:10px;animation:2s 6s both reveal;position:absolute;bottom:calc(4.5vh + 30px);right:32px}.live-mark span{background:#85b6c8;border-radius:50%;width:4px;height:4px;margin:0 9px 2px 0;display:inline-block}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes intro{0%{opacity:0;transform:translateY(5px)}15%,55%{opacity:1;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-5px)}}@keyframes reveal{0%{opacity:0}to{opacity:1}}@media (width<=640px){.signature{font-size:14px;top:calc(4.5vh + 18px);left:20px}.shot-label{bottom:calc(4.5vh + 20px);left:20px}.live-mark{display:none}.shot-label p{font-size:18px}.intro p{font-size:10px}}@media (prefers-reduced-motion:reduce){.loading-orbit{animation:none}.intro{animation-duration:1s}.signature,.shot-label,.live-mark{animation:none}}