html,body{margin:0;padding:0;overflow:hidden;width:100dvw;height:100dvh;background:#000;color:#ffe81f;font-family:Arial,Helvetica,sans-serif;perspective:500px;will-change:transform,opacity;color-scheme:dark}button,button:focus,button:active,a:focus,a:active,img,img:focus,img:active,i,div{-webkit-tap-highlight-color:transparent!important}.h{position:absolute!important;left:-999999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}#starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;animation:fade-in .5s 6s forwards;will-change:opacity}@keyframes fade-in{to{opacity:1}}.title-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#00c0ff;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;text-align:center;z-index:2;max-width:90%;opacity:0;will-change:opacity,transform}@keyframes title-fade{0%{opacity:1}80%{opacity:1}to{opacity:0}}.logo-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);opacity:0;z-index:2;will-change:opacity,transform}.logo-container img{width:clamp(200px,40vw,600px)}@keyframes logo-shrink{0%{opacity:1;transform:translate(-50%,-50%) scale(2)}80%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(.3)}}.crawl-container{position:absolute;top:0;left:0;width:100%;height:100vh;transform:rotateX(23deg);transform-origin:50% 100%;z-index:2;opacity:0;will-change:opacity,transform}.crawl{position:absolute;width:clamp(300px,50%,700px);left:50%;transform:translate(-50%);top:100%;font-size:clamp(1rem,2.5vw,1.8rem);font-weight:700;line-height:1.6;text-align:justify;opacity:0;will-change:transform,opacity}.crawl .episode{font-size:clamp(.8rem,2vw,1.2rem);text-align:center;text-transform:uppercase;margin-bottom:2em;will-change:opacity}.crawl .subtitle{font-size:clamp(1rem,2.2vw,1.4rem);text-align:center;text-transform:uppercase;margin-bottom:3em;will-change:opacity}@keyframes crawl{0%{top:100%;opacity:1}80%{opacity:1}to{top:-400%;opacity:0}}.hyperspace-logo-container,.hyperspace-crawl-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;opacity:0;will-change:opacity}.hyperspace-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#ffffffe6,#00ccffb3);box-shadow:0 0 50px #0cfc;will-change:opacity,transform}.hyperspace-logo-container .hyperspace-flash{animation:flash-pulse-logo 1s ease-in-out forwards,vibrate-logo .1s .2s infinite}.hyperspace-crawl-container .hyperspace-flash{animation:flash-pulse 1.2s ease-in-out forwards,vibrate-logo .1s .2s infinite}@keyframes flash-pulse-logo{0%{opacity:0}30%{opacity:.9}70%{opacity:.9}to{opacity:0}}@keyframes flash-pulse{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.hyperspace-tunnel{position:absolute;top:50%;left:50%;background:radial-gradient(circle,#00f0ff 10%,#09c 40%,#000 80%);filter:blur(5px);transform:translate(-50%,-50%) scale(0);border-radius:50%;will-change:transform,opacity}.hyperspace-logo-container .hyperspace-tunnel{width:clamp(150px,30vw,400px);height:clamp(150px,30vw,400px);animation:tunnel-zoom-logo 2.8s ease-in-out forwards,vibrate-logo .08s infinite}.hyperspace-crawl-container .hyperspace-tunnel{width:clamp(200px,50vw,600px);height:clamp(200px,50vw,600px);animation:tunnel-zoom 2.8s ease-in-out forwards,vibrate-logo .08s infinite}@keyframes tunnel-zoom-logo{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(.7);opacity:.9}80%{transform:translate(-50%,-50%) scale(1.2);opacity:.9}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes tunnel-zoom{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{transform:translate(-50%,-50%) scale(2.5);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes vibrate-logo{0%{transform:translate(-50%,-50%) translate(0) translateY(0)}25%{transform:translate(-50%,-50%) translate(.5px) translateY(-.5px)}50%{transform:translate(-50%,-50%) translate(-.5px) translateY(.5px)}75%{transform:translate(-50%,-50%) translate(.5px) translateY(.5px)}to{transform:translate(-50%,-50%) translate(-.5px) translateY(-.5px)}}.start-button-container,.replay-button-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vw,12px);z-index:4;opacity:1;will-change:opacity,transform}.replay-button-container{transform:translate(-50%,-50%) scale(0) translateY(70px);opacity:0;animation:none}.start-button,.replay-button{padding:clamp(10px,2vw,12px) clamp(20px,4vw,24px);background:#000;color:#ffe81f;border:3px solid #ffe81f;border-radius:4px;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:0 0 15px #ffe11fb3;animation:pulse 2s infinite;transition:all .3s ease;will-change:box-shadow,background-color,color}.start-button:hover,.replay-button:hover{background:#ffe81f;color:#000;box-shadow:0 0 25px #ffe81f}.start-button-container p,.replay-button-container p{margin:0;color:#ffe81f;font-size:clamp(.8rem,1.8vw,1rem);font-weight:700;text-align:center;text-shadow:0 0 5px rgba(255,225,31,.5);max-width:90%}@keyframes pulse{0%{box-shadow:0 0 15px #ffe11fb3}50%{box-shadow:0 0 25px #ffe11f}to{box-shadow:0 0 15px #ffe11fb3}}@keyframes button-show{0%{opacity:0;transform:translate(-50%,-50%) scale(0) translateY(70px)}80%{opacity:1;transform:translate(-50%,-50%) scale(1.1) translateY(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}body.reset-animations .title-container,body.reset-animations .logo-container,body.reset-animations .crawl-container{animation:none!important;opacity:0!important}body.reset-animations .crawl{animation:none!important;top:100%!important;opacity:0}body.reset-animations .hyperspace-logo-container,body.reset-animation .hyperspace-crawl-container{animation:none!important;opacity:0!important}body.reset-animations .replay-button-container{animation:none!important;opacity:0!important;transform:translate(-50%,-50%) scale(0) translateY(70px)}body.reset-animations .social-links,body.reset-animations .site-copyright{animation:none!important;opacity:0!important;transform:translate(-50%)}@media (max-width: 768px){.title-container{font-size:clamp(1.2rem,5vw,2rem)}.crawl{width:clamp(250px,80%,600px);font-size:clamp(.9rem,3vw,1.5rem)}.crawl .episode{font-size:clamp(.7rem,2.5vw,1rem)}.crawl .subtitle{font-size:clamp(.8rem,2.8vw,1.2rem)}.logo-container img{width:clamp(150px,50vw,400px)}.hyperspace-logo-container .hyperspace-tunnel{width:clamp(100px,25vw,300px);height:clamp(100px,25vw,300px)}.hyperspace-crawl-container .hyperspace-tunnel{width:clamp(150px,45vw,500px);height:clamp(150px,45vw,500px)}.start-button,.replay-button{padding:clamp(8px,2.5vw,10px) clamp(16px,5vw,20px);font-size:clamp(.8rem,2.5vw,1rem)}.start-button-container p,.replay-button-container p{font-size:clamp(.7rem,2vw,.9rem)}}@media (max-width: 480px){.title-container{font-size:clamp(1rem,6vw,1.8rem)}.crawl{width:clamp(200px,90%,500px);font-size:clamp(.8rem,3.5vw,1.3rem)}.crawl .episode{font-size:clamp(.6rem,3vw,.9rem)}.crawl .subtitle{font-size:clamp(.7rem,3.2vw,1rem)}.hyperspace-logo-container .hyperspace-tunnel{width:clamp(80px,20vw,200px);height:clamp(80px,20vw,200px)}.hyperspace-crawl-container .hyperspace-tunnel{width:clamp(100px,40vw,400px);height:clamp(100px,40vw,400px)}.start-button,.replay-button{padding:clamp(6px,2vw,8px) clamp(12px,4vw,16px);font-size:clamp(.7rem,2.2vw,.9rem)}.start-button-container p,.replay-button-container p{font-size:clamp(.6rem,2.2vw,.8rem)}}audio{display:none}footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:100dvw;opacity:0;z-index:4;font-size:clamp(.7rem,1.2vw,.9rem);color:#00c0ff;animation:none;will-change:transform,opacity;pointer-events:auto;background:#00000040;padding:.4rem 1.5rem .6rem;backdrop-filter:blur(6px);box-shadow:0 0 10px #00c0ff33}.social-links{bottom:30px}.social-links p{margin:0 0 .8rem;text-align:center;font-size:clamp(.7rem,1.2vw,1.2rem);color:#ffe81f;font-weight:700;text-shadow:0 0 8px rgba(255,225,31,.6)}.social-links ul{width:100%;list-style:none;margin:0;padding:0;display:flex;gap:clamp(.5rem,2vw,1rem);justify-content:center;align-items:center;flex-wrap:wrap}.social-links a{text-decoration:none;color:#00c0ff;transition:color .3s ease,text-shadow .3s ease;text-shadow:0 0 5px rgba(0,192,255,.4)}.social-links a:hover{color:#0fa;text-shadow:0 0 10px rgba(0,255,170,.8)}.site-copyright{display:flex;align-items:center;justify-content:center;padding:5px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.site-copyright p{margin:0!important;color:#ffe81f;font-weight:500;font-size:clamp(.5rem,.9vw,.9rem)!important}@keyframes fadeInUpJedi{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}
