.ranking-page{padding-top:64px}.ranking-scrolling-wrapper{display:none}.ranking-wrapper{min-height:calc(100vh - 64px);display:flex;flex-direction:column;background:#111}.ranking-hero,.ranking-wrapper{position:relative;overflow:hidden}.ranking-hero{width:100%;height:55vh;min-height:320px;flex-shrink:0;background:#2a2a2a;isolation:isolate}.ranking-scrolling-bg{inset:0;align-items:center;pointer-events:none;z-index:1;opacity:1}.ranking-bg-layer,.ranking-scrolling-bg{position:absolute;display:flex;overflow:hidden}.ranking-bg-layer{bottom:0;left:0;right:0;height:100%;align-items:flex-end;justify-content:center;z-index:2;isolation:isolate}.ranking-bg-photo{flex:1 1;height:100%;overflow:hidden;position:relative;background:transparent}.ranking-bg-photo img,.ranking-bg-photo video{height:100%;width:100%;object-fit:cover;object-position:center top;display:block;filter:grayscale(1) brightness(.55);transition:filter .3s ease;mix-blend-mode:normal}.ranking-bg-photo:first-child img,.ranking-bg-photo:first-child video{filter:none;object-position:center top}.ranking-bg-overlay{position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,#2a2a2a 0,transparent 10%,transparent 90%,#2a2a2a),linear-gradient(180deg,transparent 0,transparent 60%,#0d0d0d);pointer-events:none}.ranking-content{position:relative;z-index:2;width:100%;background:#0d0d0d;border-top:2px solid #c9a84c;padding:0 24px 80px}.ranking-slider-nav{display:flex;align-items:center;gap:24px;padding:28px 0 24px;max-width:900px;margin-left:auto;margin-right:auto}.ranking-arrow{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18);color:#fff;width:44px;height:44px;font-size:18px;border-radius:6px;transition:all .2s;flex-shrink:0;cursor:pointer}.ranking-arrow:hover:not(:disabled){background:var(--color-green,#22c55e);border-color:var(--color-green,#22c55e)}.ranking-arrow:disabled{opacity:.2;cursor:default}.ranking-div-info{flex:1 1;text-align:center}.ranking-div-name{font-size:clamp(36px,5.5vw,72px);font-weight:900;letter-spacing:6px;color:#c9a84c;line-height:1}.ranking-div-name,.ranking-weight-range{font-family:var(--font-primary);text-transform:uppercase}.ranking-weight-range{font-size:13px;font-weight:600;letter-spacing:3px;color:hsla(0,0%,100%,.45);margin-top:6px}.ranking-div-counter{font-size:11px;color:hsla(0,0%,100%,.3);margin-top:4px;letter-spacing:2px}.ranking-container{position:relative;max-width:900px;margin:0 auto}.ranking-list{display:flex;flex-direction:column;border-top:1px solid hsla(0,0%,100%,.07)}.ranking-row{display:flex;align-items:center;gap:20px;padding:16px;border-bottom:1px solid hsla(0,0%,100%,.05);transition:background .15s ease;cursor:default;position:relative}.ranking-row.active,.ranking-row:hover{background:#c0152a}.ranking-rank{width:44px;flex-shrink:0;display:flex;align-items:center}.ranking-crown{font-size:20px}.ranking-num{font-family:var(--font-primary);font-size:18px;font-weight:700;color:hsla(0,0%,100%,.4)}.ranking-row.active .ranking-num{color:#fff}.ranking-fighter-name{font-family:var(--font-primary);font-size:20px;font-weight:800;letter-spacing:2px;flex:1 1;color:#fff;text-decoration:none}.ranking-flag{font-size:22px;flex-shrink:0}.ranking-floating-portrait{position:absolute;left:50%;top:var(--portrait-top);transform:translateX(-50%) translateY(-50%);width:130px;height:170px;border-radius:4px;overflow:hidden;border:2px solid #c0152a;box-shadow:0 8px 40px rgba(0,0,0,.8);pointer-events:none;animation:rankingFadeUp .16s ease;z-index:10}.ranking-floating-portrait img{width:100%;height:100%;object-fit:cover;object-position:top}.ranking-empty{color:hsla(0,0%,100%,.3);padding:24px 0}@keyframes rankingFadeUp{0%{opacity:0;transform:translateX(-50%) translateY(calc(-50% + 10px))}to{opacity:1;transform:translateX(-50%) translateY(-50%)}}@media (max-width:768px){.ranking-floating-portrait{display:none}.ranking-hero{height:38vh}}.ranking-gender-toggle{display:flex;justify-content:center;gap:8px;padding:18px 24px 0}.ranking-gender-pill{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-gray);padding:8px 28px;border-radius:999px;font-weight:700;font-size:14px;letter-spacing:1px;cursor:pointer;transition:all var(--transition)}.ranking-gender-pill:hover{border-color:var(--color-green);color:var(--color-white)}.ranking-gender-pill.active{background:var(--color-green);border-color:var(--color-green);color:#000}.ranking-champions{display:flex;flex-wrap:wrap;gap:14px;padding:0 24px;margin:18px auto 6px;max-width:1100px}.ranking-champion-card{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border:1px solid var(--color-gold);background:rgba(0,0,0,.55);border-radius:4px;transition:transform .2s}.ranking-champion-card:hover{transform:translateY(-2px)}.ranking-champion-card.belt-north_africa{border-color:var(--color-green)}.ranking-champion-card.belt-mediterranean{border-color:#39f}.ranking-champion-card.belt-world{box-shadow:0 0 14px rgba(201,168,76,.4)}.ranking-champion-info{display:flex;flex-direction:column;gap:2px}.ranking-champion-title{font-size:11px;font-weight:700;color:var(--color-gold);text-transform:uppercase}.ranking-champion-name,.ranking-champion-title{font-family:var(--font-primary);letter-spacing:1px}.ranking-champion-name{font-size:18px;font-weight:900;color:var(--color-white)}.ranking-champion-belt{width:64px;height:40px;object-fit:cover;border-radius:3px;margin-left:6px}.ranking-tier{font-family:var(--font-primary);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:10px 0 4px;border-bottom:1px solid var(--color-border);margin-bottom:6px}.ranking-tier.tier-challenger{color:var(--color-red)}.ranking-tier.tier-contenders{color:var(--color-gold)}.ranking-tier.tier-rising{color:var(--color-green)}