.nation, .class, .grade, .symbol {
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 28px;
    min-width: 28px;
    border-radius: 9px;
    border: 1px solid rgba(255,255,255,.16);
    background-color: #151824;
    background-size: cover;
    background-position: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 6px 14px rgba(0,0,0,.24);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}
.clanicon {
	 background-size: 16px 16px;
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.nation.n1 {
    background-image: url("../assets/images/karus.png");
}

.nation.n2 {
    background-image: url("../assets/images/elmorad.png");
}

.class.c101, .class.c105, .class.c106 {
    background-image: url("../assets/images/rehber/warrior.jpg");
}

.class.c102, .class.c107, .class.c108 {
    background-image: url("../assets/images/rehber/rogue.jpg");
}

.class.c103, .class.c109, .class.c110 {
    background-image: url("../assets/images/rehber/mage.jpg");
}

.class.c104, .class.c111, .class.c112 {
    background-image: url("../assets/images/rehber/priest.jpg");
}

.class.c201, .class.c205, .class.c206 {
    background-image: url("../assets/images/rehber/warrior.jpg");
}

.class.c202, .class.c207, .class.c208 {
    background-image: url("../assets/images/rehber/rogue.jpg");
}

.class.c203, .class.c209, .class.c210 {
    background-image: url("../assets/images/rehber/mage.jpg");
}

.class.c204, .class.c211, .class.c212 {
    background-image: url("../assets/images/rehber/priest.jpg");
}

.class.c113, .class.c114, .class.c115,
.class.c213, .class.c214, .class.c215 {
    background-image: linear-gradient(135deg,#5d3cff,#111827);
}

.class.c113:after, .class.c114:after, .class.c115:after,
.class.c213:after, .class.c214:after, .class.c215:after {
    content: "K";
}

.grade.g1 {
    background: linear-gradient(135deg,#ffdf72,#b97813);
}

.grade.g2 {
    background: linear-gradient(135deg,#dfe7ff,#7084b9);
}

.grade.g3 {
    background: linear-gradient(135deg,#f0a46d,#7b3f1c);
}

.grade.g4 {
    background: linear-gradient(135deg,#6fd1ff,#2c5364);
}

.grade.g5 {
    background: linear-gradient(135deg,#8da0b5,#29384d);
}

.grade.g6 {
    background: linear-gradient(135deg,#c4f1ff,#276d82);
}

.grade.g7 {
    background: linear-gradient(135deg,#b7f7c9,#1e7b4b);
}

.grade.g8 {
    background: linear-gradient(135deg,#f6a6ff,#71408a);
}

.grade.g9 {
    background: linear-gradient(135deg,#f9cf72,#8f5b13);
}

.grade.g10 {
    background: linear-gradient(135deg,#ff8676,#7c241e);
}

.grade.g11 {
    background: linear-gradient(135deg,#fff1a8,#cc9b26);
}

.grade.g12 {
    background: linear-gradient(135deg,#e6edff,#7288bc);
}

.grade.g13 {
    background: linear-gradient(135deg,#f6b07d,#814720);
}

.grade.g14 {
    background: linear-gradient(135deg,#95deff,#366279);
}

.grade.g15 {
    background: linear-gradient(135deg,#cdd7e6,#3b4b61);
}

.grade:after { content: "G"; }
.grade.g1:after { content: "G1"; }
.grade.g2:after { content: "G2"; }
.grade.g3:after { content: "G3"; }
.grade.g4:after { content: "G4"; }
.grade.g5:after { content: "G5"; }
.grade.g6:after { content: "A1"; }
.grade.g7:after { content: "A2"; }
.grade.g8:after { content: "A3"; }
.grade.g9:after { content: "A4"; }
.grade.g10:after { content: "A5"; }
.grade.g11:after { content: "R1"; }
.grade.g12:after { content: "R2"; }
.grade.g13:after { content: "R3"; }
.grade.g14:after { content: "R4"; }
.grade.g15:after { content: "R5"; }

.symbol.a1 {
    background: linear-gradient(135deg,#fff0a6,#c58b18);
}

.symbol.a2 {
    background: linear-gradient(135deg,#dfe7ff,#66789d);
}

.symbol.a3 {
    background: linear-gradient(135deg,#ffb27a,#8a4c22);
}

.symbol.a4 {
    background: linear-gradient(135deg,#78d8ff,#234c64);
}

.symbol.a5 {
    background: linear-gradient(135deg,#9daaba,#293241);
}

.symbol.a6 {
    background: linear-gradient(135deg,#65758c,#121820);
}

.symbol.b1 {
    background: linear-gradient(135deg,#ffe06f,#b57409);
}

.symbol.b2 {
    background: linear-gradient(135deg,#dfe8ff,#617392);
}

.symbol.b3 {
    background: linear-gradient(135deg,#ffad72,#7d421b);
}

.symbol.b4 {
    background: linear-gradient(135deg,#78d8ff,#244b61);
}

.symbol.b5 {
    background: linear-gradient(135deg,#9daaba,#28313f);
}

.symbol.b6 {
    background: linear-gradient(135deg,#65758c,#121820);
}

.symbol:after { content: "R"; }
.symbol.a1:after, .symbol.b1:after { content: "1"; }
.symbol.a2:after, .symbol.b2:after { content: "2"; }
.symbol.a3:after, .symbol.b3:after { content: "3"; }
.symbol.a4:after, .symbol.b4:after { content: "4"; }
.symbol.a5:after, .symbol.b5:after { content: "5"; }
.symbol.a6:after, .symbol.b6:after { content: "6"; }

.rank-player-icons {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-right: 8px;
    vertical-align: middle;
}

.k2r-ranking-menu.single-comment,
.k2r-ranking-menu .single-comment {
    border-radius: 14px;
}

.k2r-ranking-menu .single-comment {
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(13,17,26,.72);
    margin-bottom: 9px;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.k2r-ranking-menu .single-comment:hover,
.k2r-ranking-menu .single-comment.k2r-active {
    transform: translateX(3px);
    border-color: rgba(215,169,74,.62);
    background: linear-gradient(135deg,rgba(215,169,74,.18),rgba(18,24,36,.9));
}

.k2r-ranking-menu .comment-details a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    color: #eef3ff;
    font-weight: 900;
}

.k2r-ranking-menu .comment-details img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    filter: drop-shadow(0 5px 8px rgba(0,0,0,.35));
}

.k2r-player-cell,
.k2r-clan-cell {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.k2r-player-cell {
    min-width: 0;
}

.k2r-clan-cell {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 11px;
    row-gap: 6px;
    min-width: 0;
}

.k2r-clan-icons {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.k2r-clan-main {
    display: inline-flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.k2r-clan-name,
.k2r-player-name {
    color: #f4f7ff;
    font-weight: 900;
}

.k2r-clan-name,
.k2r-clan-link {
    color: #ff6969 !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.55), 0 0 16px rgba(255,80,80,.14);
}

.k2r-score-main {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    white-space: nowrap;
}

.k2r-score-main strong {
    font-size: 15px;
    color: #fff6d8;
}

.k2r-score-main span {
    color: #aeb8ca;
    font-size: 12px;
    font-weight: 800;
}

.k2r-rank-medal {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #f2f5fb;
    font-weight: 900;
}

.k2r-rank-medal img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    filter: drop-shadow(0 6px 10px rgba(0,0,0,.38));
}

.k2r-rank-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 30px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    color: #f2f5fb;
}

.k2r-rank-badges {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-left: 8px;
    vertical-align: middle;
}

.k2r-rank-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.055);
    color: #dce5f3;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.k2r-rank-badge .nation,
.k2r-rank-badge .grade {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 6px;
    font-size: 8px;
}

.k2r-rank-badge.overall {
    color: #1a1202;
    background: linear-gradient(135deg,#ffe889,#d7a94a);
    border-color: rgba(255,226,128,.55);
}

.k2r-rank-badge.job {
    color: #e9f5ff;
    background: linear-gradient(135deg,rgba(80,120,190,.45),rgba(25,33,52,.92));
}

.k2r-rank-badge.job-warrior { border-color: rgba(255,124,87,.45); }
.k2r-rank-badge.job-rogue { border-color: rgba(102,230,152,.45); }
.k2r-rank-badge.job-mage { border-color: rgba(112,191,255,.45); }
.k2r-rank-badge.job-priest { border-color: rgba(255,225,132,.45); }
.k2r-rank-badge.job-kurian { border-color: rgba(176,138,255,.45); }

.k2r-rank-badge.grade-rank {
    color: #f5fbff;
    border-color: rgba(139,210,255,.42);
    background: linear-gradient(135deg,rgba(73,152,203,.42),rgba(22,30,45,.94));
}

/* Ranking pages are loaded together with old table CSS. Keep the new UI compact and stable. */
#prizes_wrapper #prizes_table,
#prizes_wrapper #tableRanking {
    table-layout: fixed !important;
}

#prizes_wrapper #prizes_table thead th,
#prizes_wrapper #tableRanking thead th {
    padding: 13px 14px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

#prizes_wrapper #prizes_table tbody td,
#prizes_wrapper #tableRanking tbody td {
    padding: 10px 14px !important;
    font-size: 14px !important;
    line-height: 1.22 !important;
    height: auto !important;
    overflow: hidden;
}

#prizes_wrapper #prizes_table tbody tr,
#prizes_wrapper #tableRanking tbody tr {
    height: auto !important;
    min-height: 0 !important;
}

#prizes_wrapper .nation,
#prizes_wrapper .class,
#prizes_wrapper .grade,
#prizes_wrapper .symbol {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

#prizes_wrapper .rank-player-icons {
    gap: 6px !important;
    margin-right: 6px !important;
}

#prizes_wrapper .k2r-rank-medal {
    gap: 6px !important;
    white-space: nowrap !important;
}

#prizes_wrapper .k2r-rank-medal img {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
}

#prizes_wrapper .k2r-rank-no {
    min-width: 36px !important;
    height: 28px !important;
    padding: 0 9px !important;
    font-size: 13px !important;
    line-height: 28px !important;
}

#prizes_wrapper .k2r-player-cell,
#prizes_wrapper .k2r-clan-cell {
    font-size: 14px !important;
    line-height: 1.2 !important;
}

#prizes_wrapper .k2r-player-name,
#prizes_wrapper .k2r-clan-name,
#prizes_wrapper .k2r-clan-link,
#prizes_wrapper #prizes_table a,
#prizes_wrapper #tableRanking a {
    font-size: 15px !important;
    line-height: 1.2 !important;
    max-width: 100%;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

#prizes_wrapper .k2r-player-name,
#prizes_wrapper .k2r-clan-name,
#prizes_wrapper .k2r-clan-link {
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
}

#prizes_wrapper .k2r-clan-name {
    font-size: 18px !important;
    line-height: 1.12 !important;
    max-width: 260px !important;
}

#prizes_wrapper .k2r-clan-link {
    font-size: 16px !important;
    max-width: 220px !important;
}

#prizes_wrapper .k2r-player-name {
    max-width: 240px !important;
}

#prizes_wrapper #prizes_table td:nth-child(3) > a,
#prizes_wrapper #tableRanking td:nth-child(3) > a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 230px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

#prizes_wrapper .k2r-rank-badges {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    margin: 0 !important;
    max-width: 100%;
}

#prizes_wrapper .k2r-rank-badge {
    min-height: 24px !important;
    height: 24px !important;
    padding: 2px 9px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

#prizes_wrapper .k2r-rank-badge .nation,
#prizes_wrapper .k2r-rank-badge .grade {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 6px !important;
    font-size: 8px !important;
}

#prizes_wrapper .k2r-score-main {
    gap: 7px !important;
    font-size: 13px !important;
}

#prizes_wrapper .k2r-score-main strong {
    font-size: 15px !important;
}

#prizes_wrapper .k2r-score-main span {
    font-size: 12px !important;
}

#prizes_wrapper #prizes_table th:nth-child(1),
#prizes_wrapper #tableRanking th:nth-child(1) {
    width: 100px;
}

#prizes_wrapper #prizes_table th:nth-child(2),
#prizes_wrapper #tableRanking th:nth-child(2) {
    width: 30%;
}

#prizes_wrapper #prizes_table th:nth-child(3),
#prizes_wrapper #tableRanking th:nth-child(3) {
    width: 22%;
}

#prizes_wrapper #prizes_table th:nth-child(4),
#prizes_wrapper #tableRanking th:nth-child(4) {
    width: 115px;
}

#prizes_wrapper #prizes_table th:nth-child(5),
#prizes_wrapper #tableRanking th:nth-child(5),
#prizes_wrapper #prizes_table th:nth-child(6),
#prizes_wrapper #tableRanking th:nth-child(6) {
    width: 145px;
}

#prizes_wrapper #prizes_table tbody td:nth-child(4),
#prizes_wrapper #tableRanking tbody td:nth-child(4),
#prizes_wrapper #prizes_table tbody td:nth-child(5),
#prizes_wrapper #tableRanking tbody td:nth-child(5),
#prizes_wrapper #prizes_table tbody td:nth-child(6),
#prizes_wrapper #tableRanking tbody td:nth-child(6) {
    white-space: nowrap;
}

#prizes_table td,
#tableRanking td {
    vertical-align: middle;
}

#prizes_table tbody tr:nth-child(1) td,
#tableRanking tbody tr:nth-child(1) td {
    background: linear-gradient(90deg, rgba(215,169,74,.18), rgba(255,255,255,.03));
}

#prizes_wrapper {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: linear-gradient(180deg,#121722 0%,#0d1119 100%);
    box-shadow: 0 18px 42px rgba(0,0,0,.34);
}

#prizes_table,
#tableRanking {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
}

#prizes_table thead th,
#tableRanking thead th {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,255,255,.12);
    background: #171d2b;
    color: #d7a94a;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

#prizes_table tbody td,
#tableRanking tbody td {
    padding: 12px 16px;
    border-top: 1px solid rgba(255,255,255,.055);
    color: #e8edf7;
    font-size: 13px;
}

#prizes_table tbody tr,
#tableRanking tbody tr {
    transition: background .16s ease, transform .16s ease;
}

#prizes_table tbody tr:hover td,
#tableRanking tbody tr:hover td {
    background: rgba(255,255,255,.055);
}

#prizes_table a,
#tableRanking a {
    color: #f4f7ff;
    font-weight: 900;
}

#prizes_table a:hover,
#tableRanking a:hover {
    color: #f2ca66;
}

/* Final ranking polish: clan/player names must read as names, not broken table text. */
#prizes_wrapper .k2r-clan-cell{
    grid-template-columns: auto minmax(190px, 1fr) !important;
    column-gap: 14px !important;
}

#prizes_wrapper .k2r-clan-main{
    min-width: 190px !important;
    max-width: 360px !important;
}

#prizes_wrapper .k2r-clan-name,
#prizes_wrapper .k2r-clan-link{
    width: 100% !important;
    max-width: 360px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

#prizes_wrapper .k2r-clan-name{
    color: #ff6b6b !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
}

#prizes_wrapper #prizes_table td:nth-child(3),
#prizes_wrapper #tableRanking td:nth-child(3){
    white-space: nowrap !important;
}

#prizes_wrapper #prizes_table td:nth-child(3) > a,
#prizes_wrapper #tableRanking td:nth-child(3) > a{
    color: #ff6b6b !important;
    font-size: 16px !important;
    max-width: 260px !important;
}

#prizes_wrapper .grade:after{
    font-size: 10px !important;
    font-weight: 900 !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.45) !important;
}

/* Clan ranking tables have six dense columns; keep clan/leader names readable. */
#prizes_wrapper .k2r-clan-ranking-table{
    table-layout: fixed !important;
    min-width: 920px !important;
}

#prizes_wrapper .k2r-clan-ranking-table th:nth-child(1){ width: 112px !important; }
#prizes_wrapper .k2r-clan-ranking-table th:nth-child(2){ width: 31% !important; }
#prizes_wrapper .k2r-clan-ranking-table th:nth-child(3){ width: 22% !important; }
#prizes_wrapper .k2r-clan-ranking-table th:nth-child(4){ width: 96px !important; }
#prizes_wrapper .k2r-clan-ranking-table th:nth-child(5){ width: 150px !important; }
#prizes_wrapper .k2r-clan-ranking-table th:nth-child(6){ width: 165px !important; }

#prizes_wrapper .k2r-clan-ranking-table td{
    overflow: hidden !important;
}

#prizes_wrapper .k2r-clan-ranking-table .k2r-clan-cell{
    grid-template-columns: auto minmax(0,1fr) !important;
    align-items: center !important;
    max-width: 100% !important;
}

#prizes_wrapper .k2r-clan-ranking-table .k2r-clan-main{
    min-width: 0 !important;
    max-width: 100% !important;
}

#prizes_wrapper .k2r-clan-ranking-table .k2r-clan-name{
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    color: #ff6b6b !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#prizes_wrapper .k2r-clan-ranking-table td:nth-child(3) a{
    color:#f4f7ff !important;
    font-size:15px !important;
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    display:inline-block !important;
}

#prizes_wrapper .k2r-clan-ranking-table .k2r-rank-badges{
    margin-top:6px !important;
}

#prizes_wrapper .k2r-clan-ranking-table .k2r-rank-badge{
    max-width:100%;
}

/* Final layout guard for old table skins: prevent clan/leader names from splitting into stacked letters. */
#prizes_wrapper .k2r-clan-ranking-table tbody td:nth-child(2),
#prizes_wrapper .k2r-clan-ranking-table tbody td:nth-child(3){
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

#prizes_wrapper .k2r-clan-ranking-table .k2r-clan-cell{
    display: grid !important;
    grid-template-columns: 86px minmax(220px,1fr) !important;
    gap: 10px 12px !important;
}

#prizes_wrapper .k2r-clan-ranking-table .k2r-clan-icons{
    width: 86px !important;
    justify-content: flex-start !important;
}

#prizes_wrapper .k2r-clan-ranking-table .k2r-clan-name{
    font-size: 20px !important;
    font-weight: 950 !important;
    width: auto !important;
    max-width: 320px !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

#prizes_wrapper .k2r-clan-ranking-table td:nth-child(3) a{
    font-size: 17px !important;
    font-weight: 900 !important;
    max-width: 260px !important;
}

#prizes_wrapper .k2r-clan-ranking-table .grade,
#prizes_wrapper .k2r-clan-ranking-table .symbol{
    color:#f7fbff !important;
    background-clip: padding-box !important;
}

@media (max-width: 800px) {
    #prizes_wrapper {
        overflow-x: auto;
    }

    #prizes_table,
    #tableRanking {
        min-width: 720px;
    }

    .k2r-rank-badges {
        display: flex;
        margin: 7px 0 0 0;
    }
}
.pointer {
	cursor:pointer;
}

.status {
	font-family: 'Ebrima';
	display: inline-block;
	font-weight: bold;
	font-style: normal;
	font-size: 11px;
}
.online {
	color: #57D35D;
}
.offline {
	color: #B81F17;
}

.noresults {
	font-family: 'Ebrima';
	color: #493f34;
	text-shadow: 1px 1px 1px rgba(0,0,0,.25);
	text-transform: uppercase;
	font-size: 10px;
	padding:5px;
	font-weight:bold;
	text-align:center;
	width:100%;
}