.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}.champion-section{margin-bottom:24px}.champion-card{background:linear-gradient(#fbbf2405 0%,#0a0a0c 40%);border-radius:20px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,0 0 40px #fbbf2414,0 0 80px #fbbf240a,inset 0 1px #fbbf240f}.champion-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0009,0 0 50px #fbbf241a,0 0 90px #fbbf240f,inset 0 1px #fbbf2414}.champion-content{display:block}.champion-main{align-items:center;gap:16px;padding:24px;text-decoration:none;display:flex}.champion-logo-wrap{flex-shrink:0}.champion-logo-img{object-fit:contain;width:64px;height:64px;transition:transform .4s}.champion-card:hover .champion-logo-img{transform:scale(1.05)}.champion-rank{color:#000;background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 12px #fbbf2440}.champion-details{flex:1;min-width:0}.champion-name{color:#fff;letter-spacing:-.02em;margin:0 0 2px;font-size:20px;font-weight:600}.champion-bonus{color:#ec4899;margin:0 0 4px;font-size:13px;font-weight:500}.champion-meta{color:#fff6;align-items:center;gap:6px;font-size:12px;display:flex}.meta-dot{background:#ffffff4d;border-radius:50%;width:3px;height:3px}.champion-rating{text-align:right;flex-shrink:0}.champion-rating .rating-value{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:72px;font-weight:800;line-height:1;display:block}.champion-rating .rating-label{color:#fbbf2499;text-transform:uppercase;letter-spacing:.12em;margin-top:4px;font-size:11px;font-weight:600;display:block}.champion-cta-wrapper{align-items:center;gap:10px;padding:0 20px 16px;display:flex}.magic-cta{border-radius:10px;justify-content:center;align-items:center;height:44px;padding:1px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.magic-border{background:conic-gradient(#fbbf24 0deg,#f59e0b 60deg,#ec4899 120deg,#db2777 180deg,#ec4899 240deg,#f59e0b 300deg,#fbbf24 360deg);border-radius:10px;animation:4s linear infinite spinBorder;position:absolute;inset:0}@keyframes spinBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.magic-content{color:#000;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:9px;align-items:center;gap:6px;height:calc(100% - 2px);padding:0 20px;font-size:13px;font-weight:600;transition:background .3s;display:flex;position:relative}.magic-cta:hover .magic-content{background:linear-gradient(135deg,#fcd34d 0%,#fbbf24 100%)}.magic-content svg{transition:transform .3s}.magic-cta:hover .magic-content svg{transform:translate(3px)}.review-cta{color:#ffffff80;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;height:44px;padding:0 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.review-cta:hover{color:#fffc;background:#ffffff0d}.runners-section{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.runner-card{opacity:0;background:#0a0a0c;border-radius:14px;text-decoration:none;transition:transform .35s,box-shadow .35s;display:block;position:relative;overflow:hidden}.rankings-page.mounted .runner-card{animation:.6s cubic-bezier(.25,.46,.45,.94) forwards fadeSlideIn}.runner-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0006}.runner-main{align-items:center;gap:10px;padding:14px;text-decoration:none;transition:background .25s;display:flex}.runner-main:hover{background:#ffffff05}.runner-logo-wrap{flex-shrink:0}.runner-logo-img{object-fit:contain;width:44px;height:44px;transition:transform .4s}.runner-card:hover .runner-logo-img{transform:scale(1.06)}.runner-rank{color:#ffffffb3;background:#ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.runner-details{flex:1;min-width:0}.runner-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 1px;font-size:14px;font-weight:600;overflow:hidden}.runner-bonus{color:#ec4899;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;font-weight:500;overflow:hidden}.runner-cta-row{align-items:center;gap:6px;padding:0 14px 14px;display:flex}.runner-play-btn,.runner-review-btn{background:0 0;border:none;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:#ffffffb3;background:#ffffff0d}.runner-rating{flex-shrink:0}.runner-rating .rating-value{color:#ffffffb3;letter-spacing:-.02em;font-size:28px;font-weight:700}.rankings-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.ranking-row{opacity:0;background:#ffffff05;border-radius:12px;align-items:center;transition:all .3s;display:flex;position:relative}.rankings-list.in-view .ranking-row{animation:.4s cubic-bezier(.25,.46,.45,.94) forwards listItemIn}.ranking-row:hover{background:#ffffff0a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026,0 0 0 1px #ffffff0f}.row-main{flex:1;align-items:center;gap:12px;min-width:0;padding:12px 0 12px 16px;text-decoration:none;display:flex}.row-rank{color:#ffffff59;text-align:center;flex-shrink:0;width:28px;font-size:14px;font-weight:600;transition:color .25s}.ranking-row:hover .row-rank{color:#ffffff80}.row-logo{flex-shrink:0;width:48px;height:48px}.row-logo img{object-fit:contain;width:100%;height:100%}.row-details{flex:1;min-width:0}.row-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.row-meta{color:#ffffff59;margin-top:1px;font-size:11px;display:block}.row-cta{flex-shrink:0;align-items:center;gap:8px;padding-right:16px;display:flex}.row-play-btn,.row-review-btn{background:0 0;border:none;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;font-size:14px}.rankings-footer h1{font-size:32px}.champion-main{gap:20px;padding:28px 32px}.champion-logo-img{width:72px;height:72px}.champion-cta-wrapper{gap:12px;padding:0 28px 20px}.review-cta{height:46px;padding:0 24px;font-size:14px}.champion-rank{width:44px;height:44px;font-size:20px}.champion-name{font-size:26px}.champion-bonus{font-size:14px}.champion-meta{font-size:12px}.champion-rating .rating-value{font-size:52px}.champion-rating .rating-label{font-size:11px}.runners-section{gap:16px;margin-bottom:40px}.runner-main{gap:12px;padding:16px}.runner-logo-img{width:52px;height:52px}.runner-cta-row{padding:0 16px 16px}.runner-rank{width:36px;height:36px;font-size:16px}.runner-name{font-size:16px}.runner-bonus{font-size:12px}.runner-play-btn,.runner-review-btn{height:32px;padding:0 16px;font-size:13px}.runner-rating .rating-value{font-size:28px}.rankings-list{gap:8px}.row-main{gap:14px;padding:14px 0 14px 20px}.row-cta{gap:6px;padding-right:20px}.row-play-btn,.row-review-btn{height:34px;padding:0 18px;font-size:13px}.row-rank{width:32px;font-size:15px}.row-logo{width:52px;height:52px}.row-name{font-size:15px}.row-meta{font-size:12px}}@media (min-width:1024px){.rankings-footer h1{font-size:36px}.champion-section{margin-bottom:28px}.champion-main{gap:24px;padding:32px 40px}.champion-logo-img{width:80px;height:80px}.champion-cta-wrapper{padding:0 40px 28px}.champion-name{font-size:32px}.champion-rating .rating-value{font-size:88px}.runners-section{gap:20px}.runner-main{gap:14px;padding:18px}.runner-logo-img{width:56px;height:56px}.runner-cta-row{padding:0 18px 18px}}@media (max-width:480px){.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}.rankings-footer .footer-subtitle{font-size:12px}.rankings-footer .footer-methodology{font-size:11px}.champion-card{border-radius:16px}.champion-main{gap:12px;padding:20px 16px}.champion-logo-img{width:56px;height:56px}.champion-cta-wrapper{gap:8px;padding:0 14px 14px}.review-cta{height:36px;padding:0 12px;font-size:12px}.champion-rank{border-radius:8px;width:32px;height:32px;font-size:14px}.champion-name{margin-bottom:1px;font-size:16px}.champion-bonus{margin-bottom:2px;font-size:11px}.champion-meta{font-size:10px}.champion-rating .rating-value{font-size:32px}.champion-rating .rating-label{font-size:9px}.magic-cta{height:36px}.magic-content{gap:4px;padding:0 14px;font-size:11px}.magic-content svg{width:11px;height:11px}.runners-section{grid-template-columns:1fr;gap:10px;margin-bottom:12px}.runner-card{border-radius:10px}.runner-main{gap:8px;padding:12px}.runner-logo-img{width:40px;height:40px}.runner-cta-row{padding:0 12px 12px}.runner-rank{border-radius:6px;width:28px;height:28px;font-size:12px}.runner-name{font-size:13px}.runner-bonus{font-size:10px}.runner-cta-row{gap:2px}.runner-play-btn,.runner-review-btn{height:26px;padding:0 10px;font-size:11px}.runner-rating .rating-value{font-size:20px}.rankings-list{gap:4px;margin-bottom:8px}.ranking-row{border-radius:10px}.row-main{gap:8px;padding:10px 0 10px 12px}.row-cta{gap:2px;padding-right:10px}.row-play-btn,.row-review-btn{border-radius:6px;height:28px;padding:0 10px;font-size:11px}.row-rank{width:18px;font-size:11px}.row-logo{width:40px;height:40px}.row-name{font-size:13px}.row-meta{display:none}}.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)}}