/* Artist directory cards — compact premium FCS treatment. */
.artist-card{position:relative;padding:20px;overflow:visible;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.artist-card:hover{transform:translateY(-3px);border-color:#46515d;box-shadow:0 16px 34px #0006,0 0 0 1px #ffffff08}
.artist-card.pro-card{border-color:#5e3941;box-shadow:inset 0 0 0 1px #f2576810,0 10px 30px #0003}
.artist-card.pro-card:hover{border-color:#c95063;box-shadow:0 16px 36px #0007,0 0 26px #f2576820,inset 0 0 0 1px #f2576820}
.artist-card-featured{overflow:hidden}
.artist-card-banner{height:58px;margin:-20px -20px 16px;background:linear-gradient(120deg,#202833,#2b2431 55%,#39272d);border-bottom:1px solid #ffffff0d;overflow:hidden}
.artist-card-banner img{width:100%;height:100%;display:block;object-fit:cover}
.artist-card-banner-fallback{background:radial-gradient(circle at 78% 30%,#f2576824,transparent 36%),linear-gradient(120deg,#202833,#2b2431 55%,#39272d)}
.artist-top{align-items:flex-start!important}
.artist-card .avatar-sm{width:62px;height:62px;border-radius:18px;flex:0 0 62px}
.artist-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;flex:1}
.artist-card-name{min-width:0}
.artist-card-name h3{margin:1px 0 4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.artist-country{display:flex!important;align-items:center;gap:7px;color:#aeb7c1!important;font-size:.9rem;line-height:1.2}
.artist-country-flag{font-size:1.05rem;line-height:1;filter:saturate(1.08)}
.artist-plan-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:0 12px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.055em;white-space:nowrap;flex:0 0 auto;line-height:1;text-align:center}
.artist-plan-badge.pro{color:#ffd7dd;background:linear-gradient(180deg,#722e3b,#3a2027);border:1px solid #e05c70;box-shadow:0 0 16px #f2576840,inset 0 0 12px #ff849624}
.artist-plan-badge.pro:before{content:'♛';font-size:.78rem;color:#ff9cab}
.artist-plan-badge.artist{color:#f4ebff;background:linear-gradient(180deg,#7b50df,#4b2b9d);border:1px solid #a47cff;box-shadow:0 0 17px #925cff4a,inset 0 0 12px #d8c4ff20}
.artist-card .meta{margin-top:12px}
.artist-card-details{display:grid;grid-template-columns:max-content max-content;column-gap:24px;row-gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #29323b;color:#a8b2bc;font-size:.78rem;line-height:1.2;min-height:58px}
.artist-card-detail{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.artist-card-detail.member-detail{grid-column:1/-1}
.artist-card-detail .detail-icon{width:17px;height:17px;display:grid;place-items:center;color:#9fb0c2;opacity:.95;flex:0 0 17px}
.artist-card-detail .detail-icon svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.artist-card .card-foot{margin-top:10px}
.artist-card .card-foot .btn.primary{padding-inline:14px;border-radius:10px;box-shadow:0 6px 16px #f2576823}
@media(max-width:1180px){.artist-plan-badge{padding:0 10px}.artist-card-details{column-gap:16px}}
@media(max-width:680px){
  .artist-card{padding:16px}
  .artist-card-banner{height:52px;margin:-16px -16px 14px}
  .artist-card .avatar-sm{width:56px;height:56px;flex-basis:56px}
  .artist-card-head{gap:7px}
  .artist-plan-badge{min-height:27px;font-size:.68rem}
  .artist-card-details{font-size:.73rem;column-gap:12px;row-gap:9px}
  .topbar .top{min-height:72px;gap:10px}
  .topbar .brand img{width:172px;max-width:42vw}
  .topbar .actions{gap:8px;flex:0 0 auto}
  .topbar .actions .btn{height:44px;min-height:44px;padding:0 16px;border-radius:12px;line-height:1;font-size:14px;white-space:nowrap;width:auto;min-width:0;flex:0 0 auto}
  .topbar #accountLink{min-width:88px}
  .topbar #publishLink{min-width:116px;max-width:132px}
}
@media(max-width:420px){
  .topbar .brand img{width:156px;max-width:40vw}
  .topbar .actions .btn{height:42px;min-height:42px;padding:0 13px;font-size:13px}
  .topbar #accountLink{min-width:82px}
  .topbar #publishLink{min-width:108px;max-width:120px}
}

.artist-card .artist-card-pro-body{position:relative;z-index:1;margin:0;padding:0;overflow:visible}
.artist-card.pro-card[style*="--artist-pro-card-media"] .artist-card-pro-body:before{content:"";position:absolute;top:0;right:-20px;bottom:-20px;left:-20px;z-index:-2;background:var(--artist-pro-card-media) center/cover no-repeat;opacity:var(--artist-pro-card-media-opacity,.34);border-radius:0 0 14px 14px}
.artist-card.pro-card[style*="--artist-pro-card-media"] .artist-card-pro-body:after{content:"";position:absolute;top:0;right:-20px;bottom:-20px;left:-20px;z-index:-1;background:linear-gradient(180deg,rgba(15,21,28,.72),rgba(15,21,28,.92));border-radius:0 0 14px 14px}
.avatar-sm-wrap{position:relative;width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center}
.avatar-sm-wrap .avatar-sm{width:62px;height:62px;flex:0 0 62px;object-fit:contain!important;object-position:center!important;background:#141a20;padding:3px}
.avatar-sm-wrap[data-pro-frame]:not([data-pro-frame="none"]):after{content:"";position:absolute;inset:-3px;border:2px solid var(--fcs-mini-frame-a,#ff6f7d);border-radius:21px;pointer-events:none;animation:fcsMiniAvatarFrame var(--fcs-mini-frame-duration,2.2s) ease-in-out infinite alternate;box-shadow:0 0 12px var(--fcs-mini-frame-a,#ff6f7d)}
.avatar-sm-wrap[data-pro-frame="spark"]{--fcs-mini-frame-a:#ffe36b;--fcs-mini-frame-b:#fff7c2}.avatar-sm-wrap[data-pro-frame="magic"]{--fcs-mini-frame-a:#b889ff;--fcs-mini-frame-b:#55dfff}.avatar-sm-wrap[data-pro-frame="holo"]{--fcs-mini-frame-a:#63f7ff;--fcs-mini-frame-b:#ff78de}.avatar-sm-wrap[data-pro-frame="flame"]{--fcs-mini-frame-a:#ff6b2c;--fcs-mini-frame-b:#ffd66b}.avatar-sm-wrap[data-pro-frame="pulse"],.avatar-sm-wrap[data-pro-frame="neon"]{--fcs-mini-frame-a:#ff6f7d;--fcs-mini-frame-b:#fff}
.avatar-sm-wrap[data-pro-frame-speed="slow"]{--fcs-mini-frame-duration:4s}.avatar-sm-wrap[data-pro-frame-speed="fast"]{--fcs-mini-frame-duration:1.05s}.avatar-sm-wrap[data-pro-frame-intensity="soft"]:after{opacity:.55}.avatar-sm-wrap[data-pro-frame-intensity="strong"]:after{box-shadow:0 0 18px var(--fcs-mini-frame-a),0 0 28px var(--fcs-mini-frame-a)}
@keyframes fcsMiniAvatarFrame{from{border-color:var(--fcs-mini-frame-a);transform:scale(.985);filter:brightness(.95)}to{border-color:var(--fcs-mini-frame-b);transform:scale(1.03);filter:brightness(1.2)}}
@media(max-width:760px){.artist-card.pro-card[style*="--artist-pro-card-media"] .artist-card-pro-body:before,.artist-card.pro-card[style*="--artist-pro-card-media"] .artist-card-pro-body:after{right:-16px;bottom:-16px;left:-16px}.avatar-sm-wrap{width:56px;height:56px;flex-basis:56px}.avatar-sm-wrap .avatar-sm{width:56px;height:56px}}