:root {
      --bg-color: #0b1019;
      --panel-bg: rgba(15, 20, 31, 0.78);
      --accent: #66b5ff;
      --accent-soft: rgba(102, 181, 255, 0.22);
      --text-primary: #f2f6ff;
      --text-muted: #9bb0c9;
      --border-color: rgba(142, 186, 255, 0.14);
    }
    .stats-shell { color: #edf1f8; }
    .stats-shell { --stats-cumulative-surface: rgba(12, 16, 25, .70); }
    .stats-card {
      background: linear-gradient(160deg, rgba(18, 23, 34, .850), rgba(11, 14, 22, .90));
      border: 1px solid var(--border-color, rgba(255,255,255,.10));
      padding: 1.1rem 1.1rem 1rem;
      box-shadow: 0 18px 44px rgba(0,0,0,.30);
      backdrop-filter: blur(8px);
    }
    .stats-header-shell {
      margin-bottom: .9rem;
      padding: 0;
      background: transparent;
      border: 0;
      box-shadow: none;
    }
    .stats-header-shell .header { margin: 0; }
    .stats-sub { margin:.2rem 0 0; color:#b5bfd0; font-size:.9rem; }
    .stats-auth { display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; justify-content:flex-end; }
    .stats-header-shell .header-actions { gap: .75rem; }
    .stats-header-shell .header-user .steam-logout { margin-top: 0; }
    .stats-header-shell .header-user { gap: .9rem; }
    .stats-header-shell .header-user-avatar {
      width: 48px;
      height: 48px;
      flex: 0 0 auto;
    }
    .stats-header-shell .header-user > a,
    .stat-card-player > a,
    .streak-podium__avatar-wrap > a {
      display: inline-flex;
      flex: 0 0 auto;
    }
    .stats-header-shell .header-user-meta {
      min-width: 0;
      max-width: 100%;
    }
    .stats-header-shell .header-user-meta .stats-sub {
      display: block;
      font-size: .75rem;
      line-height: 1.15;
      word-break: break-all;
      white-space: normal;
    }
    .stat-card,
    .stat-card * { min-width: 0; }
    .stat-card > p,
    .stat-card-value,
    .stat-card-metric-value {
      overflow-wrap: anywhere;
      word-break: break-word;
      line-height: 1.15;
    }
    .stat-card > p {
      font-size: clamp(1.2rem, 2.2vw, 1.9rem);
      margin: .25rem 0 0;
    }
    .stats-focused-slot { margin-bottom: .7rem; }
    .stats-focused-slot .detail-panel {
      margin-top: .35rem;
      padding: 2.15rem 2rem;
      border-color: rgba(142,186,255,.12);
      box-shadow: 0 12px 34px rgba(0,0,0,.22);
      min-height: 360px;
    }
    .stats-focused-slot .detail-panel .detail-profile { gap: 1rem; }
    .stats-focused-slot .detail-panel .detail-profile > img { width: 140px; height: 140px; }
    .stats-focused-slot .detail-panel .detail-profile > div { min-width: 0; }
    .stats-focused-slot .detail-panel .detail-grid { gap: 1.25rem 1.5rem; }
    .stats-focused-slot .detail-panel .detail-grid > div { min-width: 0; }
    .stats-focused-slot .detail-panel .detail-grid h3 { margin-bottom: .5rem; }
    .stats-focused-slot .detail-panel .detail-grid p { margin: 0; font-size: clamp(1.08rem, 2vw, 1.55rem); }
    .streak-podium__entry,
    .streak-podium__details,
    .streak-podium__name { min-width: 0; }
    .streak-podium__name {
      overflow-wrap: anywhere;
      word-break: break-word;
      hyphens: auto;
      line-height: 1.15;
    }
    .streak-podium__value { flex: 0 0 auto; }
    .stats-card .stat-grid .stat-card {
      background: rgba(20, 25, 36, .25);
    }
    .stats-panel { display:none; }
    .stats-panel.is-active { display:block; }
    .stats-toolbar { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:space-between; align-items:center; margin-bottom:.65rem; }
    .stats-chat-form input { background:#10131c; border:1px solid rgba(255,255,255,.13); color:#eef1f8; padding:.55rem .65rem; }
    .stats-chat-form button, .stats-mini-btn { appearance:none; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); color:#eef1f8; padding:.5rem .7rem; cursor:pointer; font-weight:600; }
    .stats-mini-btn.is-active { background:rgba(124, 221, 143, .12); border-color:rgba(124,221,143,.4); }
    .table-wrap { width:100%; overflow:auto; border:1px solid rgba(255,255,255,.08); background: rgba(15,18,26,.5); }
    table.stats-grid { width:100%; min-width: 980px; border-collapse: collapse; }
    .stats-grid th, .stats-grid td { padding:.45rem .5rem; border-top:1px solid rgba(255,255,255,.06); font-size:.84rem; text-align:right; white-space:nowrap; }
    .stats-grid th { position: sticky; top:0; background: rgba(20,24,34,.97); z-index: 1; color:#b7c0d2; text-transform:uppercase; letter-spacing:.03em; font-size:.68rem; border-top:none; }
    .stats-grid th:first-child, .stats-grid td:first-child { text-align:left; }
    .stats-grid tr:hover td { background: rgba(90,140,210,.08); }
    .stats-player-cell { display:flex; align-items:center; gap:.35rem; min-width: 0; }
    .stats-player-cell img { width:32px; height:32px; object-fit:cover; border:1px solid rgba(255,255,255,.12); flex:0 0 auto; }
    .stats-player-cell a, .stats-player-cell span { color:inherit; text-decoration:none; display:inline-block; max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .badge-admin { font-size:.65rem; color:#12161f; background:#ffcc66; padding:.12rem .35rem; font-weight:700; }
    .stats-pagination { display:flex; gap:.4rem; align-items:center; justify-content:flex-end; margin-top:.65rem; flex-wrap:wrap; }
    .stats-muted { color:#adb7c8; }
    .stats-empty { color:#aeb8c9; padding:.75rem; text-align:center; }
    .stats-chat-panel { border:1px solid rgba(255,255,255,.08); background:rgba(15,18,26,.5); padding:.6rem; }
    .stats-chat-messages { max-height: 480px; overflow:auto; display:flex; flex-direction:column; gap:.45rem; }
    .stats-chat-row { display:flex; gap:.45rem; align-items:flex-start; }
    .stats-chat-row img { width:32px; height:32px; object-fit:cover; border:1px solid rgba(255,255,255,.12); }
    .stats-chat-header { display:flex; gap:.4rem; flex-wrap:wrap; align-items:center; }
    .stats-chat-name { font-weight:700; }
    .stats-chat-time { color:#aeb7c8; font-size:.75rem; }
    .stats-chat-text { white-space:pre-wrap; word-break:break-word; }
    .stats-chat-form { display:flex; gap:.45rem; margin-top:.65rem; }
    .stats-chat-form input { flex:1; }
    .stats-chat-status { min-height: 1.1rem; margin-top:.35rem; color:#f2bf69; font-size:.82rem; }
    .stats-online-cards { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap:.65rem; margin-bottom:.7rem; }
    .stats-online-card { display:flex; gap:.65rem; background:rgba(15,18,26,.5); border:1px solid rgba(255,255,255,.08); padding:.65rem; }
    .stats-online-card > img { width:160px; height:120px; object-fit:cover; background:#0c1016; border:1px solid rgba(255,255,255,.08); }
    .stats-online-card h3 { margin:0 0 .25rem; font-size:.95rem; }
    .stats-online-card p { margin:.15rem 0; color:#b5bfd0; font-size:.84rem; }
    .server-flag,
    .stats-country-flag { width:16px; height:11px; image-rendering:pixelated; border:0; object-fit:cover; background:transparent; display:inline-block; vertical-align:-1px; margin-left:.25rem; }
    .stats-player-name { display:inline-flex; align-items:center; gap:.35rem; min-width:0; }
    .stats-player-name .stats-country-flag { margin-left:0; }
    .team-red td { background: rgba(178,74,74,.12); }
    .team-blue td { background: rgba(75,102,186,.12); }
    .stats-logs-list { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:.65rem; }
    .stats-log-card { background:rgba(15,18,26,.5); border:1px solid rgba(255,255,255,.08); padding:.7rem; }
    .stats-log-card h4 { margin:0 0 .3rem; font-size:.92rem; }
    .stats-log-card p { margin:.16rem 0; color:#b6c0d2; font-size:.82rem; }
    .wt-cumulative-fragment .table-wrapper { margin-top: .5rem; }
    .wt-cumulative-fragment .table-toolbar { display:flex; align-items:center; gap:.75rem; flex-wrap:wrap; margin-bottom:.55rem; }
    .wt-cumulative-fragment .toolbar-spacer { flex: 1 1 auto; }
    .wt-cumulative-fragment .toolbar-pagination .table-pagination-info { color:#b6bfd0; margin-right:.4rem; }
    .wt-cumulative-fragment .table-pagination-controls { display:inline-flex; gap:.4rem; }
    .wt-cumulative-fragment .table-pagination-button { display:inline-flex; align-items:center; justify-content:center; min-width:56px; padding:.35rem .6rem; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.03); color:#eef1f8; text-decoration:none; }
    .wt-cumulative-fragment .table-pagination-button.is-disabled { opacity:.45; }
    .wt-cumulative-fragment th.sorted-asc::after, .wt-cumulative-fragment th.sorted-desc::after { content:''; display:inline-block; margin-left:6px; border:5px solid transparent; vertical-align:middle; }
    .wt-cumulative-fragment th.sorted-asc::after { border-bottom-color:#7fc8ff; }
    .wt-cumulative-fragment th.sorted-desc::after { border-top-color:#7fc8ff; }
    .wt-cumulative-fragment .search-bar { display:flex; gap:.45rem; flex-wrap:wrap; align-items:center; }
    .wt-cumulative-fragment .search-bar input { background:#10131c; border:1px solid rgba(255,255,255,.13); color:#eef1f8; padding:.55rem .65rem; min-width: 280px; }
    .wt-cumulative-fragment .search-bar button { appearance:none; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); color:#eef1f8; padding:.5rem .7rem; cursor:pointer; font-weight:600; }
    .stats-cumulative-fragment-host .detail-panel { margin-bottom: .75rem; }
    .stats-cumulative-fragment-host .table-wrapper {
      border: 1px solid rgba(255,255,255,.08);
      background: var(--stats-cumulative-surface);
      overflow: auto;
    }
    .stats-cumulative-fragment-host #stats-table-cumulative thead th {
      background: rgba(12, 17, 28, .92);
      color: #b8c9e2;
      border-bottom: 1px solid rgba(142,186,255,.045);
      border-right: 1px solid rgba(142,186,255,.045);
    }
    .stats-cumulative-fragment-host #stats-table-cumulative thead th:last-child,
    .stats-cumulative-fragment-host #stats-table-cumulative tbody td:last-child {
      border-right: 0;
    }
    .stats-cumulative-fragment-host #stats-table-cumulative tbody td {
      border-top-color: rgba(142,186,255,.045);
      border-right: 1px solid rgba(142,186,255,.045);
    }
    .stats-cumulative-fragment-host #stats-table-cumulative tbody tr:nth-child(even) td { background: rgba(255,255,255,.014); }
    .stats-cumulative-fragment-host #stats-table-cumulative tbody tr:hover td { background: rgba(102, 181, 255, .08); }
    .stats-cumulative-fragment-host #stats-table-cumulative tr.player-highlight td {
      background: rgba(102, 181, 255, .14);
      box-shadow: inset 0 0 0 9999px rgba(102,181,255,.025);
    }
    .stats-cumulative-fragment-host #stats-table-cumulative .player-cell .player-avatar {
      border: 1px solid rgba(255,255,255,.18);
    }
    .stats-cumulative-fragment-host #stats-table-cumulative .admin-name { color: #ffd67b; }
    .stats-cumulative-fragment-host #stats-table-cumulative .online-name { color: #9ce8b0; }
    .stats-cumulative-fragment-host .search-bar input[type="text"] {
      background: var(--stats-cumulative-surface);
      border-color: rgba(142,186,255,.12);
    }
    .stats-cumulative-fragment-host .search-bar button {
      background: rgba(102,181,255,.18);
      border-color: rgba(102,181,255,.28);
    }
    .stats-cumulative-fragment-host .search-bar button:hover { background: rgba(102,181,255,.28); }
    .wt-cumulative-fragment .table-pagination-button {
      background: rgba(102,181,255,.08);
      border-color: rgba(142,186,255,.14);
    }
    .wt-cumulative-fragment .table-pagination-button:hover:not(.is-disabled) {
      background: rgba(102,181,255,.16);
    }
    .stats-current-log-wrap { margin-bottom:.75rem; }
    #stats-current-log-container .log-entry.log-current { background: rgba(15,18,26,.5); border:1px solid rgba(255,255,255,.08); }
    #stats-current-log-container .log-summary { display:flex; flex-wrap:wrap; gap:.45rem; align-items:center; padding:.6rem .7rem; }
    #stats-current-log-container .log-body { padding:.6rem .7rem .75rem; }
    #stats-panel-online, #stats-panel-chat, #stats-panel-logs { display: none !important; }
    @media (max-width: 900px) {
      table.stats-grid { min-width: 760px; }
      .stats-chat-form { flex-direction:column; }
      .stats-online-card { flex-direction:column; }
      .stats-online-card > img { width:100%; height:auto; aspect-ratio: 4 / 3; }
      .stats-card { padding: .8rem .75rem .7rem; }
      .stats-focused-slot .detail-panel {
        min-height: 0;
        padding: 1rem .9rem;
      }
      .stats-focused-slot .detail-panel .detail-profile > img { width: 96px; height: 96px; }
      .wt-cumulative-fragment .search-bar input { min-width: 220px; }
    }
    @media (max-width: 700px) {
      .stats-header-shell .header {
        flex-direction: column;
        align-items: stretch;
        gap: .5rem;
      }
      .stats-header-shell .brand {
        display: block;
        flex: none;
        order: 0;
        width: 100%;
        max-width: 260px;
        align-self: center;
        text-align: center;
      }
      .stats-header-shell .animation {
        flex: none;
        order: 1;
        align-self: center;
        text-align: center;
      }
      .stats-header-shell .stats-auth {
        order: 2;
      }
      .stats-card .stat-grid .stat-card {
        border: 1px solid rgba(142,186,255,.08);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
      }
      .stats-header-shell .brand img { width: 100% !important; max-width: 260px; height: auto; }
      .stats-header-shell .animation img { width: 100%; max-width: 180px; }
      .stats-auth { justify-content: flex-start; }
      .stats-sub { font-size: .8rem; }
      .wt-cumulative-fragment .table-toolbar { gap: .4rem; }
      .wt-cumulative-fragment .search-bar { width: 100%; }
      .wt-cumulative-fragment .search-bar input { min-width: 0; width: 100%; }
      .wt-cumulative-fragment .search-bar button { width: 100%; }
      .stats-focused-slot .detail-panel .detail-profile {
        flex-direction: column;
        align-items: flex-start;
      }
      .stats-focused-slot .detail-panel .detail-grid { gap: .75rem; }
      .stats-grid th, .stats-grid td { padding: .36rem .4rem; font-size: .78rem; }
      table.stats-grid { min-width: 700px; }
    }