@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes igameToast{0%{opacity:0;transform:scale(.7)}40%{opacity:1;transform:scale(1.08)}70%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.igame-toast{animation:igameToast .6s ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fly-across{0%{transform:translate(-100px,100vh) rotate(0)}to{transform:translate(110vw,-100px) rotate(720deg)}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes moveHoop{0%{left:45%}to{left:55%}}@keyframes bounceIdle{0%{transform:translateY(0)}to{transform:translateY(-15px)}}@keyframes spinBall{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes netSway{0%{transform:skew(2deg)}to{transform:skew(-2deg)}}@keyframes scanMove{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-float{animation:float 3s infinite ease-in-out}.ball-particle{position:fixed;font-size:2rem;color:#f60;pointer-events:none;z-index:1;opacity:.6;animation:fly-across linear infinite}.animate-popIn{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.animate-moveHoop{animation:moveHoop 3s ease-in-out infinite alternate}.animate-bounceIdle{animation:bounceIdle 1.5s infinite alternate}.animate-spinBall{animation:bounceIdle 1.5s infinite alternate,spinBall 2s linear infinite}.animate-spinBallTurbo{animation:bounceIdle 1.5s infinite alternate,spinBall .5s linear infinite}.animate-netSway{animation:netSway 2s ease-in-out infinite alternate}.animate-scanMove{animation:scanMove 2s linear infinite}.animate-slideUp{animation:slideUp .3s ease-out}@keyframes shootBallWin{0%{transform:translate(-50%) scale(1);bottom:120px}50%{transform:translate(-50%,-400px) scale(.6);bottom:120px}to{transform:translate(-50%,-600px) scale(.45);bottom:120px}}@keyframes shootBallLose{0%{transform:translate(-50%) scale(1);bottom:120px}50%{transform:translate(-20%,-400px) scale(.6);bottom:120px}80%{transform:translate(10%,-550px) scale(.45);bottom:120px}to{transform:translate(30%,-350px) scale(.45);bottom:120px}}@keyframes netSwish{0%{transform:scaleY(1)}30%{transform:scaleY(1.3) scaleX(.8)}60%{transform:scaleY(.9) scaleX(1.1)}to{transform:scaleY(1)}}@keyframes rimShake{0%{transform:rotateX(75deg) translateY(0)}25%{transform:rotateX(75deg) translateY(2px)}50%{transform:rotateX(75deg) translateY(-2px)}75%{transform:rotateX(75deg) translateY(1px)}to{transform:rotateX(75deg) translateY(0)}}.animate-shootWin{animation:shootBallWin .6s cubic-bezier(.25,.46,.45,.94) forwards}.animate-shootLose{animation:shootBallLose .7s cubic-bezier(.25,.46,.45,.94) forwards}.animate-netSwish{animation:netSwish .4s ease-out .5s}.animate-rimShake{animation:rimShake .3s cubic-bezier(.36,.07,.19,.97) both .5s}.bg-gradient-radial{background:radial-gradient(circle,#000000f2,#0006 70%,#000c)}.perspective-800{perspective:800px}.preserve-3d{transform-style:preserve-3d}.rotate-x-75{transform:rotateX(75deg)}.clip-path-\[inset\(50\%_0_0_0\)\]{clip-path:inset(50% 0 0 0)}.auto-rows-fr{grid-auto-rows:1fr}