@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{font-family:VT323,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;text-align:center}.apocalypse-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100vw;background-color:#000;color:red;text-shadow:0 0 10px #ff0000,0 0 20px #ff0000;overflow:hidden;position:relative}.apocalypse-container.is-past{color:#0f0;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:10}header{margin-bottom:2rem;z-index:20}h1{font-size:3rem;margin:0;letter-spacing:.2rem;text-transform:uppercase;position:relative}.sub-glitch{font-size:1.5rem;margin:0;opacity:.8;animation:shake 2s infinite}.countdown-display{display:flex;align-items:center;justify-content:center;gap:1rem;background:#140000cc;padding:2rem;border:4px solid #ff0000;border-radius:1rem;box-shadow:0 0 30px red,inset 0 0 20px red;z-index:20}.is-past .countdown-display{background:#001400cc;border-color:#0f0;box-shadow:0 0 30px #0f0,inset 0 0 20px #0f0}.time-group{display:flex;flex-direction:column;align-items:center}.time-value{font-size:6rem;line-height:1;font-weight:700}.time-label{font-size:1.2rem;margin-top:.5rem;opacity:.7}.separator{font-size:4rem;margin-bottom:2rem;animation:blink 1s infinite}footer{margin-top:4rem;width:100%;text-align:center;z-index:20}.warning-sign{font-size:1.5rem;margin-bottom:1rem;animation:flash .5s infinite alternate}.marquee{white-space:nowrap;overflow:hidden;font-size:1.5rem;animation:marquee 10s linear infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes flash{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(1.1)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-1px 0 #00ffea;clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 #ff00ea;clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(11px,9999px,89px,0)}20%{clip:rect(84px,9999px,16px,0)}40%{clip:rect(14px,9999px,89px,0)}60%{clip:rect(35px,9999px,7px,0)}80%{clip:rect(66px,9999px,34px,0)}to{clip:rect(5px,9999px,62px,0)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(12px,9999px,5px,0)}40%{clip:rect(87px,9999px,34px,0)}60%{clip:rect(5px,9999px,62px,0)}80%{clip:rect(35px,9999px,7px,0)}to{clip:rect(14px,9999px,89px,0)}}@media(max-width:768px){h1{font-size:2rem}.time-value{font-size:3rem}.separator{font-size:2rem}.countdown-display{gap:.5rem;padding:1rem}}