/* ══════════════════════════════════════════
   NAVIGATION
══════════════════════════════════════════ */
.site-nav { margin-left:auto; display:flex; gap:8px; }
.nav-link {
  font-family:'Bebas Neue',sans-serif; font-size:14px; letter-spacing:.14em;
  padding:7px 18px; text-decoration:none;
  border:1px solid rgba(255,106,0,0.3); color:rgba(255,255,255,0.5);
  border-radius:2px; transition:all .15s;
}
.nav-link:hover { border-color:var(--orange); color:var(--light); background:rgba(255,106,0,0.08); }
.nav-link-active { border-color:var(--orange); color:var(--orange); background:rgba(255,106,0,0.1); }

/* ══════════════════════════════════════════
   STATS META
══════════════════════════════════════════ */
.stats-meta {
  margin-left:auto;
  font-size:10px; letter-spacing:.15em; text-transform:uppercase;
  color:var(--sub);
}

/* ══════════════════════════════════════════
   LOADING
══════════════════════════════════════════ */
.stats-loading { padding:60px 0; text-align:center; }
.stats-loading-text {
  font-family:'Bebas Neue',sans-serif; font-size:18px; letter-spacing:.2em;
  color:var(--sub); animation:pulse 1.5s ease-in-out infinite;
}
@keyframes pulse { 0%,100%{opacity:.4} 50%{opacity:1} }

/* ══════════════════════════════════════════
   STATS TABLE
══════════════════════════════════════════ */
.stats-table-wrap { overflow-x:auto; border-radius:2px; }

.stats-table {
  width:100%; border-collapse:collapse;
  font-family:'Barlow Condensed',sans-serif;
}

/* Header */
.stats-table thead tr {
  border-bottom:2px solid rgba(255,106,0,0.3);
  background:rgba(0,0,0,0.4);
}
.stats-table th {
  font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--sub); font-weight:700; padding:10px 14px;
  text-align:right; white-space:nowrap;
}
.stats-table th.st-rank  { text-align:center; width:40px; }
.stats-table th.st-player { text-align:left; min-width:180px; }
.sortable { cursor:pointer; user-select:none; transition:color .12s; }
.sortable:hover { color:var(--light); }
.st-sort-active { color:var(--orange) !important; }

/* Rows */
.st-row {
  border-bottom:1px solid var(--border);
  background:var(--card);
  transition:background .12s;
}
.st-row:hover { background:rgba(255,106,0,0.04); }
.st-row:nth-child(even) { background:#0d0f17; }
.st-row:nth-child(even):hover { background:rgba(255,106,0,0.04); }

.stats-table td { padding:8px 14px; vertical-align:middle; }

/* Rank */
.st-rank { text-align:center; font-size:11px; color:var(--sub); font-weight:700; }

/* Player */
.st-player-inner { display:flex; align-items:center; gap:7px; }
.st-nick {
  font-size:13px; font-weight:700; letter-spacing:.04em;
  color:rgba(240,242,248,0.85); text-decoration:none; transition:color .12s;
}
.st-nick:hover { color:var(--orange); text-decoration:underline; text-underline-offset:2px; }

/* Numbers */
.st-num { text-align:right; font-size:13px; font-weight:700; color:var(--sub); white-space:nowrap; }
.st-k { color:rgba(240,242,248,0.7); }
.st-a { color:rgba(107,115,148,0.7); }
.st-d { color:rgba(107,115,148,0.5); }
.st-kd { color:rgba(240,242,248,0.7); }
.st-kd-high { color:#4ade80 !important; }
.st-kd-low  { color:#f87171 !important; }
.st-aces { color:rgba(245,184,0,0.8); }
.st-wins { color:rgba(240,242,248,0.7); }

.st-ace-icon { width:14px; height:14px; object-fit:contain; vertical-align:middle; margin-left:2px; }
.st-badge-icon { width:14px; height:14px; object-fit:contain; vertical-align:middle; margin-left:4px; filter:drop-shadow(0 0 3px rgba(245,184,0,0.5)); }
.st-top-frag { font-size:11px; color:#F5B800; margin-left:4px; vertical-align:middle; line-height:1; }

/* ── SEARCH ── */
.stats-search-wrap { margin-bottom:16px; }
.stats-search {
  width:100%; max-width:340px;
  background:var(--card); border:1px solid rgba(255,106,0,0.3);
  color:var(--light); font-family:'Barlow Condensed',sans-serif;
  font-size:14px; font-weight:600; letter-spacing:.04em;
  padding:9px 16px; border-radius:2px; outline:none;
  transition:border-color .15s, box-shadow .15s;
}
.stats-search::placeholder { color:var(--sub); }
.stats-search:focus { border-color:var(--orange); box-shadow:0 0 12px rgba(255,106,0,0.15); }

/* ── PAGINATION ── */
.stats-pagination { display:flex; align-items:center; justify-content:center; gap:16px; padding:20px 0; }
.pg-btn { font-family:'Bebas Neue',sans-serif; font-size:13px; letter-spacing:.14em; padding:7px 18px; background:rgba(255,106,0,0.12); border:1px solid rgba(255,106,0,0.5); color:var(--orange); border-radius:2px; cursor:pointer; transition:all .15s; }
.pg-btn:hover:not(:disabled) { background:rgba(255,106,0,0.22); box-shadow:0 0 16px rgba(255,106,0,0.25); }
.pg-btn:disabled { opacity:.3; cursor:default; }
.pg-info { font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--sub); }

/* ══════════════════════════════════════════
   TABLET (max 900px)
══════════════════════════════════════════ */
@media(max-width:900px){
  .stats-search { max-width:100%; }
  .stats-table th, .stats-table td { padding:8px 10px; }
}

/* ══════════════════════════════════════════
   MOBIL (max 600px)
   Skjul: Assists, Deaths
   Behold: #, Spiller, K, K/D, HS%, Aces, 🏆
══════════════════════════════════════════ */
@media(max-width:600px){
  /* Nav — vis under header i stedet for at skjule */
  .site-nav {
    position:fixed; bottom:0; left:0; right:0; z-index:100;
    display:flex; flex-direction:row;
    background:rgba(6,8,12,0.97);
    border-top:1px solid rgba(255,106,0,0.2);
    backdrop-filter:blur(20px);
    padding:8px 12px 12px;
    gap:8px;
  }
  .nav-link {
    flex:1; text-align:center; padding:10px 8px;
    font-size:12px; letter-spacing:.1em;
  }

  /* Giv plads til den faste bottom-nav */
  body { padding-bottom:64px; }

  /* Søgefelt */
  .stats-search { max-width:100%; font-size:16px; }

  /* Tabel */
  .stats-table th, .stats-table td { padding:10px 8px; }
  .st-nick { font-size:13px; }
  .st-num  { font-size:12px; }

  /* Skjul Assists og Deaths kolonner */
  .stats-table th.col-a,
  .stats-table td.st-a,
  .stats-table th.col-d,
  .stats-table td.st-d { display:none; }

  /* Større taphøjde */
  .st-row { min-height:48px; }

  /* Pagination */
  .pg-btn { padding:10px 16px; font-size:14px; }
  .stats-pagination { gap:12px; }

  /* Meta skjules */
  .stats-meta { display:none; }
}

/* ══════════════════════════════════════════
   LILLE MOBIL (max 400px)
   Skjul også: HS%
   Behold: #, Spiller, K, K/D, Aces, 🏆
══════════════════════════════════════════ */
@media(max-width:400px){
  .stats-table th.col-hs,
  .stats-table td.st-hs { display:none; }

  .stats-table th, .stats-table td { padding:10px 6px; }
  .st-nick { font-size:12px; }

  /* Rank-kolonnen smallere */
  .stats-table th.st-rank { width:28px; }
}