/* 1.5.0: supplied artwork only; never animate the page/card/name or reintroduce parent fades. */
.rank-art.lx-rank-art{width:64px;height:64px;position:relative;isolation:isolate;flex:none;pointer-events:none;contain:layout style;overflow:visible;line-height:0;filter:none}
.rank-art.lx-rank-art.rank-art-hero{width:168px;height:168px}
.rank-art.lx-rank-art.rank-art-detail{width:120px;height:120px}
.rank-art.lx-rank-art.rank-art-seat{width:80px;height:80px}
.lx-rank-art>longxi-rank{position:absolute;inset:0;display:block;--rank-size:100%;width:100%;height:100%;visibility:hidden}
.lx-rank-art>.rank-still{display:block;width:100%;height:100%;object-fit:contain;opacity:1}
.lx-rank-art[data-rank-ready="yes"]>longxi-rank{visibility:visible}
.lx-rank-art[data-rank-ready="yes"]>.rank-still{visibility:hidden}
.club-rank.rank-diamond{color:#efcc8f;border-color:#80633877;background:#382a172c}
.club-rank.rank-gold{color:#d4e9f4;border-color:#8da7b566;background:#26374135}
.club-rank.rank-silver{color:#e3b493;border-color:#8a603b77;background:#3c271c3b}
.profile-identity.mobile-profile-card{grid-template-columns:168px minmax(0,1fr)}
.mobile-profile-card.rank-detail-card{align-items:center;gap:16px}
.rank-detail-card .mobile-profile-main{min-width:0}
.rank-detail-card .mobile-profile-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.seat.has-rank-art{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:8px;row-gap:5px;align-content:start;text-align:left;padding:14px}
.seat.has-rank-art>.seat-index{grid-column:1/-1}
.seat.has-rank-art>.rank-art{grid-column:1;grid-row:2 / span 3;align-self:center}
.seat.has-rank-art>strong{grid-column:2;align-self:end;margin:0;min-width:0;overflow-wrap:anywhere}
.seat.has-rank-art>.seat-meta{grid-column:2;margin:0;align-self:start;flex-wrap:wrap;gap:4px}
.seat.has-rank-art>.arrival-state,.seat.has-rank-art>.arrival-badge,.seat.has-rank-art>.arrival-label,.seat.has-rank-art>[data-arrival-state]{grid-column:1/-1;min-width:0}
.seat.has-rank-art>small{grid-column:2}
.seat-grid:has(.has-rank-art){grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr))}
@media(max-width:430px){
 .profile-identity.mobile-profile-card{grid-template-columns:144px minmax(0,1fr);gap:10px 12px;padding:18px 14px}
 .rank-art.lx-rank-art.rank-art-hero{width:144px;height:144px}
 .profile-identity .mobile-profile-main h2{font-size:20px}
 .rank-detail-card .rank-art-detail{width:100px;height:100px}
 .seat.has-rank-art{padding:12px}
}
/* No height/opacity animation on the host; fallback→canvas swap happens in one painted frame. */

/* 1.5.1: every inline rating pill is text only; no icon wrapper or reserved slot. */
.club-rank.rank-text-only{gap:0;justify-content:center;line-height:1.2}
.lx-rank-art>longxi-rank{image-rendering:auto}