.ranking-board{border:1px solid #39434a;border-radius:16px;background:#191f27;color:#eef3f5;padding:28px}
.ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.ranking-heading h1,.ranking-heading h2{margin:8px 0;font-size:30px;line-height:1.15}
.ranking-heading p{margin:0;color:#b9c8d1}
.ranking-eyebrow{font-size:11px;letter-spacing:.16em;color:#b4f575;font-weight:700}
.ranking-table-wrap{overflow-x:auto}
.ranking-table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}
.ranking-table th,.ranking-table td{padding:16px 12px;text-align:right;border-bottom:1px solid #343e47;white-space:nowrap}
.ranking-table thead th{color:#a5b9c7;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.ranking-table th:nth-child(2){text-align:left;white-space:normal;overflow-wrap:anywhere;min-width:140px}
.ranking-table th:first-child,.ranking-table td:first-child{text-align:center;width:36px;color:#a5b9c7}
.ranking-table td:nth-child(3){font-weight:800;color:#b4f575}
.ranking-table .ranking-podium td:first-child{color:#b4f575;font-weight:800}
.ranking-table .ranking-you{background:#b4f57514;box-shadow:inset 3px 0 #b4f575}
.ranking-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:22px;font-size:12px;color:#a5b9c7}
.ranking-footer .ranking-error{color:#ffba9e}
.ranking-empty{padding:44px 12px;text-align:center;color:#b9c8d1}
.ranking-note{color:#a5b9c7;font-size:12px;line-height:1.6;margin:18px 0 0}
.ranking-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.ranking-overlay{margin:0;background:transparent;color-scheme:normal;font-family:Arial,sans-serif}
.ranking-overlay *{box-sizing:border-box}
.ranking-overlay .ranking-board{width:calc(100% - 24px);max-width:976px;margin:12px;background:rgba(16,20,27,.94);padding:32px}
.ranking-overlay .ranking-heading h1{font-size:38px}
.ranking-overlay .ranking-table{font-size:20px}
.ranking-overlay .ranking-table th,.ranking-overlay .ranking-table td{padding:18px 10px}
.ranking-overlay .ranking-table thead th{font-size:12px}
.ranking-overlay .ranking-footer,.ranking-overlay .ranking-note{font-size:14px}
.ranking-overlay [hidden]{display:none!important}
@media(max-width:600px){.ranking-board{padding:18px}.ranking-heading h1{font-size:25px}.ranking-table th,.ranking-table td{padding:12px 8px}.ranking-actions .button{width:100%}.ranking-overlay .ranking-table{font-size:16px}}