.rankings-page{max-width:960px;margin:0 auto;padding:72px 20px 16px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes listItemIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-in{opacity:0}.rankings-page.mounted .animate-in{animation:.6s cubic-bezier(.25,.46,.45,.94) forwards fadeSlideIn}.rankings-header .sh-tabs{flex:1;justify-content:flex-start!important;padding-right:0!important}.rankings-header .sh-tab{padding:14px 16px;font-size:14px}.rankings-header .sh-tab-indicator{background:#ec4899}.logo-box{background:#1a1a1e;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-box .logo-img{object-fit:cover;width:100%;height:100%}.logo-box-hero{width:100px;height:100px}.logo-box-md{width:76px;height:76px}.logo-box-sm{width:56px;height:56px}.logo-fallback{background:#26262b}.logo-fallback span{color:#ffffff73;font-weight:600;line-height:1}.logo-box-hero.logo-fallback span{font-size:34px}.logo-box-md.logo-fallback span{font-size:24px}.logo-box-sm.logo-fallback span{font-size:18px}.meta-line{flex-wrap:wrap;align-items:center;gap:7px;margin:3px 0 0;display:flex}.meta-sep{color:#fff3}.lic-badge{color:#ffffff6b;font-size:12px;font-weight:500}.bonus-link{color:#ec4899;font-size:13px;font-weight:600}.bonus-muted{color:#ffffff80;font-size:12px;font-weight:500}.champion-section{margin-bottom:24px}.champion-card{background:linear-gradient(#fbbf2408 0%,#0a0a0c 42%);border-radius:20px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 40px #fbbf2412,inset 0 1px #fbbf240f}.champion-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0009,0 0 50px #fbbf241a,inset 0 1px #fbbf2414}.champion-main{align-items:center;gap:18px;padding:24px;text-decoration:none;display:flex}.champion-rank{color:#000;background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:flex;box-shadow:0 0 16px #fbbf2459}.champion-details{flex:1;min-width:0}.champion-name{color:#fff;letter-spacing:-.02em;overflow-wrap:anywhere;font-size:28px;font-weight:600;line-height:1.1;display:block}.champion-rating{text-align:right;flex-shrink:0}.champion-rating .rating-value{font-variant-numeric:tabular-nums;background:linear-gradient(#fbbf24 0%,#f59e0b 50%,#d97706 100%);-webkit-text-fill-color:transparent;letter-spacing:-.04em;filter:drop-shadow(0 2px 8px #fbbf244d);background-clip:text;font-size:52px;font-weight:800;line-height:1;display:block}.champion-rating .rating-label{color:#fbbf2499;text-transform:uppercase;letter-spacing:.15em;margin-top:4px;font-size:11px;font-weight:600;display:block}.champion-cta-wrapper{align-items:center;gap:10px;padding:0 24px 18px 86px;display:flex}.magic-cta{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:12px;justify-content:center;align-items:center;height:52px;padding:0 26px;text-decoration:none;transition:background .2s,transform .1s;display:inline-flex}.magic-cta:hover{background:linear-gradient(135deg,#fcd34d 0%,#fbbf24 100%)}.magic-cta:active{background:#b8931f;transform:translateY(1px)}.magic-content{color:#000;align-items:center;gap:7px;font-size:15px;font-weight:600;display:flex}.magic-content svg{transition:transform .2s}.magic-cta:hover .magic-content svg{transform:translate(3px)}.review-cta{color:#ffffff80;border-radius:12px;justify-content:center;align-items:center;height:52px;padding:0 22px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.review-cta:hover{color:#ffffffd9;background:#ffffff0d}.runners-section{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.runner-card{opacity:0;background:#0a0a0c;border:1px solid #0000;border-radius:14px;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}.rankings-page.mounted .runner-card{animation:.6s cubic-bezier(.25,.46,.45,.94) forwards fadeSlideIn}.runner-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 32px #0006}.runner-main{grid-template-columns:36px 76px 1fr auto;align-items:center;gap:12px;padding:16px;text-decoration:none;display:grid}.runner-rank{color:#fff;background:#26262b;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:flex}.runner-details{min-width:0}.runner-name{color:#fff;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:600;display:block;overflow:hidden}.runner-rating{justify-self:end;padding-right:8px}.runner-rating .rating-value{color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:300;line-height:1}.runner-cta-row{align-items:center;gap:6px;padding:0 16px 14px 76px;display:flex}.runner-play-btn,.runner-review-btn{border-radius:6px;justify-content:center;align-items:center;height:30px;padding:0 14px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.runner-play-btn{color:#ec4899}.runner-play-btn:hover{background:#ec48991a}.runner-review-btn{color:#ffffff73}.runner-review-btn:hover{color:#ffffffbf;background:#ffffff0d}.rankings-list{flex-direction:column;margin-bottom:12px;display:flex}.ranking-row{opacity:0;border-bottom:1px solid #ffffff0f;flex-direction:column;align-items:stretch;transition:background .2s;display:flex;position:relative}.ranking-row:last-child{border-bottom:none}.rankings-list.in-view .ranking-row{animation:.4s cubic-bezier(.25,.46,.45,.94) forwards listItemIn}.ranking-row:hover{background:#1a1a1e}.row-main{flex:1;align-items:center;gap:14px;min-width:0;padding:10px 12px 10px 8px;text-decoration:none;display:flex}.row-rank{text-align:center;color:#ffffff59;font-variant-numeric:tabular-nums;flex-shrink:0;width:24px;font-size:15px;font-weight:600}.row-details{flex:1;min-width:0}.row-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;display:block;overflow:hidden}.row-meta{align-items:center;gap:6px;margin-top:2px;display:flex}.row-score{color:#7c8b9d;font-variant-numeric:tabular-nums;letter-spacing:-.01em;flex-shrink:0;margin-left:auto;padding-right:14px;font-size:28px;font-weight:400}.row-cta{flex-shrink:0;align-items:center;gap:8px;padding:0 12px 14px 84px;display:flex}.row-play-btn,.row-review-btn{border-radius:8px;justify-content:center;align-items:center;height:32px;padding:0 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.row-play-btn{color:#ec4899}.row-play-btn:hover{background:#ec48991a}.row-review-btn{color:#ffffff80}.row-review-btn:hover{color:#fffc;background:#ffffff0d}.rankings-footer{text-align:center;border-top:1px solid #ffffff0f;max-width:480px;margin:0 auto;padding:48px 0 32px}.rankings-footer h1{color:#fffc;letter-spacing:-.03em;margin:0 0 8px;font-size:28px;font-weight:600}.rankings-footer .footer-subtitle{color:#ffffff59;margin:0 0 16px;font-size:13px}.rankings-footer .footer-methodology{color:#ffffff40;margin:0;font-size:12px;line-height:1.8}@media (min-width:768px){.rankings-page{padding:72px 32px 16px}.rankings-header .sh-tab{padding:16px 24px}.rankings-footer h1{font-size:32px}.champion-main{gap:22px;padding:30px 34px}.logo-box-hero{width:96px;height:96px}.champion-name{font-size:30px}.champion-rating .rating-value{font-size:60px}.champion-cta-wrapper{gap:12px;padding:0 34px 22px 118px}.runners-section{margin-bottom:40px}.runner-rating .rating-value{font-size:36px}}@media (min-width:1024px){.rankings-footer h1{font-size:36px}.champion-section{margin-bottom:28px}.champion-main{gap:24px;padding:34px 40px}.champion-name{font-size:34px}.champion-rating .rating-value{font-size:68px}.champion-cta-wrapper{padding:0 40px 28px 128px}.runners-section{gap:20px}}@media (max-width:639px){.rankings-page{padding:64px 16px 16px}.rankings-header .sh-tab{padding:14px;font-size:13px}.rankings-footer{padding:32px 0 24px}.rankings-footer h1{font-size:22px}.champion-card{border-radius:16px}.champion-main{gap:12px;padding:18px 16px}.logo-box-hero{width:64px;height:64px}.champion-rank{border-radius:10px;width:38px;height:38px;font-size:17px}.champion-name{font-size:24px}.champion-rating .rating-value{font-size:52px}.champion-cta-wrapper{gap:8px;padding:0 16px 16px}.magic-cta{height:46px;padding:0 20px}.magic-content{font-size:14px}.review-cta{height:46px;padding:0 16px;font-size:14px}.runners-section{grid-template-columns:1fr;gap:0;margin-bottom:0}.runner-card{background:0 0;border-bottom:1px solid #ffffff0f;border-radius:0}.runner-card:hover{box-shadow:none;background:#1a1a1e;transform:none}.runner-main{grid-template-columns:32px 48px 1fr auto;gap:10px;padding:12px 12px 4px}.runner-rank{border-radius:8px;width:32px;height:32px;font-size:13px}.logo-box-md{width:48px;height:48px}.runner-name{font-size:16px}.runner-rating .rating-value{font-size:30px}.runner-cta-row{gap:4px;padding:0 12px 12px 90px}.runner-play-btn,.runner-review-btn{height:26px;padding:0 10px;font-size:13px}.row-main{gap:10px;padding:12px 12px 4px}.row-rank{text-align:center;width:32px;font-size:13px}.logo-box-sm{width:48px;height:48px}.row-name{font-size:16px}.row-score{padding-right:8px;font-size:30px;font-weight:300}.row-cta{gap:4px;padding:0 12px 12px 90px}.row-play-btn,.row-review-btn{border-radius:6px;height:26px;padding:0 10px;font-size:13px}}.rankings-loading{justify-content:center;align-items:center;min-height:300px;padding:48px 20px;display:flex}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#ec4899;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}