/* Ranking interior — replica la densidad y el metal envejecido del portal
   Silkroad, pero mantiene los datos y controles propios de Rakion Evolution. */

body.rakion-eternal .silk-internal-main > .content-surface:has(.rk-ranking-page) {
    padding: 0;
    overflow: visible;
    border-color: #777;
    border-radius: 1px;
    background: #181c23 url('/assets/silkroad/images/box-bg.jpg') repeat;
    box-shadow: 0 0 12px #000, inset 0 0 16px #0008;
}

body.rakion-eternal .silk-internal-main .rk-ranking-page {
    --slr-ink: #090b0e;
    --slr-panel: #181c23;
    --slr-panel-2: #11151a;
    --slr-rule: #575b5d;
    --slr-rule-soft: #30353a;
    --slr-copy: #9b968e;
    --slr-heading: #d2cbc1;
    --slr-gold: #9b7f4c;
    --slr-gold-hi: #c8b27f;
    --slr-focus: #d7bf86;
    position: relative;
    width: 100%;
    padding: 0 10px 14px !important;
    color: var(--slr-copy);
    background: transparent;
}

body.rakion-eternal .silk-internal-main .rk-ranking-page::before,
body.rakion-eternal .silk-internal-main .rk-ranking-page::after {
    content: '';
    position: absolute;
    z-index: 2;
    width: 38px;
    height: 41px;
    pointer-events: none;
    background: url('/assets/silkroad/images/box-corners.png') no-repeat 0 0;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page::before { top: 34px; left: 0; }
body.rakion-eternal .silk-internal-main .rk-ranking-page::after { top: 34px; right: 0; background-position: -37px 0; }

.slr-breadcrumb {
    min-height: 34px;
    margin: 0 -10px;
    padding: 8px 13px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    color: #716d67;
    border-bottom: 1px solid #3f4244;
    background: linear-gradient(180deg, #22282f, #151a20);
    box-shadow: inset 0 1px rgba(255,255,255,.035), 0 3px 10px rgba(0,0,0,.28);
    font-size: 10px;
    letter-spacing: .025em;
}
.slr-breadcrumb a { color: #a9a198; }
.slr-breadcrumb a:hover { color: #ddd5ca; }
.slr-breadcrumb a:focus-visible {
    color: #f0e9dd;
    outline: 1px solid var(--slr-focus);
    outline-offset: 2px;
}
.slr-breadcrumb i { color: #725d39; font-size: 7px; }
.slr-breadcrumb strong { color: #c2b9ae; font-weight: 600; }

body.rakion-eternal .silk-internal-main .rk-ranking-header {
    min-height: 90px;
    margin: 0 -10px;
    padding: 15px 18px;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid #69665f;
    border-radius: 0;
    background:
        linear-gradient(90deg, #080a0dee, #171b21d7 66%, #090b0ef5),
        url('/assets/silkroad/images/fortress-banner.png') center 42% / cover no-repeat;
    box-shadow: inset 0 0 28px #000, 0 1px #000;
}
body.rakion-eternal .silk-internal-main .rk-ranking-header::before,
body.rakion-eternal .silk-internal-main .rk-ranking-header::after { display: none; }

body.rakion-eternal .silk-internal-main .rk-ranking-emblem {
    width: 46px;
    height: 52px;
    display: grid;
    place-items: center;
    color: #d0b67f;
    border: 1px solid #5d503a;
    border-radius: 1px;
    background: linear-gradient(145deg, #242017, #0a0c0e 65%);
    box-shadow: inset 0 0 0 1px #000, 0 2px 8px #000;
    clip-path: polygon(50% 0, 94% 18%, 86% 82%, 50% 100%, 14% 82%, 6% 18%);
    font-size: 19px;
}

body.rakion-eternal .silk-internal-main .rk-ranking-heading { min-width: 0; }
body.rakion-eternal .silk-internal-main .rk-ranking-heading > span {
    display: block;
    margin: 0 0 2px;
    color: #a38b61;
    font: 9px Arial, sans-serif;
    font-weight: 700;
    letter-spacing: .17em;
}
body.rakion-eternal .silk-internal-main .rk-ranking-heading h2 {
    margin: 0;
    color: var(--slr-heading);
    font: 22px Adelon, Georgia, serif;
    font-weight: 400;
    line-height: 1.05;
    text-transform: uppercase;
    text-shadow: 0 2px 3px #000;
}
body.rakion-eternal .silk-internal-main .rk-ranking-heading p {
    margin: 5px 0 0;
    overflow: hidden;
    color: #85817b;
    font-size: 10.5px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.rakion-eternal .silk-internal-main .rk-ranking-total {
    min-width: 76px;
    padding: 8px 12px;
    display: grid;
    place-items: center;
    align-self: stretch;
    border: 1px solid #414448;
    border-radius: 1px;
    background: #080a0cb8;
    box-shadow: inset 0 0 10px #000;
}
body.rakion-eternal .silk-internal-main .rk-ranking-total strong {
    color: #e4ded4;
    font: 21px Adelon, Georgia, serif;
    line-height: 1;
}
body.rakion-eternal .silk-internal-main .rk-ranking-total span {
    color: #817b73;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.rakion-eternal .silk-internal-main .rk-ranking-tabs {
    min-height: 43px;
    margin: 10px 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border: 1px solid #51555a;
    border-radius: 1px;
    background: #111419;
    box-shadow: inset 0 0 10px #000, 0 1px 4px #000;
}
body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab {
    min-width: 0;
    min-height: 41px;
    padding: 7px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #989189;
    border: 0;
    border-right: 1px solid #34383b;
    border-radius: 0;
    background: linear-gradient(#22272d, #171b20);
    font: 11px Adelon, Georgia, serif;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #000;
    white-space: nowrap;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}
body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab:last-child { border-right: 0; }
body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab i { color: #756b5c; font-size: 11px; }
body.rakion-eternal .silk-internal-main .rk-ranking-tabs a.nav-tab:hover {
    color: #e1d9ce;
    background: linear-gradient(#31353a, #20242a);
}
body.rakion-eternal .silk-internal-main .rk-ranking-tabs a.nav-tab:focus-visible {
    z-index: 2;
    color: #f4ede2;
    outline: 1px solid var(--slr-focus);
    outline-offset: -3px;
    background: linear-gradient(#30343a, #1d2126);
}
body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab.active {
    color: #211e19;
    background: linear-gradient(#d5cec1, #aaa08f 61%, #817563);
    box-shadow: inset 0 1px #fff9, inset 0 -2px #554a39, 0 0 12px #0007;
    text-shadow: 0 1px #fff7;
}
body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab.active i { color: #6b5531; }
body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab.active::after { display: none; }

body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-search {
    margin: 0 0 10px;
    padding: 8px;
    display: flex;
    gap: 6px;
    border: 1px solid #3f4448;
    border-radius: 1px;
    background: #090c0f9c;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-search-field .input-field {
    height: 34px;
    padding: 0 10px 0 32px;
    color: #c5beb4;
    border: 1px solid #50555a;
    border-radius: 0;
    background: #080a0c;
    box-shadow: inset 0 0 8px #000;
    font-size: 11px;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-search-field > i { color: #716c65; }
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-search-field .input-field:focus {
    outline: none;
    border-color: #99825a;
    box-shadow: 0 0 0 2px #c7ad7224, inset 0 0 8px #000;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-search .btn-primary,
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-clear {
    min-width: 94px;
    min-height: 34px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #211d17;
    border: 1px solid #b7a47f;
    border-radius: 0;
    background: linear-gradient(#ded7c9, #978c78 57%, #796d59);
    font: 11px Adelon, Georgia, serif;
    text-transform: uppercase;
    text-shadow: 0 1px #fff5;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-clear { min-width: 34px; padding: 0; }
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-search .btn-primary:hover,
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-clear:hover { filter: brightness(1.08); }
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-search .btn-primary:focus-visible,
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-clear:focus-visible {
    outline: 2px solid var(--slr-focus);
    outline-offset: 2px;
}

body.rakion-eternal .silk-internal-main .rk-periods {
    margin: 0 0 10px;
    padding: 5px;
    display: flex;
    gap: 4px;
    border: 1px solid #3f4448;
    border-radius: 1px;
    background: #090c0f9c;
}
body.rakion-eternal .silk-internal-main .rk-periods a {
    min-height: 29px;
    padding: 7px 12px;
    flex: 1;
    color: #85817b;
    border: 1px solid transparent;
    border-radius: 0;
    background: #171b20;
    font-size: 9px;
    font-weight: 700;
    text-align: center;
}
body.rakion-eternal .silk-internal-main .rk-periods a.active {
    color: #e1d7c8;
    border-color: #796748;
    background: #30291f;
}
body.rakion-eternal .silk-internal-main .rk-periods a:hover {
    color: #d8d0c4;
    background: #24282c;
}
body.rakion-eternal .silk-internal-main .rk-periods a:focus-visible {
    color: #f0e8dc;
    outline: 1px solid var(--slr-focus);
    outline-offset: -2px;
}

body.rakion-eternal .silk-internal-main .rk-table-wrap {
    overflow: auto;
    border: 1px solid #555;
    border-radius: 1px;
    background: #0b0e11;
    box-shadow: inset 0 0 12px #000, 0 1px 5px #0008;
    scrollbar-color: #6a6256 #111419;
    scrollbar-width: thin;
}
body.rakion-eternal .silk-internal-main .rk-table-wrap:focus-visible {
    outline: 1px solid var(--slr-focus);
    outline-offset: 2px;
}
body.rakion-eternal .silk-internal-main .rk-table {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
    font-size: 11px;
}
body.rakion-eternal .silk-internal-main .rk-table thead { background: #242930; }
body.rakion-eternal .silk-internal-main .rk-table th {
    height: 33px;
    padding: 7px 10px;
    color: #bcb4aa;
    border-right: 1px solid #393e42;
    border-bottom: 1px solid #666;
    font: 10px Adelon, Georgia, serif;
    font-weight: 400;
    letter-spacing: .02em;
    text-align: left;
    text-transform: uppercase;
}
body.rakion-eternal .silk-internal-main .rk-table th:last-child { border-right: 0; }
body.rakion-eternal .silk-internal-main .rk-table td {
    height: 45px;
    padding: 7px 10px;
    color: #98938c;
    border-bottom: 1px solid #282d31;
}
body.rakion-eternal .silk-internal-main .rk-table tbody tr:nth-child(even) { background: #11151a; }
body.rakion-eternal .silk-internal-main .rk-table tbody tr:hover {
    transform: none;
    background: #a98b5617;
    box-shadow: inset 2px 0 #a98b56;
}
body.rakion-eternal .silk-internal-main .rk-table tr.is-top {
    background: linear-gradient(90deg, #8c734619, #101318 48%, #0c0f12);
}
body.rakion-eternal .silk-internal-main .rk-table tr.is-top-1 {
    background: linear-gradient(90deg, #b5914e2b, #121417 52%, #0c0f12);
}
body.rakion-eternal .silk-internal-main .rk-rank {
    min-width: 24px;
    height: 24px;
    display: inline-grid;
    place-items: center;
    color: #a59e95;
    border: 1px solid #3e4347;
    border-radius: 50%;
    background: #111419;
    font: 11px Georgia, serif;
}
body.rakion-eternal .silk-internal-main tr.is-top-1 .rk-rank { color: #f1cf75; border-color: #8f7137; }
body.rakion-eternal .silk-internal-main .rk-primary { gap: 8px; }
body.rakion-eternal .silk-internal-main .rk-primary img {
    width: 30px;
    height: 30px;
    border: 1px solid #50555a;
    border-radius: 1px;
    background: #090b0e;
    object-fit: cover;
}
body.rakion-eternal .silk-internal-main .rk-primary > i { color: #a08450; }
body.rakion-eternal .silk-internal-main .rk-primary strong { color: #c9c1b7; font-weight: 600; }
body.rakion-eternal .silk-internal-main .rk-level,
body.rakion-eternal .silk-internal-main .rk-refine {
    padding: 3px 7px;
    color: #d3c4a7;
    border: 1px solid #5d513d;
    border-radius: 1px;
    background: #211d17;
    font-size: 9px;
}
body.rakion-eternal .silk-internal-main .rk-score { color: #d6c197; }
body.rakion-eternal .silk-internal-main .rk-date { color: #77736d; font-size: 10px; }

body.rakion-eternal .silk-internal-main .rk-empty,
body.rakion-eternal .silk-internal-main .acct-empty {
    min-height: 180px;
    margin: 10px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #77736d;
    border: 1px solid #454a4d;
    border-radius: 1px;
    background: #090c0f99;
    box-shadow: inset 0 0 24px #000;
    text-align: center;
}
body.rakion-eternal .silk-internal-main .rk-empty > i,
body.rakion-eternal .silk-internal-main .acct-empty > i { color: #8f7548; font-size: 27px; }
body.rakion-eternal .silk-internal-main .rk-empty strong { color: #c6beb3; font: 17px Adelon, Georgia, serif; font-weight: 400; }

/* Jugadores: se conserva el podio y la ficha modal, pero con el mismo metal
   sobrio de las tablas para que no parezca un componente de otro CMS. */
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-podium {
    margin: 0 0 10px;
    padding: 12px 10px 0;
    gap: 7px;
    border: 1px solid #555;
    border-radius: 1px;
    background: radial-gradient(circle at 50% 0, #a98b561b, transparent 45%), #0a0d10;
    box-shadow: inset 0 0 18px #000;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-pod {
    border-color: #474b4d;
    border-radius: 1px 1px 0 0;
    background: linear-gradient(#20252a, #101317);
    box-shadow: 0 2px 8px #000;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-pod:focus-visible {
    outline: 1px solid var(--slr-focus);
    outline-offset: 3px;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-pod.is-1 {
    border-color: #8c7346;
    background: linear-gradient(#30291f, #121417);
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-pod-name { color: #d0c7bb; }
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-medal { color: #d2b56d; }
body.rakion-eternal .silk-internal-main .rk-ranking-page .ti-hint {
    margin: 8px 1px;
    color: #77736d;
    font-size: 9px;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .rk-list-caption {
    min-height: 29px;
    padding: 0 11px;
    border: 1px solid #50555a;
    border-bottom: 0;
    border-radius: 0;
    background: #242930;
    color: #aaa39a;
    font: 9px Adelon, Georgia, serif;
    text-transform: uppercase;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .ti-list { gap: 0; }
body.rakion-eternal .silk-internal-main .rk-ranking-page .ti-row.pr-row {
    min-height: 51px;
    padding: 5px 10px;
    gap: 8px;
    border-color: #32373b #50555a;
    border-radius: 0;
    background: #0c0f12;
    box-shadow: none;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .ti-row.pr-row:nth-child(odd) { background: #11151a; }
body.rakion-eternal .silk-internal-main .rk-ranking-page .ti-row.pr-row:hover,
body.rakion-eternal .silk-internal-main .rk-ranking-page .ti-row.pr-row:focus-visible {
    transform: none;
    border-color: #756447;
    background: #1d1b17;
    box-shadow: inset 2px 0 var(--tier);
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .ti-row.pr-row:focus-visible {
    outline: 1px solid var(--slr-focus);
    outline-offset: -3px;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-face { border-radius: 1px; }
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-id strong { color: #c8c0b6; }

body.rakion-eternal .silk-internal-main .rk-ranking-page > .flex.justify-center {
    margin-top: 12px !important;
    padding-top: 10px;
    border-top: 1px solid #3b4043;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page > .flex.justify-center > * {
    border-radius: 0 !important;
    box-shadow: inset 0 0 5px #000;
}

/* Each ranking surface owns its frame; ornament and focus stay inside its box. */
body.rakion-eternal .silk-internal-main .rk-ranking-header,
body.rakion-eternal .silk-internal-main .rk-ranking-tabs,
body.rakion-eternal .silk-internal-main .rk-table-wrap,
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-podium,
body.rakion-eternal .silk-internal-main .rk-empty { isolation: isolate; }

@media (max-width: 980px) {
    body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab { font-size: 9px; }
    body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab i { display: none; }
}

@media (max-width: 680px) {
    body.rakion-eternal .silk-internal-main .rk-ranking-page { padding-inline: 7px !important; }
    .slr-breadcrumb,
    body.rakion-eternal .silk-internal-main .rk-ranking-header { margin-inline: -7px; }
    body.rakion-eternal .silk-internal-main .rk-ranking-page::before,
    body.rakion-eternal .silk-internal-main .rk-ranking-page::after { display: none; }
    body.rakion-eternal .silk-internal-main .rk-ranking-header {
        min-height: 82px;
        padding: 12px 10px;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 9px;
    }
    body.rakion-eternal .silk-internal-main .rk-ranking-emblem { width: 38px; height: 45px; font-size: 15px; }
    body.rakion-eternal .silk-internal-main .rk-ranking-heading h2 { font-size: 17px; }
    body.rakion-eternal .silk-internal-main .rk-ranking-heading p { max-width: 100%; font-size: 9px; }
    body.rakion-eternal .silk-internal-main .rk-ranking-total { display: none; }
    body.rakion-eternal .silk-internal-main .rk-ranking-tabs {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        overflow: visible;
    }
    body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab {
        min-width: 0;
        grid-column: span 2;
        border-right: 1px solid #34383b !important;
        border-bottom: 1px solid #34383b !important;
    }
    body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab:nth-child(3),
    body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab:last-child { border-right: 0 !important; }
    body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab:nth-child(n+4) {
        grid-column: span 3;
        border-bottom: 0 !important;
    }
    body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-search { flex-wrap: wrap; }
    body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-search-field { flex-basis: 100%; }
    body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-search .btn-primary { flex: 1; }
    body.rakion-eternal .silk-internal-main .rk-periods {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }
    body.rakion-eternal .silk-internal-main .rk-periods a { min-width: 0; }
    body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-podium { padding-inline: 5px; }

    /* Mobile rankings become compact record cards. The table semantics remain
       in the DOM, but reading never depends on a 680px canvas or side-scroll. */
    body.rakion-eternal .silk-internal-main .rk-table-wrap { overflow: visible; }
    body.rakion-eternal .silk-internal-main .rk-table,
    body.rakion-eternal .silk-internal-main .rk-table tbody {
        width: 100%;
        min-width: 0;
        display: block;
    }
    body.rakion-eternal .silk-internal-main .rk-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
    body.rakion-eternal .silk-internal-main .rk-table tbody {
        padding: 7px;
        display: grid;
        gap: 7px;
    }
    body.rakion-eternal .silk-internal-main .rk-table tbody tr,
    body.rakion-eternal .silk-internal-main .rk-table tbody tr:nth-child(even),
    body.rakion-eternal .silk-internal-main .rk-table tr.is-top,
    body.rakion-eternal .silk-internal-main .rk-table tr.is-top-1 {
        position: relative;
        width: 100%;
        padding: 8px 44px 8px 9px;
        display: grid;
        background: linear-gradient(145deg, #15191e, #0b0e11 72%);
        border: 1px solid #30363a;
        box-shadow: inset 2px 0 #554a37, 0 2px 5px #0008;
    }
    body.rakion-eternal .silk-internal-main .rk-table tr.is-top {
        border-color: #4f493c;
        box-shadow: inset 2px 0 #8c7346, 0 2px 6px #0009;
    }
    body.rakion-eternal .silk-internal-main .rk-table tbody tr:hover {
        background: linear-gradient(145deg, #1d1c18, #0e1114 72%);
        box-shadow: inset 2px 0 var(--slr-gold), 0 3px 8px #000a;
    }
    body.rakion-eternal .silk-internal-main .rk-table td {
        width: 100%;
        min-height: 31px;
        height: auto;
        padding: 5px 2px;
        display: grid;
        grid-template-columns: minmax(78px, .72fr) minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        border-bottom: 1px solid #252a2e;
        overflow-wrap: anywhere;
    }
    body.rakion-eternal .silk-internal-main .rk-table td:last-child { border-bottom: 0; }
    body.rakion-eternal .silk-internal-main .rk-table td::before {
        content: attr(data-label);
        color: #77736d;
        font: 8px Arial, sans-serif;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
    }
    body.rakion-eternal .silk-internal-main .rk-table td:first-child {
        position: absolute;
        top: 9px;
        right: 9px;
        width: 26px;
        min-height: 26px;
        padding: 0;
        display: block;
        border: 0;
    }
    body.rakion-eternal .silk-internal-main .rk-table td:first-child::before { display: none; }
    body.rakion-eternal .silk-internal-main .rk-table .rk-primary { min-width: 0; }
}

@media (max-width: 420px) {
    body.rakion-eternal .silk-internal-main .rk-ranking-heading > span { letter-spacing: .11em; }
    body.rakion-eternal .silk-internal-main .rk-ranking-heading h2 { font-size: 15px; }
    body.rakion-eternal .silk-internal-main .rk-ranking-heading p {
        margin-top: 3px;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    body.rakion-eternal .silk-internal-main .rk-ranking-tabs .nav-tab {
        min-width: 0;
        min-height: 39px;
        padding-inline: 5px;
        font-size: 8px;
    }
}

/* Player identity pass: the portrait itself communicates base vs. Class
   Advancement, while podium ranks use compact forged tabs instead of floating
   circular chips. The source art is the v1085 playerface UI. */
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-medal {
    top: 8px;
    left: 8px;
    width: 34px;
    height: 25px;
    margin: 0;
    color: #17191b;
    border: 0;
    border-radius: 0;
    background: linear-gradient(135deg, #d2d6d7, #747c80 58%, #aeb5b6);
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 7px 100%, 0 calc(100% - 7px));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), 0 3px 9px rgba(0,0,0,.52);
    animation: none !important;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-medal::after {
    content: '';
    position: absolute;
    inset: 3px;
    border: 1px solid rgba(15,17,18,.34);
    clip-path: inherit;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-medal > i,
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-medal > b {
    position: relative;
    z-index: 1;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-medal > b {
    font: 800 11px/1 Inter, Arial, sans-serif;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-medal > i {
    margin-right: 4px;
    font-size: 9px;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-pod.is-1 .pr-medal {
    top: 8px;
    left: 8px;
    width: 40px;
    height: 27px;
    margin: 0;
    color: #2a1a08;
    background: linear-gradient(135deg, #f1d58b, #a66f2c 58%, #d8ae5e);
    box-shadow: inset 0 0 0 1px rgba(255,244,207,.38), 0 0 13px rgba(202,147,67,.24), 0 3px 9px rgba(0,0,0,.55);
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-pod.is-3 .pr-medal {
    background: linear-gradient(135deg, #cf9b72, #75472c 58%, #aa7350);
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-pod-face,
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-face,
body.rakion-eternal .silk-internal-main .rk-ranking-page .td-face {
    overflow: visible;
    border-color: rgba(133,143,148,.38);
    background: radial-gradient(circle at 50% 38%, #293035 0, #111518 58%, #07090a 100%);
    box-shadow: inset 0 0 0 2px rgba(4,6,7,.72), 0 5px 13px rgba(0,0,0,.42);
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-pod-face.is-evo,
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-face.is-evo,
body.rakion-eternal .silk-internal-main .rk-ranking-page .td-face.is-evo {
    border-color: rgba(198,124,55,.72);
    background: radial-gradient(circle at 50% 38%, #392719 0, #16110d 58%, #080706 100%);
    box-shadow: inset 0 0 0 2px rgba(37,19,8,.72), 0 0 16px rgba(205,105,39,.14), 0 5px 13px rgba(0,0,0,.46);
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-pod-face img,
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-face img,
body.rakion-eternal .silk-internal-main .rk-ranking-page .td-face img {
    image-rendering: auto;
    filter: saturate(.96) contrast(1.04) drop-shadow(0 3px 5px rgba(0,0,0,.42));
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-inline-evo,
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-pod-evo,
body.rakion-eternal .silk-internal-main .rk-ranking-page .td-evo,
body.rakion-eternal .silk-internal-main .rk-ranking-page .rk-evo-mini {
    color: #e8b56c;
    border-color: rgba(185,105,45,.46);
    background: rgba(45,22,9,.56);
    box-shadow: none;
}
body.rakion-eternal .silk-internal-main .rk-rank {
    border-radius: 0;
    clip-path: polygon(50% 0, 91% 22%, 91% 78%, 50% 100%, 9% 78%, 9% 22%);
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .pr-evo-seal,
body.rakion-eternal .silk-internal-main .rk-ranking-page .rk-evo-mini { display: none !important; }

body.rakion-eternal .silk-internal-main .rk-ranking-page .ti-pos {
    position: relative;
    width: 36px;
    height: 30px;
    display: grid;
    place-items: center;
    color: #b9c0c3;
    border: 1px solid #3b4449;
    border-left: 2px solid color-mix(in srgb, var(--tier) 62%, #667074);
    border-radius: 0;
    background: linear-gradient(135deg, #1b2024, #0b0e10 72%);
    clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px);
    box-shadow: inset 0 1px rgba(255,255,255,.035), inset 0 0 10px rgba(0,0,0,.42);
    font: 800 10px/1 Inter, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
}
body.rakion-eternal .silk-internal-main .rk-ranking-page .ti-row:hover .ti-pos,
body.rakion-eternal .silk-internal-main .rk-ranking-page .ti-row:focus-visible .ti-pos {
    color: #f0d6a2;
    border-color: color-mix(in srgb, var(--tier) 55%, #4b5356);
    background: linear-gradient(135deg, #29251e, #101214 72%);
}