.rk-page{width:100%;animation:rkIn .45s ease both}
@keyframes rkIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.rk-hero{
  position:relative;overflow:hidden;border-radius:16px;padding:22px 22px 18px;margin-bottom:14px;
  border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);
  background:
    radial-gradient(700px 220px at 100% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 55%),
    linear-gradient(145deg, color-mix(in srgb, var(--panel) 92%, #000), var(--panel));
  box-shadow:0 16px 36px rgba(0,0,0,.35);
}
.rk-hero__eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.rk-hero h1{margin:0 0 6px;font-size:clamp(1.4rem,2.4vw,1.9rem);letter-spacing:.02em;color:var(--text)}
.rk-hero p{margin:0;color:var(--muted);font-size:14px;max-width:56ch;line-height:1.5}
.rk-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rk-tabs a{
  text-decoration:none;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);
}
.rk-tabs a:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}
.rk-tabs a.is-active{color:#111;background:linear-gradient(135deg,var(--accent),color-mix(in srgb, var(--accent) 60%, #fff));border-color:transparent}

.rk-card{
  border-radius:16px;border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);
  background:var(--panel);box-shadow:0 14px 32px rgba(0,0,0,.32);overflow:hidden;
}
.rk-card__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);
  background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent);
}
.rk-card__head h2{margin:0;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.rk-card__head span{font-size:12px;color:var(--muted)}

.rk-table-wrap{overflow:auto}
.rk-table{width:100%;border-collapse:collapse;min-width:720px}
.rk-table th,.rk-table td{padding:12px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.05)}
.rk-table th{
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;
  background:rgba(0,0,0,.22);position:sticky;top:0;z-index:1;
}
.rk-table tbody tr{transition:background .15s ease}
.rk-table tbody tr:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}
.rk-table tbody tr.rk-top-1{background:linear-gradient(90deg,rgba(255,200,60,.12),transparent 55%)}
.rk-table tbody tr.rk-top-2{background:linear-gradient(90deg,rgba(200,210,230,.1),transparent 55%)}
.rk-table tbody tr.rk-top-3{background:linear-gradient(90deg,rgba(205,140,70,.1),transparent 55%)}

.rk-pos{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:10px;font-weight:800;font-size:13px;color:var(--text);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.rk-medal{border:0;color:#1a1208;font-size:14px}
.rk-medal--1{background:linear-gradient(135deg,#ffe08a,#d4a017);box-shadow:0 6px 14px rgba(212,160,23,.35)}
.rk-medal--2{background:linear-gradient(135deg,#e8eef8,#94a3b8);color:#111}
.rk-medal--3{background:linear-gradient(135deg,#f0c38a,#b87333)}

.rk-name{font-weight:700;color:var(--accent)!important;text-decoration:none}
.rk-name:hover{filter:brightness(1.15)}
.rk-level{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text)}
.rk-guild{color:var(--text);text-decoration:none;font-weight:600}
.rk-guild:hover{color:var(--accent)}
.rk-none{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#fecaca;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3)}
.rk-flag,.rk-chr,.rk-status{width:28px;height:28px;object-fit:contain;border-radius:6px;background:rgba(0,0,0,.25);padding:2px}
.rk-status{border-radius:50%;width:18px;height:18px;padding:0}

.rk-empty{padding:28px 16px;text-align:center;color:var(--muted)}
.rk-alert{margin:0;padding:14px 16px;color:#fecaca;background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.25)}

.rk-page .panel,
.rk-page .panel-buyuk,
.rk-page .m2-box.m2-page{
  background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;
}
.rk-page .panel-heading,
.rk-page .panel-body{display:none!important}

@media(max-width:700px){
  .rk-hero{padding:16px}
  .rk-table th,.rk-table td{padding:10px}
  .rk-table .hidden-xs{display:none!important}
}