#rankings .arena-stats { box-sizing: border-box; min-height: 100vh; padding-top: 76.25px; padding-bottom: 76.25px; }#rankings .stat-champion { display: flex; align-items: center; gap: 12.2px; padding: 12.2px 15.25px; margin-bottom: 15.25px; background: linear-gradient(135deg, rgba(255, 186, 112, 0.07) 0%, rgba(255, 186, 112, 0.03) 100%); border: 1px solid rgba(255, 186, 112, 0.22); border-radius: 6px; position: relative; overflow: hidden; }#rankings .stat-champion::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(255, 186, 112, 0.06) 0%, transparent 60%); pointer-events: none; }#rankings .stat-champion-pk { background: linear-gradient(135deg, rgba(255, 59, 59, 0.07) 0%, rgba(255, 59, 59, 0.02) 100%); border-color: rgba(255, 59, 59, 0.2); }#rankings .stat-champion-pk::before { background: linear-gradient(90deg, rgba(255, 59, 59, 0.06) 0%, transparent 60%); }#rankings .stat-champion-time { background: linear-gradient(135deg, rgba(68, 132, 216, 0.07) 0%, rgba(68, 132, 216, 0.02) 100%); border-color: rgba(68, 132, 216, 0.2); }#rankings .stat-champion-time::before { background: linear-gradient(90deg, rgba(68, 132, 216, 0.06) 0%, transparent 60%); }#rankings .stat-champion-time .stat-champion-name { color: rgb(122, 179, 240); }#rankings .stat-champion-time .stat-champion-score strong { color: rgb(122, 179, 240); text-shadow: rgba(68, 132, 216, 0.4) 0px 0px 12px; font-size: 13.42px; }#rankings .stat-champion-time .stat-champion-score > span { color: rgba(68, 132, 216, 0.5); }#rankings .stat-champion-time .stat-avatar-large { border-color: rgba(68, 132, 216, 0.5); box-shadow: rgba(68, 132, 216, 0.2) 0px 0px 16px; }#rankings .stat-champion-clan { background: linear-gradient(135deg, rgba(255, 186, 112, 0.07) 0%, rgba(255, 186, 112, 0.02) 100%); border-color: rgba(255, 186, 112, 0.22); }#rankings .stat-champion-clan::before { background: linear-gradient(90deg, rgba(255, 186, 112, 0.06) 0%, transparent 60%); }#rankings .stat-champion-clan .stat-champion-name { color: rgb(255, 186, 112); }#rankings .stat-champion-clan .stat-champion-score strong { color: rgb(255, 186, 112); text-shadow: rgba(255, 186, 112, 0.4) 0px 0px 12px; font-size: 14.64px; }#rankings .stat-champion-clan .stat-champion-score > span { color: rgba(255, 186, 112, 0.5); }#rankings .stat-avatar-large { display: flex; align-items: center; justify-content: center; background: rgba(255, 186, 112, 0.08); border-color: rgba(255, 186, 112, 0.4); box-shadow: rgba(255, 186, 112, 0.15) 0px 0px 16px; }#rankings .stat-champion-icon { font-size: 19.52px; line-height: 1; filter: drop-shadow(rgba(255, 215, 0, 0.6) 0px 0px 8px); flex-shrink: 0; }#rankings .stat-champion-pk .stat-champion-icon { filter: drop-shadow(rgba(255, 80, 80, 0.7) 0px 0px 8px); }#rankings .stat-avatar-large { width: 52px; height: 52px; border-radius: 50%; overflow: hidden; border: 2px solid rgba(255, 215, 0, 0.5); flex-shrink: 0; position: relative; background: rgba(255, 186, 112, 0.08); box-shadow: rgba(255, 215, 0, 0.2) 0px 0px 16px; }#rankings .stat-champion-pk .stat-avatar-large { border-color: rgba(255, 80, 80, 0.5); box-shadow: rgba(255, 80, 80, 0.2) 0px 0px 16px; }#rankings .stat-avatar-large img { width: 100%; height: 100%; object-fit: cover; }#rankings .stat-champion-info { flex: 1 1 0%; min-width: 0px; }#rankings .stat-champion-name { font-family: "Philosopher",sans-serif; font-size: 12.81px; font-weight: 700; color: rgb(255, 186, 112); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }#rankings .stat-champion-pk .stat-champion-name { color: rgb(255, 128, 128); }#rankings .stat-champion-sub { font-size: 9.15px; color: rgba(232, 209, 166, 0.45); margin-top: 2.44px; font-family: "Spectral",serif; }#rankings .stat-champion-score { text-align: center; flex-shrink: 0; }#rankings .stat-champion-score strong { display: block; font-size: 19.52px; font-weight: 700; font-family: "Philosopher",sans-serif; color: rgb(255, 215, 0); line-height: 1; text-shadow: rgba(255, 215, 0, 0.4) 0px 0px 12px; }#rankings .stat-champion-pk .stat-champion-score strong { color: rgb(255, 107, 107); text-shadow: rgba(255, 80, 80, 0.4) 0px 0px 12px; }#rankings .stat-champion-score > span { font-style: normal; font-size: 7.93px; letter-spacing: 1px; color: rgba(255, 215, 0, 0.5); text-transform: uppercase; font-family: "Philosopher",sans-serif; }#rankings .stat-player-info { flex: 1 1 0%; min-width: 0px; }#rankings .stat-bar-track { height: 3px; background: rgba(255, 255, 255, 0.06); border-radius: 2px; margin-top: 3.66px; overflow: hidden; }#rankings .stat-bar { height: 100%; border-radius: 2px; min-width: 3px; }#rankings .stat-bar-pvp { background: linear-gradient(90deg, rgba(67, 248, 67, 0.4), rgb(67, 248, 67)); }#rankings .stat-bar-pk { background: linear-gradient(90deg, rgba(255, 59, 59, 0.4), rgb(255, 107, 107)); }#rankings .stat-bar-time { background: linear-gradient(90deg, rgba(68, 132, 216, 0.4), rgb(122, 179, 240)); }#rankings .stat-avatar.is-online::after { animation: 2s ease 0s infinite normal none running statPulse; }#rankings .rank-tabs { display: flex; gap: 6.1px; margin-bottom: 0px; flex-wrap: wrap; justify-content: center; position: relative; z-index: 1; }#rankings .rank-tabs button { background: rgba(13, 5, 2, 0.8); border-width: 1px 1px medium; border-style: solid solid none; border-color: rgba(255, 178, 111, 0.18) rgba(255, 178, 111, 0.18) currentcolor; border-image: none; color: rgba(232, 209, 166, 0.5); padding: 7.93px 19.52px; cursor: pointer; font-size: 9.516px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; transition: 0.25s; font-family: "Philosopher",sans-serif; border-radius: 4px 4px 0px 0px; position: relative; bottom: -1px; }#rankings .rank-tabs button:hover { color: rgba(255, 186, 112, 0.8); border-color: rgba(255, 178, 111, 0.4); background: rgba(255, 178, 111, 0.05); }#rankings .rank-tabs button[aria-selected=true] { color: rgb(255, 186, 112); border-color: rgba(255, 178, 111, 0.35); background: rgba(13, 5, 2, 0.95); box-shadow: rgba(255, 186, 112, 0.12) 0px 0px 18px; }#rankings .rank-tabs button[aria-selected=true]::after { content: ""; position: absolute; bottom: -1px; left: 0px; right: 0px; height: 1px; background: rgba(13, 5, 2, 0.95); }#rankings .rank-panel { border: 1px solid rgba(255, 178, 111, 0.2); border-radius: 0px 4px 4px; background: rgba(13, 5, 2, 0.6); position: relative; overflow: hidden; }#rankings .rank-panel::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 1px; background: linear-gradient(to right, transparent, rgba(255, 186, 112, 0.5), transparent); }#rankings .stat-table { width: 100%; border-collapse: collapse; }#rankings .stat-table thead th { padding: 0px 10.98px 9.15px; font-size: 8.54px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgba(255, 186, 112, 0.5); border-bottom: 1px solid rgba(255, 178, 111, 0.12); text-align: left; font-family: "Philosopher",sans-serif; }#rankings .stat-row { border-bottom: 1px solid rgba(255, 178, 111, 0.06); transition: background 0.15s; }#rankings .stat-row:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }#rankings .stat-row:hover { background: rgba(255, 186, 112, 0.04); }#rankings .stat-row td { padding: 7.93px 10.98px; vertical-align: middle; color: rgba(232, 209, 166, 0.85); font-size: 10.736px; font-family: "Spectral",serif; }#rankings .stat-row-first td { background: rgba(255, 215, 0, 0.03); }#rankings .stat-player { display: flex; align-items: center; gap: 7.32px; }#rankings .stat-avatar { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; border: 1px solid rgba(255, 178, 111, 0.25); flex-shrink: 0; position: relative; background: rgba(255, 178, 111, 0.06); }#rankings .stat-avatar.is-online::after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 8px; height: 8px; background: rgb(67, 248, 67); border-radius: 50%; border: 1.5px solid rgb(13, 5, 2); box-shadow: rgba(67, 248, 67, 0.6) 0px 0px 6px; }#rankings .stat-avatar img { width: 100%; height: 100%; object-fit: cover; }#rankings .stat-player-name { font-weight: 600; color: rgb(232, 209, 166); font-family: "Philosopher",sans-serif; }#rankings .stat-class { color: rgba(232, 209, 166, 0.4); font-size: 9.516px; }#rankings .stat-level { color: rgba(255, 186, 112, 0.6); font-size: 8.784px; margin-left: 3.66px; font-family: "Philosopher",sans-serif; }#rankings .stat-badge { display: inline-block; padding: 2.196px 6.71px; border-radius: 3px; font-size: 9.272px; font-weight: 700; line-height: 1.5; font-family: "Philosopher",sans-serif; }#rankings .stat-badge-pvp { background: rgba(67, 248, 67, 0.08); color: rgb(67, 248, 67); border: 1px solid rgba(67, 248, 67, 0.2); }#rankings .stat-badge-pk { background: rgba(255, 59, 59, 0.08); color: rgb(255, 107, 107); border: 1px solid rgba(255, 59, 59, 0.2); }#rankings .stat-badge-time { background: rgba(68, 132, 216, 0.1); color: rgb(122, 179, 240); border: 1px solid rgba(68, 132, 216, 0.2); }#rankings .arena-stats::after { content: ""; display: block; height: 1px; margin-top: 36.6px; background: linear-gradient(to right, transparent, rgba(255, 186, 112, 0.3), transparent); }@media (max-width: 768px) {#rankings .rank-tabs button { padding: 6.1px 10.98px; font-size: 8.54px; letter-spacing: 0.5px; }#rankings .stat-table thead th, #rankings .stat-row td { padding: 6.1px; font-size: 9.516px; }#rankings .stat-class { display: none; }#rankings .stat-avatar { width: 26px; height: 26px; }
}

#rankings .section-heading{display:none}
#rankings .arena-stats{width:min(1068px,100%);margin:auto;font-family:Spectral,serif;font-size:12.2px;line-height:1.5;color:#ffe9d3;min-height:0}
#rankings .rank-tabs{display:flex;border:0;margin:0;gap:6.1px;justify-content:center;flex-wrap:wrap}
#rankings .rank-tabs button{min-height:0;line-height:1.15}
#rankings .rank-tabs button[aria-selected=true]{box-shadow:0 0 18px #ffba701f}
#rankings .rank-panel{padding:18.3px;min-height:0;background:rgba(13,5,2,.6)}
#rankings [hidden]{display:none!important}
#rankings .stat-champion{min-height:0;gap:12.2px}
#rankings .stat-champion-icon{color:#e8d1a6}
#rankings .stat-champion-info{flex:1;min-width:0}
#rankings .stat-champion-score{margin-left:auto}
#rankings .stat-champion-score strong{display:block;font-size:19.52px;font-weight:700;font-family:Philosopher,sans-serif;color:#ffd700;line-height:1;text-shadow:0 0 12px #ffd70066}
#rankings .stat-champion-score>span{display:block;font-style:normal;font-size:7.93px;letter-spacing:1px;color:#ffd70080;text-transform:uppercase;font-family:Philosopher,sans-serif;margin-top:0}
#rankings .stat-champion-pk .stat-champion-score strong{color:#ff6b6b;text-shadow:0 0 12px #ff505066}
#rankings .stat-champion-time .stat-champion-score strong{color:#7ab3f0;font-size:13.42px;text-shadow:0 0 12px #4484d866}
#rankings .stat-champion-clan .stat-champion-score strong{color:#ffba70;font-size:14.64px}
#rankings .stat-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:18px;color:#ffba70;overflow:visible}
#rankings .stat-avatar img{border-radius:50%;display:block}
#rankings .stat-avatar-large{width:52px;height:52px;border-width:2px;font-size:28px}
#rankings .stat-table-scroll{overflow-x:auto}
#rankings .stat-table{table-layout:auto;min-width:0;font-size:10.736px;line-height:1.5}
#rankings .stat-table th{background:#201a16;border:1px solid #ffb26f24;padding:0 10.98px 9.15px}
#rankings .stat-table td{height:auto;border:1px solid #ffb26f24;padding:7.93px 10.98px}
#rankings .stat-row:nth-child(odd){background:#1b1916}
#rankings .stat-player{min-width:170px;gap:7.32px}
#rankings .stat-player-name{display:block;overflow-wrap:anywhere}
#rankings .stat-player-info{flex:1;min-width:0}
#rankings .stat-bar{transition:width .7s cubic-bezier(.4,0,.2,1)}
#rankings .stat-bar-pvp{background:linear-gradient(90deg,#43f84366,#43f843)}
#rankings .stat-bar-pk{background:linear-gradient(90deg,#ff3b3b66,#ff6b6b)}
#rankings .stat-bar-time{background:linear-gradient(90deg,#4484d866,#7ab3f0)}
#rankings .stat-badge{white-space:nowrap}
#rankings .stat-class{white-space:nowrap}
#rankings .stat-castles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9.15px}
#rankings .stat-castle-card{padding:10.98px 12.2px;border:1px solid #ffb26f26;border-radius:6px;background:#ffba700a;transition:border-color .2s,background .2s}
#rankings .stat-castle-card:hover{border-color:#ffb26f4d;background:#ffba7012}
#rankings .stat-castle-name{font-family:Philosopher,sans-serif;font-size:10.98px;font-weight:700;color:#ffba70;margin-bottom:4.88px}
#rankings .stat-castle-clan{display:flex;align-items:center;gap:4.88px;font-family:Spectral,serif;color:#e8d1a6;font-size:10.37px;margin-bottom:6.71px}
#rankings .stat-castle-meta{display:flex;gap:3.66px;flex-wrap:wrap}
#rankings .empty-state{padding:50px 20px}
@media(max-width:768px){#rankings .rank-panel{padding:12.2px 9.15px}#rankings .rank-tabs button{padding:6.1px 10.98px;font-size:8.54px}#rankings .stat-avatar{width:26px;height:26px}#rankings .stat-avatar-large{width:52px;height:52px}#rankings .stat-table{min-width:440px}#rankings .stat-table th,#rankings .stat-table td{padding:6.1px;font-size:9.516px}#rankings .stat-champion-name{font-size:12.81px}#rankings .stat-champion-sub{font-size:9.15px}#rankings .stat-castles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#rankings .stat-castles{grid-template-columns:1fr}#rankings .stat-player{min-width:150px}}
@media(prefers-reduced-motion:reduce){#rankings .stat-bar,#rankings .stat-avatar:after{animation:none;transition:none}}