@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&family=Plus+Jakarta+Sans:wght@700;800&display=swap);:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--stadium-gradient:linear-gradient(135deg,#f1f5f9,#e2e8f0);--text-primary:#0f172a;--text-secondary:#475569;--glass:#ffffff4d;--glass-border:#0000000d;--primary:#0076ff;--secondary:gold;--accent:#f05;--card-shadow:0 8px 32px #0000000d;--nav-bg:#ffffffd9}[data-theme=dark]{--bg-primary:#0a0e1a;--bg-secondary:#141b2d;--stadium-gradient:linear-gradient(135deg,#0a0e1a,#172033);--text-primary:#fff;--text-secondary:#94a3b8;--glass:#ffffff03;--glass-border:#ffffff0d;--card-shadow:0 8px 32px #0006;--nav-bg:#0a0e1ad9}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;background:var(--bg-primary);background-image:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-image:var(--stadium-gradient);color:#0f172a;color:var(--text-primary);font-family:Outfit,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{animation:stadium-pulse 12s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,#0076ff1a 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffd7000d 0,#0000 40%);content:"";height:120%;left:-10%;position:fixed;top:-10%;width:120%;z-index:-1}@keyframes stadium-pulse{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.05)}}.app-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.glass-morphism{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff4d;background:var(--glass);border:1px solid #0000000d;border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000000d;box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.gradient-text{-webkit-text-fill-color:#0000;animation:shine 4s linear infinite;background:linear-gradient(90deg,#0f172a,#0076ff,#0f172a);background:linear-gradient(90deg,var(--text-primary),var(--primary),var(--text-primary));-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-weight:900}@keyframes shine{to{background-position:200%}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.match-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}@media (max-width:768px){.app-container{padding:0 1rem}.match-grid{gap:1rem;grid-template-columns:1fr}.desktop-only{display:none!important}.mobile-only{display:block!important}.gradient-text{font-size:2.5rem!important}}@media (min-width:769px){.mobile-only{display:none!important}}button{background:none;border:none;cursor:pointer;font-family:inherit;outline:none;transition:all .2s}button:active{transform:scale(.96)}.how-to-card{border-radius:32px;padding:3rem;text-align:left}.how-to-title{font-size:2.5rem;margin-bottom:1rem;text-align:center}.how-to-subtitle{color:#475569;color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem;text-align:center}.how-to-section{background:#ffffff05;border:1px solid #0000000d;border:1px solid var(--glass-border);border-radius:16px;cursor:default;margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s}.how-to-heading{color:#0f172a;color:var(--text-primary);font-size:1.3rem;font-weight:800;margin-bottom:.8rem}.how-to-text{color:#475569;color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.how-to-card{border-radius:20px;padding:1.5rem}.how-to-title{font-size:1.8rem;line-height:1.2;margin-bottom:1rem}.how-to-subtitle{font-size:.95rem;margin-bottom:2rem}.how-to-section{margin-bottom:1rem;padding:1.2rem}.how-to-heading{font-size:1.15rem}.how-to-text{font-size:.9rem}}.splash-screen{align-items:center;animation:fadeOutSplash .5s ease-out 5.5s forwards;background:radial-gradient(circle at center,#fff,#f8fafc);background:radial-gradient(circle at center,var(--bg-secondary),var(--bg-primary));height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:10000}.splash-screen,.splash-text{display:flex;justify-content:center}.splash-text{flex-wrap:wrap;font-size:4rem;font-weight:900;gap:15px;letter-spacing:2px;padding:0 20px;text-align:center;text-transform:uppercase;z-index:10001}.splash-word{animation:revealWord .8s cubic-bezier(.175,.885,.32,1.275) forwards,shineSplash 2s linear infinite;background:linear-gradient(90deg,gold,#f05,#0076ff,gold);background:linear-gradient(90deg,var(--secondary),var(--accent),var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:#0000;display:inline-block;opacity:0;transform:translateY(30px) scale(.5)}@keyframes fadeOutSplash{to{opacity:0;visibility:hidden}}@keyframes shineSplash{to{background-position:200%}}@keyframes revealWord{0%{opacity:0;transform:translateY(30px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.splash-ball{animation:splashFlyBall 2s cubic-bezier(.25,.46,.45,.94) infinite alternate;background:radial-gradient(circle at 30% 30%,#ff4d4d,#b30000);box-shadow:inset -5px -5px 10px #00000080,0 10px 20px #00000080;height:50px;width:50px;z-index:10000}.splash-ball,.splash-ball:after{border-radius:50%;position:absolute}.splash-ball:after{background:#fff6;content:"";height:110%;left:45%;top:-5%;transform:rotate(20deg);width:10%}@keyframes splashFlyBall{0%{opacity:0;transform:translate(-50vw,40vh) scale(.5) rotate(0deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(50vw,-40vh) scale(1.5) rotate(2turn)}}.stumps-container{bottom:10%;display:flex;gap:20px;position:absolute;z-index:10000}.stump{animation:glowingStumps 2s infinite alternate;background:linear-gradient(90deg,#deb887,sienna);border-radius:8px 8px 0 0;box-shadow:inset -2px -2px 5px #0000004d;height:150px;position:relative;width:15px}.stump:before{background:#deb887;border-radius:5px;content:"";height:10px;left:-2px;position:absolute;top:-10px;width:20px}@keyframes glowingStumps{0%{box-shadow:0 0 10px gold;box-shadow:0 0 10px var(--secondary);opacity:.6}to{box-shadow:0 0 30px gold,0 0 60px #f05;box-shadow:0 0 30px var(--secondary),0 0 60px var(--accent);opacity:1}}@media (max-width:768px){.splash-text{font-size:2.5rem}}
/*# sourceMappingURL=main.866c42a1.css.map*/