.ranking{box-sizing:border-box;position:relative;overflow:hidden;padding:clamp(28px,4vw,58px);border:1px solid rgba(151,126,255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(17,13,38,.92),rgba(5,10,24,.96));box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)}
.ranking-page{padding-top:clamp(28px,5vw,72px);padding-bottom:clamp(48px,7vw,96px)}
.ranking::before{content:"";position:absolute;inset:0;opacity:.32;pointer-events:none;background-image:linear-gradient(rgba(151,126,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(151,126,255,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.ranking__glow{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(70px);opacity:.14;pointer-events:none}.ranking__glow--left{top:-120px;left:-80px;background:#8c6cff}.ranking__glow--right{right:-100px;bottom:-140px;background:#14d9c5}
.ranking__header,.ranking__heading,.ranking__stats,.ranking__toolbar,.ranking__search,.ranking__sort{position:relative;z-index:1;display:flex;align-items:center}.ranking__header{justify-content:space-between;gap:24px}.ranking__heading{gap:16px}.ranking__icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:18px;color:#bca9ff;background:linear-gradient(145deg,rgba(151,126,255,.22),rgba(151,126,255,.06));border:1px solid rgba(175,151,255,.24);box-shadow:0 0 30px rgba(151,126,255,.12)}.ranking__icon svg{width:29px;fill:currentColor}
.ranking__eyebrow{color:#a893ff;font-family:var(--font-tech);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.ranking__title{margin:4px 0 0;color:#f8f7ff;font-family:var(--font-display)!important;font-size:clamp(25px,3vw,42px);line-height:1;text-transform:uppercase}
.ranking__stats{gap:8px}.ranking__stats div{min-width:105px;padding:12px 16px;display:grid;gap:2px;border-radius:15px;text-align:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}.ranking__stats strong{color:#fff;font:800 20px/1 var(--font-heading)}.ranking__stats span{color:rgba(225,230,247,.5);font:700 8px/1 var(--font-tech);letter-spacing:.12em;text-transform:uppercase}.ranking__subtitle{position:relative;z-index:1;max-width:780px;margin:22px 0 30px;color:rgba(226,231,247,.65);font-size:14px;line-height:1.7}
.ranking__panel{position:relative;z-index:1;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:rgba(4,8,20,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.ranking__toolbar{justify-content:space-between;gap:16px;padding:14px;border-bottom:1px solid rgba(255,255,255,.065)}.ranking__search{width:min(100%,420px);height:45px;gap:10px;padding:0 14px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);transition:border-color .2s,box-shadow .2s}.ranking__search:focus-within{border-color:rgba(161,135,255,.48);box-shadow:0 0 0 3px rgba(151,126,255,.08)}.ranking__search svg{width:19px;flex:0 0 19px;fill:rgba(205,211,232,.48)}.ranking__search input{width:100%;border:0;outline:0;color:#fff;background:transparent;font:600 13px var(--font-body)}.ranking__search input::placeholder{color:rgba(210,216,237,.35)}.ranking__search button{border:0;color:rgba(255,255,255,.55);background:transparent;font-size:22px;cursor:pointer}.ranking__sort{gap:8px;color:rgba(218,224,244,.52);font:700 9px var(--font-tech);letter-spacing:.09em;text-transform:uppercase}.ranking__sort svg{width:17px;fill:#9277ff}
.ranking__table-wrap{overflow-x:auto}.ranking__table{width:100%;border-collapse:collapse;min-width:540px}.ranking__table th{padding:14px 20px;color:rgba(210,217,239,.38);text-align:left;font:700 9px var(--font-tech);letter-spacing:.13em;text-transform:uppercase}.ranking__table th:first-child{width:120px;text-align:center}.ranking__table th:last-child{width:180px;text-align:right}.ranking__table td{padding:13px 20px;border-top:1px solid rgba(255,255,255,.052);color:#eef1ff}.ranking__table tbody tr{transition:background .18s}.ranking__table tbody tr:hover{background:rgba(151,126,255,.055)}.ranking__table td:first-child{text-align:center}.ranking__table td:nth-child(2){display:flex;align-items:center;gap:12px}.ranking__table td:last-child{text-align:right}
.ranking__position{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:10px;color:rgba(225,230,245,.7);background:rgba(255,255,255,.04);font:800 12px var(--font-heading)}.ranking__position--1{color:#241a00;background:linear-gradient(145deg,#ffe493,#d99d25);box-shadow:0 0 22px rgba(255,194,62,.15)}.ranking__position--2{color:#1c2430;background:linear-gradient(145deg,#f2f5fb,#9ca9bc)}.ranking__position--3{color:#2b150c;background:linear-gradient(145deg,#e9a878,#a55a31)}.ranking__profile{width:fit-content;display:flex;align-items:center;gap:12px;color:inherit}.ranking__profile>svg{width:14px;fill:rgba(169,144,255,0);transform:translateX(-4px);transition:fill .18s,transform .18s}.ranking__profile:hover>svg{fill:rgba(169,144,255,.7);transform:translateX(0)}.ranking__profile:hover strong{color:#bca9ff}.ranking__avatar{position:relative;overflow:hidden;width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;color:#c9baff;background:linear-gradient(145deg,rgba(151,126,255,.22),rgba(151,126,255,.07));border:1px solid rgba(172,147,255,.18);font:800 12px var(--font-heading)}.ranking__avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ranking__table td strong{font:700 14px var(--font-body);transition:color .18s}.ranking__tickets{display:inline-flex;align-items:baseline;gap:5px;color:#bca9ff;font:900 17px var(--font-heading)}.ranking__tickets small{color:rgba(216,222,241,.45);font:700 8px var(--font-tech);letter-spacing:.08em;text-transform:uppercase}.ranking__empty{padding:42px 20px;display:grid;gap:7px;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.ranking__empty[hidden]{display:none}.ranking__empty strong{color:#f3f5ff}.ranking__empty span{color:rgba(219,225,244,.45);font-size:12px}
@media(max-width:720px){.ranking{padding:22px 14px;border-radius:20px}.ranking__header{align-items:flex-start;flex-direction:column}.ranking__stats{width:100%}.ranking__stats div{flex:1;min-width:0}.ranking__subtitle{margin:18px 0 22px}.ranking__toolbar{align-items:stretch;flex-direction:column}.ranking__search{width:100%}.ranking__sort{justify-content:flex-end}.ranking__table th,.ranking__table td{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){.ranking *{transition:none!important}}