@tailwind base;@tailwind components;@tailwind utilities;html,body{height:100%;margin:0;padding:0}body{font-family:Comic Neue,cursive,sans-serif;background:linear-gradient(to bottom right,#001e3b,#6e4d73cc);color:#f7fbcd;min-height:100vh;overflow-x:hidden;background-attachment:fixed}#root{height:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card-3d{perspective:1000px;width:100%;max-width:240px;aspect-ratio:3/4;margin:auto}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s}.card-flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;border-radius:1rem;overflow:hidden}.card-back{transform:rotateY(180deg);background-color:#fff;color:#000}.shadow-glow-great{box-shadow:0 0 12px #60a5fa}.shadow-glow-rare{box-shadow:0 0 14px #a78bfa}.shadow-glow-legendary{box-shadow:0 0 18px #facc15,0 0 28px #fcd34d}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #facc15,0 0 20px #fde047}50%{box-shadow:0 0 20px #facc15,0 0 40px #fde047}}.animate-pulse-glow{animation:pulseGlow 2s infinite}@keyframes spinPulse{0%,to{box-shadow:0 0 10px #a855f7,0 0 20px #0992dc;transform:scale(1)}50%{box-shadow:0 0 20px #ffea00,0 0 30px #f0f;transform:scale(1.05)}}.animate-spin-button{animation:spinPulse 1s infinite ease-in-out}@keyframes unlockPop{0%{opacity:0;transform:scale(.7) rotate(-10deg)}50%{opacity:1;transform:scale(1.05) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.animate-unlock{animation:unlockPop .6s ease-out forwards}.card{padding:2em}.read-the-docs{color:#888}@keyframes legendary-glow{0%{box-shadow:0 0 10px gold,0 0 20px gold,0 0 30px orange;transform:scale(1)}50%{box-shadow:0 0 20px orange,0 0 40px gold,0 0 60px red;transform:scale(1.05)}to{box-shadow:0 0 10px gold,0 0 20px orange,0 0 30px red;transform:scale(1)}}.animate-legendary-glow{animation:legendary-glow 1.5s ease-in-out infinite}.rotate-180{transform:rotate(90deg);transform-origin:center center}