@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";
:root{--background:#000428;--foreground:#fff;--accent:#004e92;--glass:#ffffff1a;--glass-border:#fff3;--text-secondary:#ffffffb3}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;font-weight:600}.glass{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glass-premium{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff08;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000005e}.jingle-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;display:grid}.orbital-overlay-content{z-index:9999;background:radial-gradient(circle,#0a1122 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.logo-reveal-container{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.energy-ring{border:2px solid #42a5f533;border-radius:50%;width:60vh;height:60vh;animation:4s linear infinite ring-pulse;position:absolute}.energy-ring-inner{border:1px dashed #42a5f566;border-radius:50%;width:40vh;height:40vh;animation:10s linear infinite ring-rotate;position:absolute}.logo-box{z-index:10;filter:drop-shadow(0 0 30px #42a5f54d);position:relative}.logo-image-premium{object-fit:contain;max-width:80vw;height:35vh;animation:6s ease-in-out infinite logo-float-premium}.logo-text-premium{letter-spacing:.1em;color:#fff;margin:0;font-size:10rem;animation:6s ease-in-out infinite logo-float-premium;font-family:Anton,sans-serif!important}.status-label-container{background:#42a5f50d;border-left:4px solid #42a5f5;margin-top:50px;padding:10px 40px;position:relative;overflow:hidden}.status-text{letter-spacing:.5em;color:#42a5f5;font-size:1.8rem;font-family:Bebas Neue,sans-serif!important}.scanning-line{background:linear-gradient(90deg,#0000,#42a5f533,#0000);width:100%;height:100%;animation:2s linear infinite scan-premium;position:absolute;top:0;left:-100%}.countdown-container-premium{text-align:center;z-index:20}.countdown-label{color:#42a5f5;letter-spacing:.8em;opacity:.8;margin-bottom:30px;font-size:3rem;font-family:Bebas Neue,sans-serif!important}.countdown-number-pulse{color:#fff;text-shadow:0 0 60px #ffffff4d;font-size:28rem;font-weight:700;line-height:.8;animation:1s cubic-bezier(.16,1,.3,1) infinite count-thump-premium;font-family:JetBrains Mono,monospace!important}.countdown-glow-ring{border:4px solid #ffffff1a;border-radius:50%;width:35rem;height:35rem;animation:1s ease-out infinite ring-grow-premium;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.background-timer-preview{color:#ffffff0d;pointer-events:none;font-size:15rem;font-weight:700;position:absolute;bottom:10%;font-family:JetBrains Mono,monospace!important}.start-impact-container{z-index:99999;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.start-text-burst{color:#fff;text-shadow:0 0 100px #fff;font-size:35rem;animation:1.5s cubic-bezier(.16,1,.3,1) forwards start-zoom-premium;font-family:Anton,sans-serif!important}.start-shockwave{background:#fffc;border-radius:50%;width:0;height:0;animation:1s ease-out forwards shockwave-premium;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-display-premium{color:#fff;text-shadow:0 0 50px #42a5f580;letter-spacing:-.05em;font-size:24rem;font-weight:700;line-height:.8;font-family:JetBrains Mono,monospace!important}.timer-display-premium.emergency{color:#ff1744;text-shadow:0 0 70px #ff174499;animation:1s infinite timer-panic-premium}.orbital-overlay-content{z-index:9999;flex-direction:column;justify-content:center;align-items:center;transition:all 2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow:hidden}.orbital-overlay-content:before{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(#42a5f50d 1px,#0000 1px),linear-gradient(90deg,#42a5f50d 1px,#0000 1px);background-size:100px 100px;position:absolute;inset:0}.orbital-overlay-content:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 4px,linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05) 0 0/3px 100%;position:absolute;inset:0}.nebula-layer{filter:blur(80px);z-index:0;background:radial-gradient(circle at 20% 30%,#42a5f526 0%,#0000 40%),radial-gradient(circle at 80% 70%,#9c27b026 0%,#0000 40%);animation:20s linear infinite nebula-drift;position:absolute;inset:-50%}@keyframes nebula-drift{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.orbital-overlay-content.state-initial{background:#00040a}.orbital-overlay-content.state-10m{background:#050a1f}.orbital-overlay-content.state-10m .nebula-layer{background:radial-gradient(circle,#42a5f533 0%,#0000 60%)}.orbital-overlay-content.state-5m{background:#120a05}.orbital-overlay-content.state-5m .nebula-layer{background:radial-gradient(circle,#ff980033 0%,#0000 60%)}.orbital-overlay-content.state-3m{background:#1f0505}.orbital-overlay-content.state-3m .nebula-layer{background:radial-gradient(circle,#ff174433 0%,#0000 60%)}.orbital-overlay-content.state-1m{background:#2a0000;animation:1s infinite bg-emergency-flash}.orbital-overlay-content.state-1m .nebula-layer{background:radial-gradient(circle,#ff00004d 0%,#0000 50%)}@keyframes bg-emergency-flash{0%,to{background:#1a0000}50%{background:#3a0000}}@keyframes timer-panic-premium{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.05)}}.persistent-quiz-header{z-index:10000;border-left:3px solid #42a5f5;flex-direction:column;gap:5px;padding-left:20px;animation:1s ease-out slide-in-left;display:flex;position:fixed;top:40px;left:40px}.header-top-line{color:#42a5f5;letter-spacing:.3em;font-size:1.5rem;font-family:Bebas Neue,sans-serif!important}.header-main-line{color:#fff;letter-spacing:.1em;text-shadow:0 0 20px #ffffff4d;font-size:2.2rem;font-weight:900;font-family:Zen Kaku Gothic New,sans-serif!important}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes ring-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes ring-rotate{to{transform:rotate(360deg)}}@keyframes scan-premium{to{left:100%}}@keyframes count-thump-premium{0%{opacity:0;filter:blur(10px);transform:scale(1.3)}20%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes ring-grow-premium{0%{opacity:.8;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes start-zoom-premium{0%{opacity:0;filter:blur(20px);transform:scale(.1)}30%{opacity:1;filter:blur();transform:scale(1.2)}to{opacity:0;filter:blur(10px);transform:scale(3)}}@keyframes shockwave-premium{0%{opacity:1;width:0;height:0}to{opacity:0;width:4000px;height:4000px}}@keyframes logo-float-premium{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.time-up-full-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20000;background:#8b000066;justify-content:center;align-items:center;animation:.5s ease-out forwards timeup-flash,.4s infinite screen-shake;display:flex;position:fixed;inset:0}.time-up-text-massive{color:#fff;white-space:nowrap;text-shadow:0 0 50px red,0 0 100px red,0 0 150px red;letter-spacing:.05em;justify-content:center;align-items:center;font-size:22vw;line-height:1;animation:.1s infinite timeup-flicker;display:flex;font-family:Anton,sans-serif!important}.time-up-sub-label{color:#ffeb3b;letter-spacing:.8em;text-shadow:0 0 20px #ffeb3b80;white-space:nowrap;font-size:3vw;position:absolute;bottom:12%;font-family:Bebas Neue,sans-serif!important}@keyframes timeup-flash{0%{opacity:1;background:#fff}to{background:#8b000066}}@keyframes screen-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px,5px)}50%{transform:translate(5px,-5px)}75%{transform:translate(-5px,-5px)}}@keyframes timeup-flicker{0%,to{opacity:1;transform:skew(0deg)}50%{opacity:.8;transform:skew(1deg)}}
