:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.start-page{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#0a0a0a,#000 70%,#000);color:#fff;cursor:pointer;opacity:0;transition:opacity 2s ease;z-index:1000;overflow:hidden}.start-page.visible{opacity:1}.start-page.hidden{opacity:0}.banner-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:15;transition:all .3s ease}.banner-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:0}.banner-image{width:50%;max-width:500px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,.3));background:transparent;position:relative}.loading-dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem}.dot{width:8px;height:8px;background-color:#fff9;border-radius:50%;animation:loading-bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}.banner-container.flickering .banner-image{animation:corruption-flicker .1s infinite}.banner-container.flickering .banner-wrapper{animation:wrapper-glitch .15s infinite}.banner-container.zooming{animation:zoom-through-o 1.5s ease-in-out forwards}.banner-container.zooming .banner-image{animation:image-zoom-effect 1.5s ease-in-out forwards}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none}.countdown-container{position:relative;z-index:10;opacity:0;transform:scale(.8);transition:all 1s ease}.countdown-container.hidden-countdown{opacity:0;transform:scale(.8);pointer-events:none}.countdown-container.visible-countdown{opacity:1;transform:scale(1);animation:countdown-emerge 1s ease-out}.mystery-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.static-noise{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.01) 2px,rgba(255,255,255,.01) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.005) 2px,rgba(255,255,255,.005) 4px);animation:static-flicker 8s infinite linear}.mist-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(30,30,60,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(60,30,60,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(30,60,60,.05) 0%,transparent 50%);animation:mist-drift 20s infinite ease-in-out}.countdown-container{position:relative;z-index:10}.countdown-grid{display:flex;align-items:center;gap:1.5rem;font-family:Courier New,monospace}.time-unit{display:flex;flex-direction:column;align-items:center;position:relative}.time-number{font-size:4.5rem;font-weight:300;line-height:1;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.3),0 0 20px rgba(255,255,255,.2),0 0 30px rgba(255,255,255,.1);animation:pulse-glow 3s infinite ease-in-out;transition:all .3s ease;position:relative}.time-number:before{content:attr(data-value);position:absolute;top:0;left:0;opacity:0;animation:flicker-ghost 6s infinite ease-in-out}.time-label{font-size:.75rem;font-weight:400;letter-spacing:.2em;opacity:.6;text-transform:uppercase}.separator{font-size:3rem;font-weight:200;opacity:.4;animation:separator-pulse 2s infinite ease-in-out}.time-unit.glitching .time-number{animation:glitch-effect .2s ease-in-out;text-shadow:-2px 0 #ff0000,2px 0 #00ffff,0 0 10px rgba(255,255,255,.8)}@keyframes pulse-glow{0%,to{text-shadow:0 0 10px rgba(255,255,255,.3),0 0 20px rgba(255,255,255,.2),0 0 30px rgba(255,255,255,.1)}50%{text-shadow:0 0 15px rgba(255,255,255,.5),0 0 25px rgba(255,255,255,.3),0 0 35px rgba(255,255,255,.2)}}@keyframes flicker-ghost{0%,98%{opacity:0}99%,to{opacity:.1}}@keyframes separator-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes glitch-effect{0%{transform:translate(0)}10%{transform:translate(-2px,1px)}20%{transform:translate(2px,-1px)}30%{transform:translate(-1px,2px)}40%{transform:translate(1px,-2px)}50%{transform:translate(-2px,-1px)}60%{transform:translate(2px,1px)}70%{transform:translate(-1px,-2px)}80%{transform:translate(1px,2px)}90%{transform:translate(-2px,-1px)}to{transform:translate(0)}}@keyframes static-flicker{0%,to{opacity:1}50%{opacity:.98}}@keyframes mist-drift{0%,to{transform:translate(0) rotate(0);opacity:1}25%{transform:translate(10px,-10px) rotate(1deg);opacity:.8}50%{transform:translate(-5px,5px) rotate(-.5deg);opacity:1}75%{transform:translate(-10px,-5px) rotate(.5deg);opacity:.9}}@media (max-width: 768px){.countdown-grid{gap:1rem}.time-number{font-size:3rem}.separator{font-size:2rem}.time-label{font-size:.6rem}}@media (max-width: 480px){.countdown-grid{gap:.5rem}.time-number{font-size:2.5rem}.separator{font-size:1.5rem}.time-label{font-size:.5rem}}.countdown-container:hover .time-number{text-shadow:0 0 15px rgba(255,255,255,.6),0 0 25px rgba(255,255,255,.4),0 0 35px rgba(255,255,255,.3)}.countdown-container:before{content:"";position:absolute;top:-50px;left:-50px;right:-50px;bottom:-50px;background:radial-gradient(circle at center,transparent 70%,rgba(255,255,255,.01) 71%,transparent 72%);animation:mystery-ring 15s infinite linear;pointer-events:none}@keyframes mystery-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@keyframes corruption-flicker{0%{filter:drop-shadow(0 5px 15px rgba(0,0,0,.3))}10%{filter:drop-shadow(2px 0 0 #ff0000) drop-shadow(-2px 0 0 #00ffff) brightness(1.5) contrast(1.5)}20%{filter:drop-shadow(0 5px 15px rgba(0,0,0,.3)) brightness(.5)}30%{filter:drop-shadow(1px 0 0 #ff0000) drop-shadow(-1px 0 0 #00ffff) saturate(.3) hue-rotate(180deg)}40%{filter:drop-shadow(0 5px 15px rgba(0,0,0,.3))}50%{filter:drop-shadow(3px 0 0 #ff0000) drop-shadow(-3px 0 0 #00ffff) contrast(2) brightness(1.2)}60%{filter:drop-shadow(0 5px 15px rgba(0,0,0,.3)) blur(1px)}70%{filter:drop-shadow(1px 0 0 #ff0000) drop-shadow(-1px 0 0 #00ffff) saturate(2)}80%{filter:drop-shadow(0 5px 15px rgba(0,0,0,.3))}90%{filter:drop-shadow(2px 0 0 #ff0000) drop-shadow(-2px 0 0 #00ffff) brightness(.3)}to{filter:drop-shadow(0 5px 15px rgba(0,0,0,.3))}}@keyframes wrapper-glitch{0%{transform:translate(0)}10%{transform:translate(-1px,1px)}20%{transform:translate(1px,-1px)}30%{transform:translate(-1px,-1px)}40%{transform:translate(1px,1px)}50%{transform:translate(-1px,1px)}60%{transform:translate(1px,-1px)}70%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}90%{transform:translate(-1px,1px)}to{transform:translate(0)}}@keyframes zoom-through-o{0%{transform:scale(1);filter:none}30%{transform:scale(1.1)}60%{transform:scale(1.5);filter:blur(1px)}80%{transform:scale(3);filter:blur(3px)}95%{transform:scale(8);filter:blur(8px);opacity:.3}to{transform:scale(15);filter:blur(15px);opacity:0}}@keyframes image-zoom-effect{0%{transform:scale(1);filter:drop-shadow(0 5px 15px rgba(0,0,0,.3))}30%{transform:scale(1.1);filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}60%{transform:scale(1.8);filter:drop-shadow(0 10px 25px rgba(0,0,0,.5)) blur(2px)}80%{transform:scale(4);filter:blur(8px)}to{transform:scale(12);filter:blur(20px);opacity:0}}@keyframes countdown-emerge{0%{opacity:0;transform:scale(.3) translateY(100px);filter:blur(10px)}30%{opacity:.3;transform:scale(.6) translateY(50px);filter:blur(5px)}60%{opacity:.7;transform:scale(.9) translateY(10px);filter:blur(2px)}80%{opacity:.9;transform:scale(1.05) translateY(-5px);filter:blur(0px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}
