.rankings{scroll-margin-top:70px;padding:100px 0 110px;background:radial-gradient(ellipse at 50% 20%,#0b222b 0, #050709 45%,#000 80%)}
.rankings .display{font-size:clamp(2.8rem,7vw,5.6rem);max-width:850px}.rankings .copy{font-size:clamp(1.05rem,2vw,1.35rem);max-width:620px;line-height:1.5}
.rankingCard{max-width:820px;margin:38px auto 0;background:rgba(13,17,21,.92);border:1px solid #273138;border-radius:26px;overflow:hidden;text-align:left;box-shadow:0 25px 75px #0008}
.rankingToolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:24px;flex-wrap:wrap;border-bottom:1px solid #273138}.rankingPicker{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.rankingPicker label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#a7b5be}.rankingPicker select{font:inherit;font-weight:650;color:#f5f5f7;background:#151d23;border:1px solid #40515c;border-radius:12px;padding:12px;min-width:0;width:100%;max-width:370px}.rankingBadge{border:1px solid #355663;padding:8px 12px;border-radius:999px;font-size:.7rem;color:var(--cyan);font-weight:750;letter-spacing:.08em;white-space:nowrap}
.rankingTable{width:100%;border-collapse:collapse;table-layout:fixed}.rankingTable th{font-weight:500;color:#9eafb9;font-size:.75rem;padding:17px 24px;text-align:left}.rankingTable th:first-child{width:80px}.rankingTable th:last-child{width:170px;text-align:right}.rankingTable td{padding:17px 24px;border-top:1px solid #202a31;font-size:.95rem}.rankingTable td:first-child{font-variant-numeric:tabular-nums;color:#839aa9}.rankingTable td:nth-child(2){overflow-wrap:anywhere;font-weight:600}.rankingTable td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.rankingTable tr[data-rank="1"]{background:linear-gradient(90deg,#16303988,transparent)}.rankingTable tr[data-rank="1"] td:first-child,.rankingTable tr[data-rank="1"] td:last-child{color:var(--cyan)}
.rankingStatus{padding:18px 24px 0;font-size:.78rem;line-height:1.5;color:#a7b5be;min-height:40px}.rankingStatus[data-state="stale"],.rankingStatus[data-state="error"]{color:#f7cc75}.rankingNote{margin:8px 24px 24px;font-size:.74rem;color:#8799a5;line-height:1.5}.rankingEmpty{padding:28px 24px;color:#a7b5be;line-height:1.5}.rankingCard select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.rankingCta{margin:25px auto 0;font-size:.9rem;line-height:1.5;color:#b4c1ca}.rankingCta a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
@media(max-width:520px){.rankings{padding:78px 0}.rankingToolbar{padding:20px 16px}.rankingTable td,.rankingTable th{padding:16px 12px}.rankingTable th:first-child{width:48px}.rankingTable th:last-child{width:125px}.rankingTable td{font-size:.84rem}.rankingStatus{padding:16px 16px 0}.rankingNote{margin:8px 16px 20px}.rankingBadge{font-size:.64rem;padding:7px 9px}.rankingCard{border-radius:20px}}

.commentsCard{max-width:820px;margin:28px auto 0;padding:24px;background:rgba(13,17,21,.92);border:1px solid #273138;border-radius:26px;text-align:left}.commentsCard h3{margin:0 0 18px;font-size:1.15rem}.trackComments{display:grid;gap:10px}.trackComment{padding:14px 16px;background:#10161a;border:1px solid #202a31;border-radius:14px}.commentMeta{display:flex;justify-content:space-between;gap:12px;color:#9eafb9;font-size:.72rem}.commentMeta strong{color:#f5f5f7;font-size:.82rem}.trackComment p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;color:#d2d2d7}.commentEmpty{color:#8799a5}.commentForm{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid #273138}.commentForm label{display:grid;gap:7px;color:#a7b5be;font-size:.75rem}.commentForm input,.commentForm textarea{width:100%;font:inherit;color:#f5f5f7;background:#151d23;border:1px solid #40515c;border-radius:12px;padding:11px 12px;resize:vertical}.commentForm input:focus-visible,.commentForm textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.commentActions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.commentActions span{font-size:.75rem;color:#a7b5be}.commentActions button{border:0;border-radius:999px;padding:10px 17px;background:var(--cyan);color:#001018;font-weight:750;cursor:pointer}.commentActions button:disabled{opacity:.55;cursor:wait}.commentHint{margin:10px 0 0;color:#71818b;font-size:.7rem;line-height:1.45}@media(max-width:520px){.commentsCard{padding:18px 16px;border-radius:20px}.commentMeta{align-items:flex-start}.commentActions{align-items:flex-end}}
/* Records / paddock polish */
.rankingCard{position:relative;border-color:#31424b;background:linear-gradient(145deg,rgba(16,23,28,.96),rgba(7,10,12,.96));box-shadow:0 28px 90px #000a,0 0 0 1px #57d8ff0a}
.rankingCard:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.8}
.rankingBadge{background:#07161c;box-shadow:inset 0 0 18px #54dfff12}
.rankingTable tr[data-rank="1"] td:first-child:after{content:" ★";font-size:.65em}.rankingTable tr[data-rank="2"]{background:linear-gradient(90deg,#ffffff09,transparent)}.rankingTable tr[data-rank="3"]{background:linear-gradient(90deg,#b86b3210,transparent)}
.commentsCard{position:relative;overflow:hidden;border-color:#31424b;background:linear-gradient(145deg,rgba(14,21,26,.97),rgba(6,9,11,.97));box-shadow:0 25px 75px #0008}
.commentsCard:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-140px;top:-160px;background:radial-gradient(circle,#48d9ff20,transparent 68%);pointer-events:none}
.commentsHead{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #273138}.commentsHead h3{margin:3px 0 5px;font-size:clamp(1.2rem,3vw,1.55rem)}.commentsHead p{margin:0;color:#8799a5;font-size:.8rem;line-height:1.45;max-width:520px}.commentsKicker{color:var(--cyan);font-size:.64rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.commentsLive{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #31505b;border-radius:999px;color:#a9bbc5;font-size:.62rem;font-weight:800;letter-spacing:.08em}.commentsLive i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.trackComments{margin-top:18px;max-height:410px;overflow:auto;padding-right:3px}.trackComment{transition:transform .18s ease,border-color .18s ease;background:linear-gradient(135deg,#11191e,#0d1216)}.trackComment:hover{transform:translateY(-1px);border-color:#38505d}.commentMeta strong:before{content:"◉";margin-right:7px;color:var(--cyan);font-size:.65em}
.commentForm{grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);align-items:end}.commentForm label:nth-child(2){grid-column:2;grid-row:1 / span 2}.commentForm textarea{min-height:92px}.commentActions{grid-column:1}.commentHint{grid-column:1/-1}.commentForm input,.commentForm textarea{transition:border-color .18s ease,box-shadow .18s ease;background:#0d151a}.commentForm input:focus,.commentForm textarea:focus{border-color:#4ebbd5;box-shadow:0 0 0 3px #4edfff12}.commentActions button{min-width:112px;box-shadow:0 8px 25px #4edfff20;transition:transform .16s ease,box-shadow .16s ease}.commentActions button:hover{transform:translateY(-1px);box-shadow:0 10px 30px #4edfff35}
@media(max-width:650px){.commentsHead{gap:12px}.commentsLive{padding:6px 8px}.commentForm{grid-template-columns:1fr}.commentForm label:nth-child(2),.commentActions,.commentHint{grid-column:1;grid-row:auto}.trackComments{max-height:360px}}

.creatorBadge{display:inline-flex;vertical-align:middle;align-items:center;margin-left:5px;padding:3px 7px;border:1px solid #4edfff55;border-radius:999px;background:#4edfff12;color:var(--cyan);font-size:.55rem;font-weight:900;letter-spacing:.08em;white-space:nowrap;box-shadow:0 0 12px #4edfff12}

/* Podium medal hierarchy */
.rankingTable tr[data-rank="1"]{background:linear-gradient(90deg,rgba(116,82,12,.34) 0%,rgba(46,35,13,.28) 48%,#091015 100%)}
.rankingTable tr[data-rank="2"]{background:linear-gradient(90deg,rgba(130,143,153,.20) 0%,rgba(41,48,53,.20) 52%,#090d10 100%)}
.rankingTable tr[data-rank="3"]{background:linear-gradient(90deg,rgba(142,78,35,.26) 0%,rgba(56,33,19,.22) 52%,#090d10 100%)}
.rankingTable tr[data-rank="1"] td:first-child,.rankingTable tr[data-rank="1"] td:first-child:after{color:#f4c84a;text-shadow:0 0 14px #f4c84a55}
.rankingTable tr[data-rank="2"] td:first-child{color:#c7d0d7;text-shadow:0 0 12px #dbe6ed33}
.rankingTable tr[data-rank="3"] td:first-child{color:#d58a4d;text-shadow:0 0 12px #d58a4d44}
.rankingTable tr[data-rank="1"] td:last-child{color:#f4c84a}

/* deployment retry: podium medal palette */