/* ── HEARTS SYSTEM ── */
.hearts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:14px;margin-top:4px;}
.heart-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;transition:transform 0.15s;position:relative;overflow:hidden;}
.heart-card:hover{transform:translateY(-2px);}
.heart-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.heart-card.tier-red::before{background:linear-gradient(to right,#dc2626,#f87171);}
.heart-card.tier-green::before{background:linear-gradient(to right,#059669,#34d399);}
.heart-card.tier-blue::before{background:linear-gradient(to right,#1d4ed8,#60a5fa);}
.heart-card.tier-purple::before{background:linear-gradient(to right,#7c3aed,#a78bfa);}
.heart-card.tier-gold::before{background:linear-gradient(to right,#d97706,#f5c842);}
.hc-class{font-family:'Cinzel',serif;font-size:0.88rem;font-weight:700;color:var(--gold);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;}
.hc-hearts-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-height:34px;margin-bottom:8px;}
.hrt{font-size:1.5rem;line-height:1;display:inline-block;}
.hc-tier-info{font-size:0.66rem;color:var(--muted2);margin-bottom:8px;}
.hc-actions{display:flex;gap:6px;align-items:center;}
.btn-heart-minus{background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.22);border-radius:8px;padding:6px 13px;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:900;font-size:1rem;color:#f87171;transition:all 0.14s;}
.btn-heart-minus:hover{background:rgba(248,113,113,0.25);}
.btn-heart-plus{background:rgba(52,211,153,0.12);border:1px solid rgba(52,211,153,0.22);border-radius:8px;padding:6px 13px;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:900;font-size:1rem;color:#34d399;transition:all 0.14s;}
.btn-heart-plus:hover{background:rgba(52,211,153,0.25);}
.hc-log{margin-top:8px;border-top:1px solid var(--border);padding-top:6px;max-height:70px;overflow-y:auto;}
.hc-log-row{font-size:0.64rem;color:var(--muted2);padding:2px 0;}
@keyframes heartPop{0%{transform:scale(0.5);}60%{transform:scale(1.3);}100%{transform:scale(1);}}
.heart-pop{animation:heartPop 0.35s cubic-bezier(0.175,0.885,0.32,1.275);}