/* ===== RSCRevived professional homepage arena rankings ===== */

.home-arena-showcase{
    margin:28px 0;
    padding:0;
    border:1px solid rgba(148,177,224,.16);
    border-radius:32px;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 0%, rgba(151,36,36,.20), transparent 28%),
        radial-gradient(circle at 86% 6%, rgba(244,211,122,.13), transparent 30%),
        linear-gradient(180deg, rgba(12,20,34,.98), rgba(4,7,13,.99));
    box-shadow:0 34px 85px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06);
}

.home-arena-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:22px;
    padding:28px;
    border-bottom:1px solid rgba(148,177,224,.12);
    background:
        linear-gradient(90deg, rgba(0,0,0,.16), rgba(255,255,255,.025)),
        radial-gradient(circle at 18% 0%, rgba(244,211,122,.12), transparent 32%);
}

.home-arena-hero h2{
    margin:5px 0 8px;
    color:#fff;
    font-size:clamp(2rem, 4vw, 3.15rem);
    line-height:.95;
    letter-spacing:-.03em;
}

.home-arena-hero p{
    margin:0;
    max-width:850px;
    color:#b8c7e4;
    font-weight:850;
    line-height:1.45;
}

.home-arena-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:9px;
}

.home-arena-primary{
    display:grid;
    grid-template-columns:minmax(300px, .95fr) minmax(0,1fr) minmax(0,1fr);
    gap:16px;
    padding:18px;
}

.home-arena-secondary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    padding:0 18px 18px;
}

.home-arena-champion,
.home-rank-card{
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(148,177,224,.14);
    border-radius:26px;
    background:
        radial-gradient(circle at 18% 0%, rgba(244,211,122,.10), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.016));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 18px 40px rgba(0,0,0,.22);
}

.home-arena-champion{
    border-color:rgba(244,211,122,.24);
    background:
        radial-gradient(circle at 50% 0%, rgba(244,211,122,.18), transparent 28%),
        radial-gradient(circle at 20% 18%, rgba(151,36,36,.18), transparent 34%),
        linear-gradient(180deg, rgba(19,26,38,.96), rgba(5,8,14,.99));
}

.home-arena-card-head,
.home-rank-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px;
    border-bottom:1px solid rgba(148,177,224,.105);
    background:rgba(255,255,255,.025);
}

.home-arena-card-head span,
.home-rank-card-head span{
    display:block;
    color:#f4d37a;
    font-size:.68rem;
    font-weight:1000;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.home-arena-card-head strong,
.home-rank-card-head strong{
    display:block;
    margin-top:4px;
    color:#fff;
    font-size:1.08rem;
}

.home-rank-card-head a{
    flex:0 0 auto;
    color:#9fc7ff;
    text-decoration:none;
    font-weight:1000;
    font-size:.80rem;
}

.home-rank-card-head a:hover{
    color:#f4d37a;
}

.home-champion-body{
    display:grid;
    grid-template-rows:auto 1fr;
    align-items:center;
    justify-items:center;
    gap:14px;
    padding:24px 18px 22px;
    color:#fff;
    text-decoration:none;
    min-height:430px;
}

.home-champion-avatar{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    width:min(260px, 88%);
    height:250px;
    border-radius:28px;
    border:1px solid rgba(244,211,122,.20);
    background:
        radial-gradient(circle at 50% 72%, rgba(151,36,36,.20), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.010));
    overflow:hidden;
}

.home-champion-avatar img{
    width:220px;
    height:240px;
    object-fit:contain;
    filter:drop-shadow(0 18px 24px rgba(0,0,0,.72));
}

.home-champion-copy{
    width:100%;
    display:grid;
    gap:16px;
}

.home-rank-name-line{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}

.home-rank-name-line.champion-line{
    justify-content:center;
}

.home-rank-name-line i{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    padding:4px 8px;
    border-radius:999px;
    border:1px solid rgba(148,177,224,.20);
    color:#e8f2ff;
    background:rgba(255,255,255,.045);
    font-style:normal;
    font-size:.68rem;
    font-weight:1000;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.home-rank-name-line i.is-one-x{
    color:#1c1303;
    border-color:rgba(244,211,122,.74);
    background:linear-gradient(180deg,#fff0a3,#b77b25);
}

.home-rank-name-line strong{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff;
    font-size:1rem;
}

.champion-line strong{
    font-size:1.65rem;
    letter-spacing:-.02em;
}

.home-champion-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.home-champion-stats span{
    display:grid;
    gap:4px;
    justify-items:center;
    padding:12px 8px;
    border-radius:16px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.055);
}

.home-champion-stats b{
    color:#f4d37a;
    font-size:1.25rem;
}

.home-champion-stats em{
    color:#9eb0cc;
    font-size:.70rem;
    font-style:normal;
    font-weight:1000;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.home-champion-empty,
.home-rank-empty{
    padding:22px;
    color:#b7c6e4;
    font-weight:900;
    text-align:center;
}

.home-rank-list{
    display:grid;
}

.home-rank-card.featured-list .home-rank-list{
    max-height:520px;
    overflow:auto;
}

.home-rank-row{
    display:grid;
    grid-template-columns:42px 72px minmax(0,1fr);
    align-items:center;
    gap:12px;
    min-height:84px;
    padding:10px 13px;
    border-bottom:1px solid rgba(148,177,224,.085);
    color:#fff;
    text-decoration:none;
    transition:background .12s ease, border-color .12s ease;
}

.home-rank-row:last-child{
    border-bottom:0;
}

.home-rank-row:hover{
    background:rgba(244,211,122,.055);
}

.home-rank-number{
    color:rgba(255,255,255,.25);
    font-size:2rem;
    line-height:1;
    font-weight:1000;
    text-align:center;
}

.home-rank-card.featured-list .home-rank-row:first-child .home-rank-number{
    color:#f4d37a;
}

.home-rank-avatar{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    width:72px;
    height:72px;
    border-radius:16px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.010));
    border:1px solid rgba(255,255,255,.055);
    overflow:hidden;
}

.home-rank-avatar img{
    width:66px;
    height:70px;
    object-fit:contain;
    filter:drop-shadow(0 8px 12px rgba(0,0,0,.58));
}

.home-rank-avatar.no-avatar,
.home-champion-avatar.no-avatar{
    align-items:center;
    background:
        radial-gradient(circle at 50% 28%, rgba(148,177,224,.14), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008));
}

.home-rank-silhouette{
    display:block;
    width:34px;
    height:48px;
    opacity:.34;
    background:
        radial-gradient(circle at 50% 18%, #b7c6e4 0 18%, transparent 19%),
        linear-gradient(#b7c6e4 0 0) center 58% / 28px 26px no-repeat,
        linear-gradient(90deg, transparent 0 25%, #b7c6e4 25% 39%, transparent 39% 61%, #b7c6e4 61% 75%, transparent 75%) center 90% / 38px 18px no-repeat;
}

.home-champion-avatar .home-rank-silhouette{
    width:90px;
    height:140px;
}

.home-rank-main{
    min-width:0;
}

.home-rank-main small{
    display:block;
    margin-top:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#9eb0cc;
    font-weight:800;
    font-size:.79rem;
}

@media(max-width:1220px){
    .home-arena-primary{
        grid-template-columns:1fr;
    }
    .home-champion-body{
        min-height:auto;
        grid-template-columns:220px minmax(0,1fr);
        grid-template-rows:auto;
        justify-items:stretch;
    }
    .home-champion-avatar{
        height:230px;
    }
    .home-champion-avatar img{
        height:220px;
    }
    .home-rank-card.featured-list .home-rank-list{
        max-height:none;
    }
}

@media(max-width:980px){
    .home-arena-secondary{
        grid-template-columns:1fr;
    }
    .home-arena-hero{
        align-items:flex-start;
        flex-direction:column;
    }
    .home-arena-actions{
        justify-content:flex-start;
    }
}

@media(max-width:680px){
    .home-arena-showcase{
        border-radius:22px;
    }
    .home-arena-hero,
    .home-arena-primary,
    .home-arena-secondary{
        padding:16px;
    }
    .home-arena-primary,
    .home-arena-secondary{
        gap:12px;
    }
    .home-champion-body{
        grid-template-columns:1fr;
        text-align:center;
    }
    .home-champion-avatar{
        width:100%;
        max-width:240px;
        justify-self:center;
    }
    .home-rank-row{
        grid-template-columns:34px 58px minmax(0,1fr);
        gap:9px;
        padding:9px 10px;
    }
    .home-rank-number{
        font-size:1.45rem;
    }
    .home-rank-avatar{
        width:58px;
        height:62px;
    }
    .home-rank-avatar img{
        width:54px;
        height:60px;
    }
    .home-rank-name-line i{
        min-width:42px;
        padding:3px 6px;
    }
}