@tailwind base;@tailwind components;@tailwind utilities;: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}}#root{margin:0 auto;width:100%;text-align:center}:root{--sky-color-day: #297b9c;--road-color: #16213e;--grass-color: #0f3460;--mountain-color: #1f3a5f;--car-color: #e94560;--wheel-color: #533483;--cloud-color: rgba(255, 255, 255, .3)}body,html{margin:0;padding:0;height:100%;overflow:hidden;background:"#16213e"}:root{--sky-color: #1a1a2e;--road-color: #16213e;--grass-color: #0f3460;--mountain-color: #1f3a5f;--car-color: #e94560;--wheel-color: #533483;--cloud-color: rgba(255, 255, 255, .3)}.loading-container{width:100vw;height:100vh;overflow:hidden;background:var(--sky-color);border-radius:15px;box-shadow:0 10px 30px #0000004d}.sky{position:absolute;top:0;left:0;right:0;height:70%;background:linear-gradient(to bottom,var(--sky-color),#2a2a4e);transition:background 5s;animation:dayNightCycle 20s infinite}.stars{position:absolute;top:0;left:0;right:0;bottom:0;animation:twinkle 2s infinite alternate}.stars:before,.stars:after{content:"✦";position:absolute;color:#fff;font-size:10px}.stars:before{top:20%;left:40%}.stars:after{top:30%;right:30%}.moon,.sun{position:absolute;top:30px;left:30px;width:50px;height:50px;border-radius:50%;transition:transform 5s,opacity 5s}.moon{background:#d0d0d0;box-shadow:0 0 20px #d0d0d0;opacity:1;animation:moonCycle 20s infinite}.sun{background:gold;box-shadow:0 0 30px gold;opacity:0;animation:sunCycle 20s infinite}.clouds{position:absolute;top:0;left:0;right:0;height:100px}.cloud{position:absolute;background:var(--cloud-color);border-radius:50%;animation:float 20s linear infinite}.cloud1{width:100px;height:40px;top:20px}.cloud2{width:60px;height:30px;top:50px;animation-delay:-5s}.cloud3{width:80px;height:35px;top:30px;animation-delay:-10s}.mountains{position:absolute;bottom:40%;width:100%}.mountain{position:absolute;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:100px solid var(--mountain-color)}.mountain1{left:-20px}.mountain2{left:30%;bottom:-20px;transform:scale(.8)}.mountain3{right:-20px;transform:scale(1.2)}.road{position:absolute;bottom:0;width:100%;height:30%;background-color:var(--road-color)}.line{position:absolute;top:50%;width:100%;height:4px;background-color:#ffffff80;animation:moveLine .5s linear infinite}.car{position:absolute;bottom:17%;left:5%;animation:bounce .5s ease-in-out infinite alternate}.car-body{width:60px;height:25px;background:var(--car-color);border-radius:10px 20px 0 0;position:relative}.car-body:before{content:"";position:absolute;top:-10px;right:5px;width:30px;height:15px;background:var(--car-color);border-radius:10px 10px 0 0}.wheel{width:15px;height:15px;background:var(--wheel-color);border-radius:50%;position:absolute;bottom:-7px;animation:rotate .5s linear infinite}.wheel1{left:10px}.wheel2{right:10px}.trees{position:absolute;bottom:10%;width:100%}.tree{position:absolute;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:50px solid var(--grass-color);animation:pass 6s linear infinite}.tree1{right:-50px;animation-delay:0s}.tree2{right:-50px;animation-delay:2s}.tree3{right:-50px;animation-delay:4s}.birds{position:absolute;top:10%;width:100%}.bird{position:absolute;font-size:20px;animation:fly 10s linear infinite}.bird1{top:20px;left:5%;animation-delay:0s}.bird2{top:50px;left:25%;animation-delay:-5s}.bird3{top:80px;left:45%;animation-delay:-3s}.bird4{top:30px;left:65%;animation-delay:-7s}.bird5{top:60px;left:85%;animation-delay:-10s}.loading-text{position:absolute;bottom:20%;left:50%;transform:translate(-50%);font-family:Arial,sans-serif;font-size:24px;color:#fff}.loading-text-percent{position:absolute;bottom:16%;left:50%;transform:translate(-50%);font-family:Arial,sans-serif;font-size:24px;color:#fff}.percent-value{animation:countUp 1s linear forwards}@keyframes countUp{0%{content:"1"}to{content:"99"}}.loading-text span{display:inline-block;animation:bounce .3s ease infinite alternate;animation-delay:calc(.02s * var(--i))}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}@keyframes float{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pass{0%{transform:translate(120%)}to{transform:translate(-120%)}}@keyframes fly{0%{transform:translate(-100%) translateY(0)}50%{transform:translate(50%) translateY(-20px)}to{transform:translate(200%) translateY(0)}}@keyframes dayNightCycle{0%,to{background:var(--sky-color)}50%{background:#87ceeb}}@keyframes moonCycle{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(100px);opacity:0}}@keyframes sunCycle{0%,to{transform:translateY(100px);opacity:0}50%{transform:translateY(0);opacity:1}}@media (max-width: 768px){.car{transform:scale(.8)}.loading-text{font-size:20px}.moon,.sun{width:40px;height:40px}}@media (max-width: 480px){.car{transform:scale(.6)}.loading-text{font-size:18px}.moon,.sun{width:30px;height:30px}}.fade-out{animation:splashFade .5s forwards}@keyframes splashFade{0%{opacity:1}to{opacity:0;pointer-events:none}}.retro-container{top:0;min-height:100vh;width:100vw;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:5;position:absolute}.retro-close{position:absolute;top:1rem;right:1rem;font-size:24px;font-weight:700;color:#fff;background:transparent;border:none;cursor:pointer;z-index:10;text-shadow:2px 2px black;transition:color .2s ease-in-out}.retro-close:hover{color:#ff0}.retro-logo{margin-bottom:2rem}.retro-title{font-size:64px;font-weight:700;color:#ff0;text-shadow:2px 2px black;margin:.2em 0}.retro-world{font-size:18px;color:#f0f;margin:0}.retro-buttons{display:flex;flex-direction:column;gap:1rem}.retro-buttons button{background-color:#0ff;border:2px solid #000;padding:1rem 2rem;font-size:12px;color:#000;cursor:pointer;transition:all .2s ease-in-out}.retro-buttons button:hover{background-color:#f0f;color:#fff}.retro-social-buttons{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.retro-social-buttons button{background-color:#0ff;border:2px solid #000;padding:.75rem;font-size:1.25rem;color:#000;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.retro-social-buttons button:hover{background-color:#f0f;color:#fff}.retro-social-buttons .social-icon{width:1.5em;height:1.5em}