@import "https://fonts.googleapis.com/css2?family=Monoton&family=Space+Grotesk:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#0a1628;width:100%;height:100dvh;font-family:Space Grotesk,system-ui,sans-serif;overflow:hidden}#app{z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#app:after{content:"";pointer-events:none;z-index:3;width:100%;height:100%;opacity:var(--vignette-opacity,0);background:radial-gradient(#0000 30%,#0a162866 60%,#0a1628d9 100%);position:fixed;top:0;left:0}#blackout{z-index:100;background:#0a1628;width:100%;height:100%;position:fixed;top:0;left:0}.title{color:#fef5e7;text-align:center;letter-spacing:.05em;text-shadow:0 0 10px #00ffd5,0 0 40px #00ffd580,0 0 80px #00ffd540,0 0 120px #00ffd51a;opacity:0;font-family:Monoton,cursive;font-size:clamp(2.5rem,8vw,7rem);line-height:1.2;transform:translateY(40px)}.subtitle{color:#fef5e7;letter-spacing:.3em;text-transform:uppercase;opacity:0;text-shadow:0 0 8px #00ffd566,0 0 20px #00ffd526;margin-top:.5em;font-family:Space Grotesk,sans-serif;font-size:clamp(.9rem,2vw,1.4rem)}.compass{opacity:0;filter:drop-shadow(0 0 15px #00ffd566);width:clamp(150px,25vw,250px);height:clamp(150px,25vw,250px);margin-top:2rem;transform:scale(0)}.compass-svg{width:100%;height:100%}@keyframes compassGlow{0%,to{filter:drop-shadow(0 0 15px #00ffd566)}50%{filter:drop-shadow(0 0 25px #00ffd5b3)}}.compass.active{animation:3s ease-in-out infinite compassGlow}@keyframes titlePulse{0%,to{text-shadow:0 0 10px #00ffd5,0 0 40px #00ffd580,0 0 80px #00ffd540,0 0 120px #00ffd51a}50%{text-shadow:0 0 15px #00ffd5,0 0 50px #00ffd599,0 0 100px #00ffd559,0 0 150px #00ffd526}}.title.active{animation:4s ease-in-out infinite titlePulse}@media (width<=768px){.compass{margin-top:1.5rem}}@media (prefers-reduced-motion:reduce){.title.active,.compass.active{animation:none}}