.ranking-hero{padding-bottom:2rem}.ranking-command{display:grid;gap:2rem}.ranking-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:1rem}.ranking-section-head h2{font:800 clamp(2rem,4vw,3.75rem)/.9 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:.2rem 0 0}.ranking-section-head p{color:var(--rc-muted);max-width:34rem}.hall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.hall-card{position:relative;min-height:25rem;overflow:hidden;background:#101113;display:flex;align-items:end;transition:transform .3s;isolation:isolate}.hall-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#08090a 88%)}.hall-card:before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(213,31,44,.32) 48%,transparent 70%);transform:translateX(-120%);transition:transform .55s}.hall-card:hover{z-index:2;transform:translateY(-10px);outline:1px solid rgba(213,31,44,.55)}.hall-card:hover:before{transform:translateX(120%)}.hall-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35);opacity:.72;transition:transform .5s,filter .5s}.hall-card:hover>img{transform:scale(1.06);filter:grayscale(0)}.hall-card__index{position:absolute;z-index:2;top:1rem;left:1rem;color:var(--rc-red-bright);font:700 1rem "IBM Plex Mono",monospace}.hall-card__copy{position:relative;z-index:2;padding:1.5rem;width:100%}.hall-card__copy small{display:block;color:#a9abb0;font:600 .68rem "IBM Plex Mono",monospace}.hall-card__copy h3{font:800 2rem/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:.35rem 0}.hall-card__copy>strong{color:var(--rc-red-bright);font:700 .85rem "IBM Plex Mono",monospace}.ranking-section-head--table{margin-top:1.5rem}.ranking-search{display:flex;align-items:center;gap:.75rem;font:600 .68rem "IBM Plex Mono",monospace;color:var(--rc-muted)}.ranking-search input{min-width:15rem;background:#0c0e0c;border:1px solid #343a35;color:#fff;padding:.75rem}.ranking-table-wrap{border:1px solid rgba(255,255,255,.11)}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th,.ranking-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.ranking-table th{font:600 .68rem "IBM Plex Mono",monospace;color:#8f9298}.ranking-table thead button{border:0;background:none;color:inherit;font:inherit;text-transform:uppercase;cursor:pointer}.ranking-table thead button[aria-sort=ascending]:after{content:" ↑";color:#ec3442}.ranking-table thead button[aria-sort=descending]:after{content:" ↓";color:#ec3442}.ranking-filters input{width:100%;min-width:70px;padding:.45rem;background:#090b0a;border:1px solid #303632;color:#fff;font:500 .65rem "IBM Plex Mono",monospace}.ranking-table tbody tr{cursor:pointer}.ranking-table tbody tr:hover,.ranking-table tbody tr:focus{background:rgba(187,18,28,.1);outline:none}.ranking-player{display:flex;align-items:center;gap:.8rem}.ranking-player img{width:2.6rem;height:2.6rem;object-fit:cover}.ranking-player span{display:grid}.player-dialog{width:min(42rem,calc(100% - 2rem));color:#fff;background:#111412;border:1px solid #353b36;padding:2rem}.player-dialog::backdrop{background:rgba(0,0,0,.82)}.player-dialog__close{position:absolute;right:1rem;top:1rem;border:0;background:none;color:#fff;font-size:2rem}.player-dialog__identity{display:flex;gap:1.3rem;align-items:center}.player-dialog__identity img{width:6rem;height:6rem;object-fit:cover}.player-dialog__stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:2rem 0}.player-dialog__stats span{display:grid;background:#171b18;padding:1rem}@media(max-width:900px){.hall-grid{grid-template-columns:repeat(2,1fr)}.player-dialog__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ranking-section-head{align-items:start;flex-direction:column}.hall-grid{grid-template-columns:1fr}.ranking-table{min-width:58rem}}@media(prefers-reduced-motion:reduce){.hall-card,.hall-card:before,.hall-card>img{transition:none}.hall-card:hover,.hall-card:hover>img{transform:none}}