.creature-card{cursor:pointer;outline:none}.creature-card:focus-visible{border-color:#4aa99f;box-shadow:0 0 0 2px rgba(61,224,208,.18),0 18px 45px rgba(0,0,0,.24)}
.creature-img{position:relative;background:radial-gradient(circle at 50% 42%,rgba(61,224,208,.18),transparent 45%),linear-gradient(145deg,#173039,#09161b)}
.creature-img img{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.42));background:radial-gradient(circle at 50% 45%,rgba(39,92,97,.22),transparent 48%);transition:transform .2s ease}
.creature-card:hover .creature-img img{transform:scale(1.045)}
.creature-img-fallback{display:grid;place-items:center;align-content:center;gap:6px;color:#6f8d92}.creature-img-fallback small{font-size:10px;text-transform:uppercase;letter-spacing:.11em}.creature-fallback-mark{font-size:44px;font-weight:900;letter-spacing:-.08em;color:rgba(126,216,207,.25)}
.detail-img{object-fit:contain!important;background:radial-gradient(circle at 50% 45%,rgba(61,224,208,.15),transparent 45%),linear-gradient(145deg,#173039,#09161b);padding:10px}