.rank-card-grid{display:grid;gap:14px;margin:24px 0}
.rank-card{display:grid;grid-template-columns:125px minmax(0,1fr) 145px;gap:20px;align-items:center;min-height:230px;padding:20px 20px 20px 14px;border:1px solid #33263d;border-radius:10px;background:#171417;box-shadow:0 14px 35px #0003}
.rank-card-identity{display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center}
.rank-card-identity>strong{color:#fff;font-size:29px;line-height:1}
.rank-card-identity>span{max-width:110px;padding:7px 12px;border:1px solid #4b315b;border-radius:99px;background:#0b080e;color:#d2b4e3;font-size:10px}
.rank-card-identity img,.rank-monogram{width:58px;height:58px;border:1px solid #3c2b47;border-radius:9px;object-fit:cover}
.rank-monogram{display:grid;place-items:center;background:#22142b;color:#c084fc;font-weight:900}
.rank-card-content{min-width:0}
.rank-banner{display:block;overflow:hidden;width:min(100%,620px);height:72px;margin-bottom:10px;border:1px solid #3c2b47;border-radius:6px;background:#0d0911}
.rank-banner img{display:block;width:100%;height:100%;object-fit:cover}
.rank-banner-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 70% 20%,#753ba94d,transparent 38%),linear-gradient(120deg,#21112d,#100b16);color:#e5d3ef}
.rank-banner-empty span{font-size:16px;font-weight:900}
.rank-banner-empty small{color:#9f87ae;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.rank-card-content h2{margin:0 0 3px;font-size:24px;line-height:1.2}
.rank-card-content h2 a{color:#fff}
.rank-description-wrap{position:relative;overflow:hidden;max-width:760px;height:43px}
.rank-description-wrap:after{content:"";position:absolute;right:0;bottom:0;width:28%;height:22px;background:linear-gradient(90deg,transparent,#171417)}
.rank-description{display:-webkit-box;overflow:hidden;margin:0;color:#a9a0b0;font-size:13px;line-height:21px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.rank-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.rank-tags span{padding:5px 9px;border:1px solid #432d51;border-radius:4px;background:#25172d;color:#d7bce7;font-size:10px;font-weight:700}
.rank-activity{margin:10px 0 0;color:#8d8193;font-size:10px}
.rank-activity b{color:#c084fc}
.rank-card-score{display:flex;align-items:center;flex-direction:column;gap:10px}
.rank-card-score>div{display:flex;align-items:baseline;gap:6px}
.rank-card-score strong{color:#fff;font-size:31px;line-height:1}
.rank-card-score span{color:#a99caf;font-size:11px}
.profile-button,.vote-card-button{display:grid;place-items:center;width:100%;min-height:44px;border:1px solid #6a4380;border-radius:9px;background:#2a1934;color:#e1c1f3;font-size:12px;font-weight:900}
.profile-button{background:linear-gradient(135deg,#8b46b1,#a855f7);color:#fff}
.vote-card-button{background:#100b16;color:#c084fc}
@media(max-width:780px){.rank-card{grid-template-columns:88px minmax(0,1fr);padding:16px}.rank-card-score{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr}.rank-card-score>div{justify-content:center}.rank-banner{height:64px}}
@media(max-width:520px){.rank-card{grid-template-columns:1fr;gap:15px}.rank-card-identity{display:grid;grid-template-columns:auto 1fr auto;text-align:left}.rank-card-identity>span{justify-self:start}.rank-card-identity img,.rank-monogram{width:44px;height:44px}.rank-banner{width:100%;height:auto;aspect-ratio:728/90}.rank-card-score{grid-template-columns:1fr 1fr}.rank-card-score>div{grid-column:1/-1}.rank-description-wrap{height:42px}}

.top-premium-slot{margin:24px 0 16px}
.premium-slot-label{display:flex;align-items:center;justify-content:space-between;margin:0 4px 8px;color:#a997b5;font-size:10px;font-weight:800;letter-spacing:.1em}
.premium-slot-label span{color:#d8b4fe}.premium-slot-label b{color:#c084fc}
.top-premium-slot .toplist-banner{margin:0;min-height:180px;border-color:#8b5cf6;box-shadow:0 0 32px #7c3aed22}
.premium-available{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:165px;padding:30px 36px;border:1px dashed #8b5cf6;border-radius:10px;background:radial-gradient(circle at 82% 10%,#793cab55,transparent 35%),linear-gradient(120deg,#20102d,#100a16);color:#fff}
.premium-available small{color:#c084fc;font:bold 9px monospace;letter-spacing:.14em}.premium-available h2{margin:8px 0 5px;font-size:27px}.premium-available p{margin:0;color:#ac9bb7}.premium-available>strong{flex:0 0 auto;padding:14px 18px;border-radius:7px;background:#a855f7;color:#fff;font-size:12px}
.server-of-week{position:relative;overflow:hidden;min-height:245px;margin:18px 0 28px;border:1px solid #4c325a;border-radius:10px;background:radial-gradient(circle at 80% 10%,#6e369c55,transparent 38%),#17101f}
.server-of-week>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46}.week-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0b080ff5 0,#0b080fbd 58%,#0b080f33)}
.week-content{position:relative;z-index:1;max-width:760px;padding:30px 34px}.week-badge{display:inline-block;padding:7px 11px;border:1px solid #6e4385;border-radius:99px;background:#2b1837;color:#d8b4fe;font-size:10px;font-weight:900}.week-content h2{margin:12px 0 7px;color:#fff;font-size:30px}.week-content>p{display:-webkit-box;overflow:hidden;margin:0;color:#c5b8cc;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.week-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.week-tags span{padding:5px 8px;border-radius:4px;background:#281733;color:#d8b4fe;font-size:9px;font-weight:800}.week-content>a{display:inline-block;padding:11px 15px;border-radius:6px;background:linear-gradient(135deg,#8b46b1,#a855f7);color:#fff;font-size:11px;font-weight:900}
@media(max-width:650px){.premium-available{align-items:flex-start;flex-direction:column;padding:24px}.premium-available h2{font-size:22px}.server-of-week{min-height:290px}.week-content{padding:25px 22px}}