/* =========================================================
   EternalMU Rankings Class Icons - NORMAL PATCH
========================================================= */
.emu-rank-class-tabs {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto 24px;
    padding: 10px 14px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 0;
    border: 1px solid rgba(75, 145, 225, 0.42);
    border-radius: 22px;
    background:
        radial-gradient(circle at 50% 0%, rgba(50, 115, 255, 0.14), transparent 42%),
        linear-gradient(180deg, rgba(8, 17, 38, 0.94), rgba(2, 5, 14, 0.96));
    box-shadow:
        0 0 22px rgba(35, 118, 255, 0.14),
        inset 0 0 24px rgba(36, 104, 210, 0.13),
        inset 0 1px 0 rgba(170, 220, 255, 0.16);
    overflow: hidden;
}
.emu-rank-class-tabs a {
    position: relative;
    flex: 1 1 0;
    min-width: 108px;
    max-width: 148px;
    padding: 7px 8px 9px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
    text-decoration: none;
    border-radius: 16px;
    transition: 0.22s ease;
}
.emu-rank-class-tabs a + a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 22px;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(110, 170, 255, 0.35), transparent);
}
.emu-rank-class-tabs img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 0 8px rgba(0,0,0,.65)) drop-shadow(0 0 10px rgba(75,128,255,.15));
    transition: 0.22s ease;
}
.emu-rank-class-tabs span {
    color: #d8dfff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    white-space: nowrap;
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(85,130,255,.28);
    transition: 0.22s ease;
}
.emu-rank-class-tabs a:hover,
.emu-rank-class-tabs a.active {
    background:
        radial-gradient(circle at 50% 20%, rgba(255,214,100,.13), transparent 42%),
        linear-gradient(180deg, rgba(30,38,66,.62), rgba(4,7,17,.48));
    box-shadow:
        inset 0 0 0 1px rgba(255,220,120,.28),
        0 0 18px rgba(42,135,255,.20);
    transform: translateY(-1px);
}
.emu-rank-class-tabs a:hover img,
.emu-rank-class-tabs a.active img {
    transform: translateY(-2px) scale(1.06);
    filter:
        drop-shadow(0 0 9px rgba(0,0,0,.65))
        drop-shadow(0 0 12px rgba(255,210,95,.24))
        drop-shadow(0 0 16px rgba(73,188,255,.25));
}
.emu-rank-class-tabs a:hover span,
.emu-rank-class-tabs a.active span {
    color: #fff2bd;
    text-shadow:
        0 0 8px rgba(255,204,92,.52),
        0 0 16px rgba(73,188,255,.18);
}
.rankings-shell .emu-rank-class-tabs,
.emu-rankings-shell .emu-rank-class-tabs {
    margin-top: -4px;
}
@media (max-width: 1100px) {
    .emu-rank-class-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 10px 12px;
    }
    .emu-rank-class-tabs a { flex: 0 0 120px; }
}
@media (max-width: 720px) {
    .emu-rank-class-tabs { border-radius: 18px; margin-bottom: 16px; }
    .emu-rank-class-tabs a { flex-basis: 96px; min-width: 96px; padding: 6px 7px 8px; }
    .emu-rank-class-tabs img { width: 48px; height: 48px; }
    .emu-rank-class-tabs span { font-size: 10px; letter-spacing: .55px; }
}