.rank-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .55rem;border:1px solid currentColor;border-radius:999px;font-weight:800;background:rgba(6,36,29,.74)}
.rank-bronze{color:#d28a4a}.rank-silver{color:#d7e0e5}.rank-gold{color:#ffd700}.rank-platinum{color:#c8edff}.rank-diamond{color:#45ccff}.rank-star,.rank-hall{color:#bda0ff}
.rank-visual-host{display:block;min-width:0}
.rank-visual{display:inline-flex;min-width:0;align-items:center;gap:8px;color:inherit;vertical-align:middle}
.rank-emblem{width:42px;height:42px;flex:0 0 42px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.38))}
.rank-detail{display:flex;min-width:0;align-items:center;gap:6px;line-height:1}
.rank-name{max-width:100%;overflow:hidden;color:#f5cf77;font-size:13px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #000b}
.rank-stars{display:flex;min-height:12px;align-items:center;gap:1px;color:#e2b95e;white-space:nowrap}
.rank-stars img{width:12px;height:12px;object-fit:contain;filter:drop-shadow(0 1px 2px #0008)}
.rank-stars img.is-empty{opacity:.22;filter:grayscale(1) drop-shadow(0 1px 1px #0006)}
.rank-stars small{margin-left:3px!important;color:inherit!important;font-size:8px!important;line-height:1!important}
.rank-stars strong{font-size:10px;line-height:1}.rank-stars-hall img{width:14px;height:14px}.rank-stars-hall small{margin-left:1px!important}
.rank-visual-header{gap:7px}.rank-visual-header .rank-emblem{width:42px;height:42px;flex-basis:42px}.rank-visual-header .rank-name{font-size:15px}.rank-visual-header .rank-stars img{width:13px;height:13px}.rank-visual-header .rank-stars small{font-size:9px!important}
.rank-visual-compact{gap:5px}.rank-visual-compact .rank-emblem{width:30px;height:30px;flex-basis:30px}.rank-visual-compact .rank-name{font-size:10px}.rank-visual-compact .rank-stars img{width:9px;height:9px}.rank-visual-compact .rank-stars small{font-size:7px!important}
.rank-visual-card{flex-direction:column;gap:4px}.rank-visual-card .rank-emblem{width:94px;height:94px;flex-basis:94px}.rank-visual-card .rank-detail{flex-direction:column;align-items:center;gap:5px}.rank-visual-card .rank-name{color:#704817;font-size:16px;text-shadow:none}.rank-visual-card .rank-stars img{width:15px;height:15px}.rank-visual-card .rank-stars small{color:#96713d!important;font-size:10px!important}
.rank-visual-ranking .rank-emblem{width:36px;height:36px;flex-basis:36px}.rank-visual-ranking .rank-name{font-size:11px}.rank-visual-ranking .rank-stars img{width:9px;height:9px}
@media(max-width:900px),(max-height:610px){.rank-visual-header{gap:3px}.rank-visual-header .rank-emblem{width:28px;height:28px;flex-basis:28px}.rank-visual-header .rank-name{font-size:9px}.rank-visual-header .rank-stars img{width:7px;height:7px}.rank-visual-header .rank-stars small{display:none}.rank-visual-header .rank-stars{gap:0}}
.vip-mark{display:inline-grid;place-items:center;min-width:1.7rem;padding:.08rem .35rem;border-radius:.45rem;background:linear-gradient(145deg,#ffdb72,#a86214);color:#321600;font-weight:900;box-shadow:0 0 12px rgba(255,191,53,.35)}