/* The underlying card keeps Littlekin's original presentation. These rules
   style only the two additions requested for it: rarity and live status. */
.creature-card .card-species{display:block}
.creature-card .card-class-line,.creature-card .card-traits{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.creature-card .card-traits{margin-top:6px}
.creature-card .card-rarity,.care-progression .card-rarity,.profile-species>.card-rarity.profile-rarity{padding:2px 6px;border-radius:5px;background:#eef2e8;color:#7c8c72;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.creature-card .card-rarity.rarity-2,.care-progression .card-rarity.rarity-2,.profile-species>.card-rarity.profile-rarity.rarity-2{background:#e8f1ee;color:#4f806f}
.creature-card .card-rarity.rarity-3,.care-progression .card-rarity.rarity-3,.profile-species>.card-rarity.profile-rarity.rarity-3{background:#eee9f6;color:#8065a0}
.creature-card .card-rarity.rarity-4,.care-progression .card-rarity.rarity-4,.profile-species>.card-rarity.profile-rarity.rarity-4{background:#fff0e7;color:#a76645}
.creature-card .card-rarity.rarity-5,.care-progression .card-rarity.rarity-5,.profile-species>.card-rarity.profile-rarity.rarity-5{background:#fff4cd;color:#94731c}
.creature-card .card-status{display:flex;align-items:center;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid #edf1ec;color:#627a6d}
.creature-card .card-status-dot{width:8px;height:8px;border:3px solid #e7f3ea;border-radius:50%;background:#71bc87;box-sizing:content-box;flex:0 0 auto}
.creature-card .card-status-journey .card-status-dot{border-color:#eee9f7;background:#a98ac2}
.creature-card .card-status strong{font-size:11px;color:#587161}
.discovery-selects{display:flex;gap:8px;flex-wrap:wrap}

.explore-forum{margin-top:24px;padding:0;overflow:hidden;border-color:#dfe8df;background:linear-gradient(112deg,#fbfdf9 0%,#fff9f5 100%)}
.explore-forum-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px 10px}
.explore-forum-heading .eyebrow{font-size:10px;color:#8aa17f;letter-spacing:.14em}
.explore-forum-heading h2{margin:4px 0 0;font-size:20px}
.explore-forum-list{padding:0 12px 12px}
.explore-forum-row{border:0;border-radius:15px;background:rgba(255,255,255,.78)}

@media(max-width:650px){
 .explore-forum{margin-top:18px}
 .explore-forum-heading{align-items:flex-start;padding:16px 16px 8px}
 .explore-forum-heading h2{font-size:17px}
 .explore-forum-heading .text-link{font-size:11px;white-space:nowrap}
 .explore-forum-list{padding:0 7px 7px}
}