.vip-status-block {
    display:flex; min-width:132px; min-height:70px; align-items:center; justify-content:center;
    padding:12px 20px; border-radius:14px; background:#fffdfb;
    box-shadow:0 10px 24px rgba(95,75,68,.11); color:inherit;
    font-size:clamp(24px,3.5vw,34px); font-weight:850; letter-spacing:-.025em;
}
.rare-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
.rare-metric { min-width:0; padding:18px 12px; text-align:center; }
.rare-metric span { display:block; min-height:20px; margin-bottom:7px; color:#756964; font-size:13px; }
.rare-metric strong { display:block; color:#59443e; font-size:30px; line-height:1; font-variant-numeric:tabular-nums; }
.skin-name-list { margin:0; padding:0; list-style:none; }
.skin-name-list li { min-width:0; overflow-wrap:anywhere; }
.skin-empty { display:flex; min-height:76px; align-items:center; justify-content:center; gap:12px; color:#756964; font-size:13px; line-height:1.55; text-align:left; }
.skin-empty svg { flex:0 0 auto; width:42px; height:42px; fill:none; stroke:#9b8880; stroke-width:1.5; stroke-linejoin:round; }
.skin-empty-compact { min-height:92px; flex-direction:column; gap:7px; text-align:center; }
.skin-empty-compact svg { width:34px; height:34px; }
.rarity-group-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.rarity-group-head h4 { margin:0; color:#4e403c; font-size:17px; }
.rarity-group-head span { color:#756964; font-size:12px; font-weight:700; white-space:nowrap; }
.professional-skin-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.professional-rarity-group { min-width:0; padding:20px; border-radius:14px; background:#fffdfb; box-shadow:0 10px 26px rgba(95,75,68,.09); transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease; }
.professional-rarity-group:hover { transform:translateY(-3px); box-shadow:0 17px 34px rgba(95,75,68,.14); }
.professional-rarity-group .skin-name-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; margin-top:14px; }
.professional-rarity-group .skin-name-list li { padding:9px 0; border-bottom:1px solid rgba(103,82,75,.1); color:#594e49; font-size:14px; line-height:1.55; }
.professional-rarity-group:first-child { grid-column:span 2; }
.professional-rarity-group:first-child .skin-name-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:760px) {
    .vip-status-block { min-width:108px; min-height:60px; padding:10px 15px; font-size:25px; }
    .rare-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .rare-metric { padding:15px 8px; text-align:left; }
    .rare-metric:last-child { grid-column:1 / -1; }
    .rare-metric span { min-height:0; }
    .professional-skin-grid { grid-template-columns:1fr; gap:12px; }
    .professional-rarity-group,.professional-rarity-group:first-child { grid-column:auto; }
    .professional-rarity-group .skin-name-list,.professional-rarity-group:first-child .skin-name-list { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
    .professional-rarity-group { transition:box-shadow .01ms; }
    .professional-rarity-group:hover { transform:none; }
}