.character-card{background-color:#0a0e17;border-radius:.75rem;overflow:hidden;transition:transform .2s ease}.character-card:hover{transform:scale(1.02)}.text-blue-400{color:#60a5fa}.text-green-400{color:#4ade80}.text-red-400{color:#f87171}.text-yellow-400{color:#facc15}.text-pink-400{color:#f472b6}.text-indigo-400{color:#818cf8}.text-purple-400{color:#c084fc}.text-cyan-400{color:#22d3ee}.text-emerald-400{color:#34d399}.text-sky-400{color:#38bdf8}.text-amber-400{color:#fbbf24}.text-fuchsia-400{color:#e879f9}.image-gallery{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:.5rem}.image-gallery img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s ease}.gallery-dots{position:absolute;bottom:.5rem;left:0;right:0;display:flex;justify-content:center;gap:.25rem}.gallery-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:hsla(0,0%,100%,.4)}.gallery-dot.active{background-color:#fff}