:root{
--ggu-primary:#ffb300;
--ggu-primary-hover:#cc8f00;
--ggu-link:#ffbf3f;
--ggu-bg-dark:#12141c;
--ggu-bg-panel:#1a1d27;
--ggu-bg-panel-alt:#222633;
--ggu-text:#dcdfe6;
--ggu-text-muted:#8a8f9c;
--ggu-glass-bg:rgba(26,29,39,.55);
--ggu-glass-bg-alt:rgba(34,38,51,.55);
--ggu-glass-border:rgba(255,255,255,.09);
--ggu-glass-blur:18px;
--ggu-radius:8px;
--ggu-shadow-glass:0 8px 32px rgba(0,0,0,.35);
--ggu-glow-primary:rgba(255,179,0,.45);
--ggu-glow-soft:rgba(255,179,0,.18);
--ggu-ease:cubic-bezier(.2,.8,.2,1);
--ggu-danger:#e05260;
--ggu-success:#3ecf8e;
--ggu-font:"Source Sans 3","Segoe UI",Arial,sans-serif;
--ggul-accent:var(--ggu-primary);
--ggul-accent-dim:rgba(255,179,0,.28);
--ggul-accent-faint:rgba(255,179,0,.07);
--ggul-border:rgba(244,245,247,.07);
--ggul-card-bg:rgba(244,245,247,.025);
--ggul-card-hover:rgba(244,245,247,.04);
--ggul-transition:background .18s ease,border-color .18s ease,transform .18s ease;
--radius:var(--ggu-radius);
--radius-sm:10px;
--shadow:var(--ggu-shadow-glass)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,var(--ggu-glow-soft) 0%,transparent 45%),radial-gradient(circle at 85% 20%,var(--ggu-glow-soft) 0%,transparent 40%),var(--ggu-bg-dark);background-attachment:fixed;color:var(--ggu-text);font:15px/1.5 var(--ggu-font)}
a{color:inherit;text-decoration:none}
.shell{width:min(1600px,calc(100% - 48px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(7,9,13,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--ggu-glass-border)}
.topbar-inner{min-height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--ggu-primary),var(--ggu-primary-hover));color:#1a1000;font-weight:900;box-shadow:0 0 22px rgba(255,179,0,.25)}.brand strong,.brand small{display:block}.brand small{font-size:12px;color:var(--ggu-text-muted)}
.mainnav{display:flex;align-items:center;gap:6px}.mainnav a,.mobile-nav a{padding:9px 12px;border-radius:9px;color:var(--ggu-text-muted);font-weight:700}.mainnav a:hover,.mainnav a.active,.mobile-nav a.active{background:rgba(255,179,0,.08);color:var(--ggu-primary)}
.nav-toggle{display:none;border:1px solid var(--ggu-glass-border);background:var(--ggu-glass-bg);color:var(--ggu-text);border-radius:10px;padding:8px 11px}.mobile-nav{display:none}
.page-title{padding:34px 0 20px}.page-title h1{font-size:clamp(32px,5vw,54px);line-height:1.02;letter-spacing:-.035em;margin:6px 0 8px}.page-title p{max-width:760px;margin:0;color:var(--ggu-text-muted);font-size:17px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--ggu-primary);font-weight:850}
.hero-dashboard{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.8fr);gap:18px;align-items:stretch;padding:26px;border:1px solid var(--ggu-glass-border);border-radius:22px;background:linear-gradient(135deg,rgba(255,179,0,.07),var(--ggu-glass-bg) 42%,rgba(15,19,27,.72));box-shadow:var(--shadow)}
.hero-dashboard h2{font-size:clamp(28px,4vw,46px);line-height:1.03;letter-spacing:-.035em;margin:8px 0 12px}.hero-dashboard p{color:var(--ggu-text-muted);max-width:720px;margin:0 0 20px}
.hero-search,.filter-search{display:flex;align-items:center;border:1px solid var(--ggu-glass-border);background:rgba(0,0,0,.24);border-radius:12px;overflow:hidden}.hero-search>span,.filter-search>span{padding-left:14px;color:var(--ggu-text-muted);font-size:20px}.hero-search input,.filter-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ggu-text);padding:13px 12px}.hero-search button,.button{border:0;background:linear-gradient(135deg,var(--ggu-primary),var(--ggu-primary-hover));color:#1a1000;padding:12px 17px;font-weight:850;cursor:pointer}.hero-search:focus-within,.filter-search:focus-within{border-color:var(--ggu-primary);box-shadow:0 0 0 3px rgba(255,179,0,.07)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.metric{padding:18px;background:rgba(255,255,255,.026);border:1px solid var(--ggu-glass-border);border-radius:var(--radius-sm)}.metric span,.metric b,.metric small{display:block}.metric span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ggu-text-muted)}.metric b{font-size:25px;margin-top:5px}.metric small{color:var(--ggu-text-muted);margin-top:3px}
.section{padding:24px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.section-head h2{font-size:27px;margin:3px 0 0}.section-action{color:var(--ggu-primary);font-weight:750}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.7fr);gap:22px}
.server-list{display:grid;gap:8px}.server-row{display:grid;grid-template-columns:18px minmax(0,1.5fr) minmax(160px,.55fr) minmax(160px,.5fr) 22px;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--ggu-glass-border);border-radius:13px;background:var(--ggu-glass-bg);transition:.18s}.server-row:hover{transform:translateY(-1px);border-color:var(--ggu-primary);background:var(--ggu-glass-bg-alt)}.status-dot{display:block;width:9px;height:9px;border-radius:50%;background:#667080}.status-dot.online{background:var(--ggu-success);box-shadow:0 0 12px rgba(73,209,125,.55)}.server-main strong,.server-main small{display:block}.server-main small,.server-meta{color:var(--ggu-text-muted);font-size:12px}.server-pop span{font-size:13px}.progress{height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--ggu-primary),var(--ggu-primary-hover));border-radius:inherit}.server-meta{display:grid;gap:2px;text-align:right}.chevron{font-size:25px;color:var(--ggu-text-muted)}
.game-stack{display:grid;gap:9px}.game-card,.game-tile{border:1px solid var(--ggu-glass-border);background:var(--ggu-glass-bg);border-radius:14px;transition:.18s}.game-card{padding:15px;display:flex;align-items:center;justify-content:space-between;gap:14px}.game-card:hover,.game-tile:hover{border-color:var(--ggu-primary);transform:translateY(-2px)}.game-card strong,.game-card small,.game-numbers b,.game-numbers span{display:block}.game-card small,.game-numbers span{color:var(--ggu-text-muted);font-size:12px}.game-numbers{text-align:right}.game-numbers b{font-size:21px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-tile{padding:22px}.game-tile h2{margin:7px 0 18px;font-size:27px}.game-stats{display:flex;gap:22px;margin-bottom:16px}.game-stats span{color:var(--ggu-text-muted);font-size:12px}.game-stats b{display:block;color:var(--ggu-text);font-size:20px}
.table-card{background:var(--ggu-glass-bg);border:1px solid var(--ggu-glass-border);border-radius:var(--radius);overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--ggu-glass-border);white-space:nowrap}th{position:sticky;top:0;background:rgba(15,19,27,.98);z-index:1;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ggu-text-muted)}tbody tr:hover{background:rgba(255,179,0,.035)}.table-link,.player-link{font-weight:750}.table-link:hover,.player-link:hover{color:var(--ggu-primary)}.rank{color:var(--ggu-text-muted);font-weight:800}.activity{display:inline-block;width:56px;height:5px;background:rgba(255,255,255,.07);border-radius:99px;vertical-align:middle;margin-right:4px;overflow:hidden}.activity i{display:block;height:100%;background:var(--ggu-primary)}
.activity-feed{display:grid;border:1px solid var(--ggu-glass-border);background:var(--ggu-glass-bg);border-radius:var(--radius);overflow:hidden}.activity-row{display:flex;gap:12px;padding:13px 15px;border-bottom:1px solid var(--ggu-glass-border)}.activity-row:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:rgba(255,179,0,.09);color:var(--ggu-primary)}.activity-row small{display:block;color:var(--ggu-text-muted);margin-top:2px}
.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.filter-search{min-width:300px;max-width:520px;flex:1}.chips,.sortbar,.tabs{display:flex;gap:7px;flex-wrap:wrap}.chips a,.sortbar a,.tabs a{padding:8px 11px;border:1px solid var(--ggu-glass-border);border-radius:9px;color:var(--ggu-text-muted);font-size:13px;font-weight:750}.chips a.active,.sortbar a.active,.tabs a.active{color:#1a1000;background:linear-gradient(135deg,var(--ggu-primary),var(--ggu-primary-hover));border-color:transparent}.tabs{margin-bottom:20px}.sortbar{align-items:center;margin-bottom:13px}.sortbar>span{color:var(--ggu-text-muted);font-size:12px;margin-right:3px}.player-toolbar select{background:var(--ggu-glass-bg);color:var(--ggu-text);border:1px solid var(--ggu-glass-border);border-radius:10px;padding:11px 12px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.feature-card{padding:21px;border:1px solid var(--ggu-glass-border);background:var(--ggu-glass-bg);border-radius:var(--radius);transition:.18s}.feature-card:hover{border-color:var(--ggu-primary);transform:translateY(-2px)}.feature-card strong,.feature-card span{display:block}.feature-card strong{font-size:19px}.feature-card span{color:var(--ggu-text-muted);margin-top:4px}.chart-card{background:var(--ggu-glass-bg);border:1px solid var(--ggu-glass-border);border-radius:var(--radius);padding:15px;overflow:auto}.chart-card canvas{width:100%;height:300px}.profile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-summary>div{padding:17px;border:1px solid var(--ggu-glass-border);background:var(--ggu-glass-bg);border-radius:12px}.profile-summary span,.profile-summary b{display:block}.profile-summary span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ggu-text-muted)}.profile-summary b{margin-top:5px}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:14px;color:var(--ggu-text-muted)}.pager a{color:var(--ggu-primary);font-weight:750}.empty{padding:24px;color:var(--ggu-text-muted);border:1px dashed var(--ggu-glass-border);border-radius:var(--radius)}.search-page{max-width:780px;margin-bottom:20px}
.footer{margin-top:36px;border-top:1px solid var(--ggu-glass-border);padding:24px 0 38px;color:var(--ggu-text-muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:12px}
@media(max-width:980px){.mainnav{display:none}.nav-toggle{display:block}.mobile-nav.open{display:grid;padding:8px 16px 14px}.hero-dashboard,.dashboard-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-row{grid-template-columns:18px 1fr 150px 22px}.server-meta{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.shell{width:min(100% - 20px,1240px)}.page-title{padding-top:24px}.hero-dashboard{padding:19px}.metric-grid,.metric-grid.compact,.game-grid,.feature-grid,.profile-summary{grid-template-columns:1fr}.server-row{grid-template-columns:14px 1fr 20px}.server-pop{grid-column:2}.toolbar{align-items:stretch;flex-direction:column}.filter-search{min-width:0;max-width:none;width:100%}.game-stats{gap:13px;flex-wrap:wrap}.footer-inner{flex-direction:column}.hero-search button{padding-inline:13px}}


/* ==========================================================================
   GGU STATS 0.4.2 — GGU THEME 2026 ALIGNMENT
   ========================================================================== */
.topbar{
  background:rgba(7,9,13,.90);
  -webkit-backdrop-filter:blur(var(--ggu-glass-blur)) saturate(140%);
  backdrop-filter:blur(var(--ggu-glass-blur)) saturate(140%);
  border-bottom:1px solid var(--ggu-glass-border);
}
.mainnav a,.mobile-nav a{
  border-radius:999px;
  margin:8px 2px;
  padding:8px 16px;
  color:var(--ggu-text-muted);
  transition:background .18s var(--ggu-ease),color .18s var(--ggu-ease),transform .18s var(--ggu-ease);
}
.mainnav a:hover,.mainnav a.active,.mobile-nav a.active{
  background:var(--ggu-glow-soft);
  color:var(--ggu-primary);
}
.brand-mark,
.hero-search button,
.button,
.chips a.active,
.sortbar a.active,
.tabs a.active{
  background:linear-gradient(120deg,var(--ggu-primary),var(--ggu-primary-hover));
  color:#12141c;
  box-shadow:0 4px 16px var(--ggu-glow-primary);
}
.hero-dashboard,
.server-row,
.game-card,
.game-tile,
.table-card,
.feature-card,
.chart-card,
.profile-summary>div,
.metric{
  background:var(--ggu-glass-bg);
  border:1px solid var(--ggu-glass-border);
  -webkit-backdrop-filter:blur(var(--ggu-glass-blur)) saturate(140%);
  backdrop-filter:blur(var(--ggu-glass-blur)) saturate(140%);
  box-shadow:var(--ggu-shadow-glass);
}
.server-row:hover,
.game-card:hover,
.game-tile:hover,
.feature-card:hover{
  transform:translateY(-3px);
  border-color:var(--ggu-primary);
  box-shadow:0 14px 34px rgba(0,0,0,.4);
}
.page-title h1,
.section-head h2,
.game-tile h2,
.hero-dashboard h2{
  font-family:var(--ggu-font);
  font-weight:700;
  letter-spacing:-.01em;
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:3px 9px;
  background:rgba(185,130,0,.24);
  border:1px solid var(--ggul-accent-dim);
  border-radius:2px;
  color:var(--ggul-accent);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.filter-search,
.hero-search,
.player-toolbar select{
  background:rgba(7,9,13,.55);
  border:1px solid var(--ggu-glass-border);
  color:var(--ggu-text);
  border-radius:var(--ggu-radius);
}
.filter-search:focus-within,
.hero-search:focus-within,
.player-toolbar select:focus{
  border-color:var(--ggu-primary);
  box-shadow:0 0 0 3px var(--ggu-glow-soft);
}
.footer{
  background:var(--ggu-glass-bg);
  -webkit-backdrop-filter:blur(var(--ggu-glass-blur));
  backdrop-filter:blur(var(--ggu-glass-blur));
  border-top:1px solid var(--ggu-glass-border);
  color:var(--ggu-text-muted);
}

/* ==========================================================================
   TABLES — NO HORIZONTAL SCROLLING / WRAPPED CONTENT
   Desktop tables consume the available content rail instead of becoming
   nested scrolling regions. Long HLStatsX values wrap naturally.
   ========================================================================== */
.table-card{
  width:100%;
  overflow:visible;
}
.table-scroll{
  width:100%;
  overflow:visible;
}
table{
  width:100%;
  min-width:0 !important;
  table-layout:auto;
  border-collapse:collapse;
}
th{
  background:var(--ggu-glass-bg-alt);
  color:var(--ggu-text);
  border-color:var(--ggu-glass-border);
}
th,td{
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:normal;
  vertical-align:top;
  border-color:var(--ggu-glass-border);
}
tbody tr:nth-child(even){
  background:rgba(255,255,255,.015);
}
tbody tr:hover{
  background:var(--ggu-glow-soft);
}
td a{
  overflow-wrap:anywhere;
}

/* Give prose-heavy tables (chat, awards, actions) breathing room. */
body:has(.page-title h1) .table-card td{
  line-height:1.4;
}
.community-chat .table-card td:last-child,
.analytics-view .table-card td:last-child{
  min-width:260px;
}

/* Responsive table rows become label/value cards instead of side-scrolling. */
@media(max-width:760px){
  .table-card{
    background:transparent;
    border:0;
    box-shadow:none;
    backdrop-filter:none;
  }
  .table-scroll{overflow:visible}
  table,thead,tbody,tr,th,td{
    display:block;
    width:100%;
  }
  thead{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
  tbody{
    display:grid;
    gap:10px;
  }
  tbody tr{
    display:grid;
    grid-template-columns:minmax(100px,.38fr) minmax(0,1fr);
    background:var(--ggu-glass-bg);
    border:1px solid var(--ggu-glass-border);
    border-radius:var(--ggu-radius);
    box-shadow:var(--ggu-shadow-glass);
    overflow:hidden;
  }
  tbody td{
    display:contents;
  }
  tbody td::before{
    content:attr(data-label);
  }
}

/* Chat-specific readable grid: don't let metadata squeeze message text. */
.chat-table{
  table-layout:fixed;
}
.chat-table th:nth-child(1),.chat-table td:nth-child(1){width:150px}
.chat-table th:nth-child(2),.chat-table td:nth-child(2){width:190px}
.chat-table th:nth-child(3),.chat-table td:nth-child(3){width:90px}
.chat-table th:last-child,.chat-table td:last-child{width:auto}

/* Remove any nested scrollbar artifacts left by prior builds. */
.table-card::-webkit-scrollbar,
.table-scroll::-webkit-scrollbar{display:none}
.table-card,.table-scroll{scrollbar-width:none}

/* ==========================================================================
   GGU STATS 0.5.0 — PLAYER DEPTH + HISTORICAL GRAPHS
   ========================================================================== */
.chart-card{
  min-height:290px;
  padding:18px;
  background:var(--ggu-glass-bg);
}
.chart-card-compact{min-height:240px}
.chart-card canvas{
  display:block;
  width:100%;
  height:280px;
}
.chart-card-compact canvas{height:220px}
.server-history-chart + .server-history-chart{padding-top:0}
.player-hero{display:grid;gap:16px}
.player-identity-card{
  display:flex;align-items:center;gap:18px;padding:20px;
  background:var(--ggu-glass-bg);
  border:1px solid var(--ggu-glass-border);
  border-radius:var(--ggu-radius);
  box-shadow:var(--ggu-shadow-glass);
  backdrop-filter:blur(var(--ggu-glass-blur)) saturate(140%);
}
.player-avatar-fallback{
  display:grid;place-items:center;flex:0 0 88px;height:88px;
  border-radius:10px;background:var(--ggu-glass-bg-alt);
  border:1px solid var(--ggu-glass-border);font-size:50px;font-weight:800;color:var(--ggu-text-muted)
}
.player-identity-card h2{font-size:30px;margin:4px 0 2px}
.player-identity-card p{margin:0;color:var(--ggu-text-muted)}
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.profile-panel{
  padding:18px;background:var(--ggu-glass-bg);border:1px solid var(--ggu-glass-border);
  border-radius:var(--ggu-radius);box-shadow:var(--ggu-shadow-glass)
}
.detail-list{margin:0;display:grid}
.detail-list>div{
  display:grid;grid-template-columns:minmax(140px,.45fr) minmax(0,1fr);
  gap:14px;padding:10px 0;border-bottom:1px solid var(--ggu-glass-border)
}
.detail-list>div:last-child{border-bottom:0}
.detail-list dt{color:var(--ggu-text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.detail-list dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.tabs{position:sticky;top:73px;z-index:10;padding:8px 0;background:linear-gradient(var(--ggu-bg-dark) 70%,transparent)}
@media(max-width:800px){
 .profile-grid{grid-template-columns:1fr}
 .player-identity-card{align-items:flex-start}
 .tabs{position:static}
}

/* ==========================================================================
   GGU STATS 0.5.1 — ORIGINAL HLSTATSX MEDIA + EXACT THEME DEFAULTS
   ========================================================================== */
.player-game-icon{
  width:88px;height:88px;object-fit:contain;padding:10px;
  background:var(--ggu-glass-bg-alt);border:1px solid var(--ggu-glass-border);
  border-radius:var(--ggu-radius)
}
.inline-flag{width:18px;height:auto;vertical-align:-2px;margin-right:4px}
.player-avatar-stack{display:flex;align-items:center;justify-content:center}
.icon-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.icon-stat-card{
  display:flex;align-items:center;gap:14px;min-height:76px;padding:12px 14px;
  background:var(--ggu-glass-bg);border:1px solid var(--ggu-glass-border);
  border-radius:var(--ggu-radius);box-shadow:var(--ggu-shadow-glass);
  transition:var(--ggul-transition)
}
.icon-stat-card:hover{border-color:var(--ggu-primary);transform:translateY(-2px)}
.icon-stat-card img{flex:0 0 96px;width:96px;max-height:54px;object-fit:contain}
.icon-stat-card strong,.icon-stat-card span{display:block}
.icon-stat-card strong{color:var(--ggu-text);font-size:16px}
.icon-stat-card span{color:var(--ggu-text-muted);font-size:13px;margin-top:3px}

/* Closer match to the live GGU Theme 2026 header/content proportions. */
.topbar-inner{min-height:64px}
.brand-mark{border-radius:var(--ggu-radius)}
.page-title{padding:28px 0 16px}
.page-title h1{color:var(--ggu-text);font-weight:700}
.tabs{
  top:65px;
  background:rgba(18,20,28,.90);
  border:1px solid var(--ggu-glass-border);
  border-radius:var(--ggu-radius);
  padding:7px;
  backdrop-filter:blur(18px) saturate(140%)
}
.tabs a{border:0!important;background:transparent;color:var(--ggu-text-muted)}
.tabs a:hover{background:var(--ggu-glow-soft);color:var(--ggu-text)}
.tabs a.active{
  background:linear-gradient(120deg,var(--ggu-primary),var(--ggu-primary-hover));
  color:#12141c!important;box-shadow:0 4px 16px var(--ggu-glow-primary)
}
.metric,.profile-panel,.player-identity-card,.table-card,.chart-card{
  border-radius:var(--ggu-radius)
}
@media(max-width:980px){.icon-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
 .shell{width:min(100% - 20px,1600px)}
 .icon-stat-grid{grid-template-columns:1fr}
 .icon-stat-card img{flex-basis:74px;width:74px}
}


/* ==========================================================================
   GGU STATS 0.6.0 — GGU THEME 2026 STRUCTURAL PARITY
   The standalone stats app now uses the same visual hierarchy as the live
   forum theme instead of a generic dashboard shell.
   ========================================================================== */

:root{
  --ggu-primary:#ffb300;
  --ggu-primary-hover:#cc8f00;
  --ggu-link:#ffc107;
  --ggu-bg-dark:#12141c;
  --ggu-bg-panel:#1a1d27;
  --ggu-bg-panel-alt:#222633;
  --ggu-text:#dcdfe6;
  --ggu-text-muted:#8a8f9c;
  --ggu-border:rgba(220,223,230,.08);
  --ggu-success:#3ecf8e;
  --ggu-danger:#e05260;
  --ggu-radius:8px;
  --ggu-container:1600px;
  --ggu-font:'Source Sans 3',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ggu-glass-bg:rgba(26,29,39,.55);
  --ggu-glass-bg-alt:rgba(34,38,51,.55);
  --ggu-glass-border:rgba(220,223,230,.08);
  --ggu-glass-blur:18px;
  --ggu-glow-primary:rgba(255,179,0,.45);
  --ggu-glow-soft:rgba(255,179,0,.18);
  --ggu-shadow-glass:0 8px 32px rgba(0,0,0,.35);
  --ggu-ease:cubic-bezier(.22,1,.36,1);
  --ggu-header-glass-bg:rgba(255,179,0,.05);
  --ggu-header-glass-bg-hi:rgba(255,179,0,.09);
  --ggu-header-glass-border:rgba(255,179,0,.14);
}

html{background:#0d1017}
body.gguTheme2026{
  min-height:100vh;
  margin:0;
  background:
    linear-gradient(180deg,rgba(7,9,13,.15),rgba(7,9,13,.86) 740px),
    #0c0f16;
  color:var(--ggu-text);
  font-family:var(--ggu-font);
}

.ggu-global-bg{
  position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none;
  background:
    radial-gradient(ellipse at 16% 0%,rgba(255,179,0,.10),transparent 43%),
    radial-gradient(ellipse at 86% 16%,rgba(204,143,0,.08),transparent 38%),
    linear-gradient(180deg,#11141b 0%,#0c0f15 48%,#090c12 100%);
}
.ggu-global-bg::after{
  content:"";position:absolute;inset:-20%;
  background-image:
    linear-gradient(112deg,transparent 0 46%,rgba(255,179,0,.030) 47%,transparent 48%),
    linear-gradient(64deg,transparent 0 54%,rgba(255,255,255,.018) 55%,transparent 56%);
  background-size:340px 260px,470px 360px;
  transform:rotate(-4deg);opacity:.7;
}
.ggu-aurora{position:absolute;border-radius:50%;filter:blur(70px);opacity:.52}
.ggu-aurora--gold{width:620px;height:620px;right:-190px;top:100px;background:rgba(255,179,0,.16)}
.ggu-aurora--amber{width:520px;height:520px;left:-180px;top:340px;background:rgba(194,113,0,.09)}
.ggu-prism-lines{position:absolute;inset:0;opacity:.32}
.ggu-prism-lines i{position:absolute;display:block;width:1px;height:120vh;background:linear-gradient(transparent,rgba(255,179,0,.24),transparent);transform:rotate(58deg);transform-origin:top}
.ggu-prism-lines i:nth-child(1){left:24%;top:-180px}.ggu-prism-lines i:nth-child(2){left:57%;top:-230px}.ggu-prism-lines i:nth-child(3){left:78%;top:-140px}

/* Header: floating, glassy, and branded like the IPS theme. */
.ggu-site-header{position:relative;z-index:40;padding:12px 18px 0}
.ggu-header-shell{
  width:min(var(--ggu-container),calc(100% - 0px));margin:0 auto;
  border:1px solid var(--ggu-header-glass-border);
  border-radius:14px;
  background:
    linear-gradient(135deg,var(--ggu-header-glass-bg-hi),rgba(10,14,21,.68) 28%,rgba(10,14,21,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 40px rgba(0,0,0,.38),0 0 38px rgba(255,179,0,.05);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
  overflow:hidden;
}
.ggu-header-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px 10px}
.ggu-wordmark{display:flex;align-items:center;min-width:0}
.ggu-wordmark img{display:block;width:min(340px,46vw);height:auto;max-height:64px;object-fit:contain;object-position:left center}
.ggu-header-tools{display:flex;align-items:center;gap:7px}
.ggu-header-tools a{
  display:grid;place-items:center;width:32px;height:32px;border-radius:7px;
  color:var(--ggu-text-muted);background:rgba(255,255,255,.025);border:1px solid var(--ggu-glass-border);
}
.ggu-header-tools a:hover{color:#fff;border-color:rgba(255,179,0,.3);background:var(--ggu-glow-soft)}

.ggu-primary-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:46px;padding:0 12px;border-top:1px solid rgba(255,255,255,.035);
  background:rgba(8,11,17,.30);
}
.ggu-site-nav,.ggu-nav-actions{display:flex;align-items:center;gap:2px}
.ggu-site-nav a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 13px;
  color:var(--ggu-text);font-weight:600;font-size:14px;border-radius:var(--ggu-radius);
}
.ggu-site-nav a:hover,.ggu-site-nav a.active{color:#fff;background:var(--ggu-glow-soft)}
.ggu-site-nav a.active{box-shadow:inset 0 -2px 0 var(--ggu-primary)}
.ggu-nav-actions a{padding:8px 11px;color:var(--ggu-text-muted);font-size:13px;font-weight:600}
.ggu-nav-actions a:hover{color:#fff}
.ggu-nav-actions .ggu-nav-cta{
  margin-left:5px;border-radius:7px;background:linear-gradient(135deg,var(--ggu-primary),var(--ggu-primary-hover));
  color:#fff;box-shadow:0 0 18px rgba(255,179,0,.25)
}

/* Stats navigation: secondary IPS-style rail, not a second giant product header. */
.ggu-stats-nav-wrap{
  position:sticky;top:0;z-index:35;margin-top:10px;
  background:rgba(10,13,19,.87);border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid var(--ggu-glass-border);
  -webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%);
}
.ggu-stats-nav-shell{
  width:min(var(--ggu-container),calc(100% - 36px));margin:auto;display:flex;align-items:center;gap:20px;min-height:46px
}
.ggu-stats-brand{display:flex;align-items:baseline;gap:9px;white-space:nowrap;margin-right:auto}
.ggu-stats-brand span{font-size:12px;font-weight:800;letter-spacing:.09em;color:var(--ggu-primary)}
.ggu-stats-brand small{font-size:11px;color:var(--ggu-text-muted)}
.ggu-stats-nav{display:flex;align-items:center;gap:0}
.ggu-stats-nav a{
  display:inline-flex;align-items:center;min-height:46px;padding:0 12px;
  color:var(--ggu-text-muted);font-weight:600;font-size:13px;
  border-bottom:2px solid transparent;
}
.ggu-stats-nav a:hover{color:var(--ggu-text)}
.ggu-stats-nav a.active{color:var(--ggu-primary);border-bottom-color:var(--ggu-primary);background:transparent}
.nav-toggle{display:none}

.ggu-breadcrumb-wrap{
  border-bottom:1px solid rgba(255,255,255,.025);background:rgba(10,13,19,.38)
}
.ggu-breadcrumb{
  min-height:33px;display:flex;align-items:center;gap:7px;color:var(--ggu-text-muted);font-size:11px
}
.ggu-breadcrumb a:hover{color:var(--ggu-primary)}
.ggu-breadcrumb strong{font-weight:600;color:var(--ggu-text)}

.shell{width:min(var(--ggu-container),calc(100% - 36px));margin:auto}
.ggu-content-shell{padding-bottom:40px}
.page-title{padding:24px 0 14px}
.page-title .eyebrow{margin-bottom:9px}
.page-title h1{
  margin:0 0 5px;font-size:clamp(28px,3.4vw,45px);line-height:1.03;font-weight:700;letter-spacing:-.025em
}
.page-title p{font-size:14px;line-height:1.45;color:var(--ggu-text-muted);max-width:900px}

/* Make content blocks feel like IPS boxes, not SaaS dashboard cards. */
.hero-dashboard,.player-identity-card,.profile-panel,.metric,.feature-card,.game-card,.game-tile,.chart-card,.table-card{
  border-radius:6px;
  box-shadow:none;
  background:rgba(20,23,32,.78);
  border:1px solid rgba(220,223,230,.07);
}
.hero-dashboard{
  background:
    linear-gradient(105deg,rgba(255,179,0,.055),rgba(20,23,32,.82) 40%,rgba(14,17,24,.88));
  border-left:2px solid rgba(255,179,0,.45);
}
.metric{background:rgba(255,255,255,.018)}
.metric b{font-weight:700}
.server-row{
  border-radius:3px;box-shadow:none;background:rgba(20,23,32,.76);border-color:rgba(220,223,230,.055);
}
.server-row:hover{transform:none;border-color:rgba(255,179,0,.30);background:rgba(255,179,0,.038)}

/* Theme-style section bars, copied from the category/widget language. */
.section-head{
  position:relative;min-height:31px;margin-bottom:8px;padding:6px 10px;
  align-items:center;border:1px solid rgba(255,179,0,.23);border-radius:2px;
  background:
    linear-gradient(105deg,rgba(255,179,0,.17) 0%,rgba(255,179,0,.08) 32%,rgba(224,138,30,.10) 58%,rgba(20,18,15,.28) 100%);
}
.section-head::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--ggu-primary);opacity:.8
}
.section-head .eyebrow{
  min-height:0;padding:0;border:0;background:transparent;border-radius:0;
  font-size:9px;color:var(--ggu-primary);letter-spacing:.10em
}
.section-head h2{margin:0;font-size:14px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;color:#f3d078}
.section-action{font-size:11px;color:var(--ggu-primary)}

/* Tabs copied conceptually from actual profile tabs: transparent + gold underline. */
.tabs{
  position:sticky;top:47px;z-index:20;display:flex;gap:0;margin:0 0 16px;padding:0;
  border:0;border-bottom:1px solid var(--ggu-glass-border);border-radius:0;
  background:rgba(12,15,22,.86);box-shadow:none;backdrop-filter:blur(16px)
}
.tabs a{
  min-height:38px;display:flex;align-items:center;padding:0 13px!important;margin:0;
  border:0!important;border-radius:0!important;background:transparent!important;
  color:var(--ggu-text-muted)!important;box-shadow:none!important
}
.tabs a:hover{color:var(--ggu-text)!important;background:rgba(255,255,255,.018)!important}
.tabs a.active{
  color:var(--ggu-primary)!important;background:transparent!important;
  box-shadow:inset 0 -2px 0 var(--ggu-primary)!important
}

/* Tables emulate IPS data lists: tight, bordered, alternating, no oversized SaaS frame. */
.table-card{overflow:hidden}
table{font-size:13px}
th{
  padding:8px 10px;background:#181c26;color:#c6cad3;font-size:10px;letter-spacing:.065em;
  border-bottom:1px solid rgba(255,255,255,.08)
}
td{padding:8px 10px}
tbody tr{background:rgba(255,255,255,.012)}
tbody tr:nth-child(even){background:rgba(255,255,255,.026)}
tbody tr:hover{background:rgba(255,179,0,.035)}

/* Footer copied structurally from GGU Theme 2026's extended footer. */
.ggu-extended-footer{
  position:relative;margin-top:46px;border-top:1px solid rgba(255,179,0,.15);
  background:
    linear-gradient(180deg,rgba(15,18,26,.96),rgba(9,12,18,.99));
  color:var(--ggu-text-muted)
}
.ggu-footer-grid{
  display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:48px;padding:38px 0 30px
}
.ggu-footer-about img{display:block;max-width:290px;max-height:64px;object-fit:contain;object-position:left}
.ggu-footer-about p{max-width:430px;margin:14px 0 5px;color:var(--ggu-text);font-size:13px}
.ggu-footer-grid section:not(.ggu-footer-about){display:flex;flex-direction:column;gap:7px}
.ggu-footer-grid h3{
  margin:0 0 8px;color:var(--ggu-primary);font-size:11px;letter-spacing:.11em;text-transform:uppercase
}
.ggu-footer-grid a{font-size:12px;color:var(--ggu-text-muted)}
.ggu-footer-grid a:hover{color:var(--ggu-primary)}
.ggu-footer-bottom{
  display:flex;justify-content:space-between;gap:20px;padding:14px 0 20px;
  border-top:1px solid rgba(255,255,255,.045);font-size:11px;color:#707684
}

/* Old dashboard header classes must never bleed through. */
.topbar,.topbar-inner,.brand,.brand-mark,.mainnav{display:none!important}

/* Responsive behavior matching IPS breakpoints. */
@media(max-width:979px){
  .ggu-site-header{padding:8px 8px 0}
  .ggu-primary-row{display:none}
  .ggu-header-top{padding:10px 12px}
  .ggu-wordmark img{width:min(300px,70vw);max-height:54px}
  .ggu-stats-brand small{display:none}
  .ggu-stats-nav{display:none}
  .nav-toggle{display:block;margin-left:auto;border:1px solid var(--ggu-glass-border);background:transparent;color:var(--ggu-text);border-radius:6px;padding:6px 9px}
  .mobile-nav.open{
    width:min(var(--ggu-container),calc(100% - 20px));margin:auto;display:grid;padding:5px 0 9px
  }
  .mobile-nav a{padding:9px 10px;color:var(--ggu-text)}
  .ggu-footer-grid{grid-template-columns:1fr 1fr;gap:26px}
}
@media(max-width:640px){
  .shell,.ggu-stats-nav-shell{width:min(100% - 20px,var(--ggu-container))}
  .ggu-header-tools{display:none}
  .ggu-wordmark img{width:min(285px,86vw)}
  .ggu-stats-brand span{font-size:10px}
  .ggu-breadcrumb{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .ggu-footer-grid{grid-template-columns:1fr;gap:20px}
  .ggu-footer-bottom{flex-direction:column}
  .page-title h1{font-size:31px}
}


/* ==========================================================================
   GGU STATS 0.6.1 — PRISM / MAINPAGE VISUAL SOURCE OF TRUTH
   Sourced from the uploaded /mainpage/ implementation.
   ========================================================================== */
:root{
  --bg-deep:#110D07;
  --bg-deep-2:#1A140A;
  --gold:#FFB300;
  --amber:#E08A1E;
  --bronze:#A8631F;
  --text-1:#F6F1E7;
  --text-2:#BDB2A0;
  --text-3:#7C7263;
  --glass-bg:rgba(255,214,140,.05);
  --glass-bg-hi:rgba(255,214,140,.09);
  --glass-border:rgba(255,214,140,.14);
  --glass-blur:18px;
  --font-display:"Space Grotesk",sans-serif;
  --font-body:"Inter",sans-serif;
  --font-mono:"JetBrains Mono",monospace;
  --radius-lg:24px;
  --radius-md:16px;
  --radius-sm:10px;
  --ease:cubic-bezier(.16,.8,.24,1);

  /* Bridge existing Stats components onto PRISM tokens. */
  --ggu-primary:var(--gold);
  --ggu-primary-hover:var(--amber);
  --ggu-link:var(--gold);
  --ggu-bg-dark:var(--bg-deep);
  --ggu-bg-panel:rgba(26,20,10,.74);
  --ggu-bg-panel-alt:rgba(255,214,140,.065);
  --ggu-text:var(--text-1);
  --ggu-text-muted:var(--text-2);
  --ggu-glass-bg:var(--glass-bg);
  --ggu-glass-bg-alt:var(--glass-bg-hi);
  --ggu-glass-border:var(--glass-border);
  --ggu-glass-blur:var(--glass-blur);
  --ggu-radius:var(--radius-md);
  --ggu-container:1180px;
  --ggu-shadow-glass:0 20px 50px -20px rgba(0,0,0,.6);
}

body.prismStats{
  margin:0;
  background:var(--bg-deep);
  color:var(--text-1);
  font-family:var(--font-body);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.prismStats h1,body.prismStats h2,body.prismStats h3{
  font-family:var(--font-display);
  letter-spacing:-.02em;
}
body.prismStats a{color:inherit;text-decoration:none}

/* Exact /mainpage/ ambient field. */
.bg-field{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  background:radial-gradient(ellipse 120% 80% at 50% -10%,var(--bg-deep-2),var(--bg-deep) 60%);
}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}
.orb-gold{width:620px;height:620px;top:-180px;left:-120px;background:var(--gold);animation:drift1 26s ease-in-out infinite}
.orb-amber{width:520px;height:520px;top:20%;right:-180px;background:var(--amber);opacity:.4;animation:drift2 32s ease-in-out infinite}
.orb-bronze{width:460px;height:460px;bottom:-160px;left:30%;background:var(--bronze);opacity:.35;animation:drift3 30s ease-in-out infinite}
@keyframes drift1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}
@keyframes drift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,60px)}}
@keyframes drift3{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-50px)}}
.grain{
  position:absolute;inset:0;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.glass{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(var(--glass-blur)) saturate(140%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);
  box-shadow:0 1px 0 0 rgba(255,255,255,.08) inset,0 20px 50px -20px rgba(0,0,0,.6);
}

/* Exact /mainpage/ floating nav structure. */
.nav{display:block!important;position:sticky;top:0;z-index:50;padding:18px 24px 0}
.nav-inner{
  max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:12px 16px 12px 20px;border-radius:var(--radius-md)
}
.brand{display:flex!important;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:.02em}
.brand-logo{height:32px;width:auto;max-width:200px;object-fit:contain;display:block;flex-shrink:0}
.nav-links{display:flex!important;gap:28px;font-size:.92rem;color:var(--text-2)}
.nav-links a{transition:color .2s var(--ease)}
.nav-links a:hover{color:var(--text-1)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;
  font-size:.92rem;font-weight:600;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);white-space:nowrap
}
.btn-ghost{background:var(--glass-bg-hi);border:1px solid var(--glass-border);color:var(--text-1)}
.btn-ghost:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.nav-cta{padding:10px 18px;font-size:.85rem}

/* Stats secondary rail designed as a sibling to the PRISM nav. */
.stats-nav{padding:10px 24px 0;position:relative;z-index:40}
.stats-nav-inner{
  max-width:1180px;margin:0 auto;border-radius:var(--radius-md);
  display:flex;align-items:center;gap:22px;padding:9px 14px
}
.stats-home{margin-right:auto;display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.stats-home span{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;color:var(--amber)}
.stats-home small{font-size:.72rem;color:var(--text-3)}
.stats-links{display:flex;align-items:center;gap:20px;font-size:.84rem;color:var(--text-2)}
.stats-links a{padding:5px 0;border-bottom:1px solid transparent}
.stats-links a:hover{color:var(--text-1)}
.stats-links a.active{color:var(--gold);border-bottom-color:var(--gold)}
.stats-menu-toggle{display:none;background:transparent;border:0;color:var(--text-1);font-size:20px}
.mobile-nav{display:none}

/* Content rail exactly follows the mainpage's 1180px width. */
.shell{width:min(1180px,calc(100% - 48px));margin:auto}
.ggu-content-shell{padding:56px 0 44px}
.page-title{padding:0 0 28px}
.page-title .eyebrow{
  font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;
  color:var(--amber);margin:0 0 13px;padding:0;background:transparent;border:0;border-radius:0
}
.page-title h1{font-size:clamp(2.15rem,4vw,3.5rem);font-weight:700;line-height:1.04;color:var(--text-1)}
.page-title p{margin-top:12px;max-width:62ch;color:var(--text-2);font-size:1rem}

/* Make Stats surfaces use the same PRISM glass, not IPS-like black panels. */
.hero-dashboard,.player-identity-card,.profile-panel,.metric,.feature-card,.game-card,.game-tile,
.chart-card,.table-card,.server-row,.icon-stat-card,.profile-summary>div{
  background:var(--glass-bg)!important;
  border:1px solid var(--glass-border)!important;
  backdrop-filter:blur(var(--glass-blur)) saturate(140%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);
  box-shadow:0 1px 0 0 rgba(255,255,255,.06) inset,0 20px 50px -20px rgba(0,0,0,.55)!important;
  border-radius:var(--radius-md)!important
}
.server-row:hover,.feature-card:hover,.game-card:hover,.game-tile:hover,.icon-stat-card:hover{
  border-color:rgba(255,179,0,.32)!important;
  background:var(--glass-bg-hi)!important
}
.section-head{
  background:transparent!important;border:0!important;border-radius:0!important;padding:0 0 10px!important;
  border-bottom:1px solid var(--glass-border)!important
}
.section-head::before{display:none!important}
.section-head .eyebrow{font-family:var(--font-mono);color:var(--amber);font-size:.68rem}
.section-head h2{font-family:var(--font-display);color:var(--text-1);font-size:1.4rem;text-transform:none;letter-spacing:-.02em}
.tabs{
  position:static!important;margin:0 0 24px;padding:7px!important;gap:4px!important;
  border:1px solid var(--glass-border)!important;border-radius:var(--radius-md)!important;
  background:var(--glass-bg)!important;box-shadow:none!important
}
.tabs a{
  min-height:34px!important;padding:0 12px!important;border-radius:999px!important;color:var(--text-2)!important
}
.tabs a:hover{background:var(--glass-bg-hi)!important;color:var(--text-1)!important}
.tabs a.active{
  background:linear-gradient(135deg,var(--gold),var(--amber))!important;
  color:#1A1305!important;box-shadow:0 8px 24px -10px rgba(255,179,0,.5)!important
}
th{background:rgba(26,20,10,.66)!important;color:var(--text-2)!important}
tbody tr:nth-child(even){background:rgba(255,214,140,.018)!important}
tbody tr:hover{background:rgba(255,179,0,.04)!important}

/* Steam profile image */
.player-steam-avatar{
  width:96px;height:96px;object-fit:cover;display:block;border-radius:16px;
  border:1px solid var(--glass-border);box-shadow:0 10px 30px -16px rgba(0,0,0,.8)
}
.player-avatar-stack a{display:block}
.inline-flag{border-radius:2px}

/* Exact mainpage footer layout. */
.footer{display:block!important;padding:0 24px 40px;max-width:1180px;margin:0 auto}
.footer-inner{border-radius:var(--radius-lg);padding:40px}
.footer-top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:32px}
.footer-brand{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
.footer-logo-wrap{margin:0}
.footer-community-logo{width:95px;height:auto;display:block}
.footer-tagline{color:var(--text-3);font-size:.78rem;max-width:31ch;margin:0}
.footer-heading{
  font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin:0 0 14px
}
.footer-col{display:flex;flex-direction:column;gap:10px;font-size:.9rem;color:var(--text-2)}
.footer-col a:hover{color:var(--text-1)}
.footer-bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--glass-border);font-size:.8rem;color:var(--text-3)}
.footer-bottom p{margin:0}

@media(max-width:900px){
  .nav-links{display:none!important}
  .footer-top{grid-template-columns:1fr 1fr}
  .stats-links{display:none}
  .stats-menu-toggle{display:block}
  .mobile-nav.open{
    display:grid;max-width:1180px;margin:8px auto 0;padding:8px 12px;border-radius:var(--radius-md)
  }
  .mobile-nav a{padding:8px 10px;color:var(--text-2)}
  .mobile-nav a.active{color:var(--gold)}
}
@media(max-width:560px){
  .nav{padding:12px 16px 0}.stats-nav{padding:8px 16px 0}
  .brand-logo{max-width:160px;height:28px}
  .nav-cta{padding:8px 13px}
  .stats-home small{display:none}
  .shell{width:min(100% - 32px,1180px)}
  .ggu-content-shell{padding-top:38px}
  .footer{padding-left:16px;padding-right:16px}
  .footer-inner{padding:28px 20px}
  .footer-top{grid-template-columns:1fr}
}


/* ==========================================================================
   GGU STATS 0.6.2 — EXACT GGU THEME 2026 BACKGROUND + WIDER CONTENT RAIL
   ========================================================================== */

/*
 * Theme 2026 defaults.
 * Important: these intentionally override the brown /mainpage/ PRISM values
 * from 0.6.1. Geometry remains PRISM-identical; palette is Theme 2026.
 */
:root{
  --ggu-primary:#ffb300;
  --ggu-primary-hover:#cc8f00;
  --ggu-link:#ffc107;

  --ggu-bg-dark:#12141c;
  --ggu-bg-panel:#1a1d27;
  --ggu-bg-panel-alt:#222633;
  --ggu-text:#dcdfe6;
  --ggu-text-muted:#8a8f9c;
  --ggu-border:rgba(220,223,230,.08);

  --ggu-aurora-gold:var(--ggu-primary);
  --ggu-aurora-amber:#E08A1E;
  --ggu-aurora-bronze:#A8631F;

  --ggu-glass-bg:rgba(26,29,39,.55);
  --ggu-glass-bg-alt:rgba(34,38,51,.55);
  --ggu-glass-border:rgba(220,223,230,.08);
  --ggu-glass-blur:18px;
  --ggu-glow-primary:rgba(255,179,0,.45);
  --ggu-glow-soft:rgba(255,179,0,.18);
  --ggu-shadow-glass:0 8px 32px rgba(0,0,0,.35);

  --ggu-container:1600px;

  /* Bridge old PRISM component variables into Theme 2026. */
  --bg-deep:var(--ggu-bg-dark);
  --bg-deep-2:var(--ggu-bg-panel);
  --gold:var(--ggu-primary);
  --amber:var(--ggu-aurora-amber);
  --bronze:var(--ggu-aurora-bronze);
  --text-1:var(--ggu-text);
  --text-2:var(--ggu-text-muted);
  --text-3:#6f7582;
  --glass-bg:var(--ggu-glass-bg);
  --glass-bg-hi:var(--ggu-glass-bg-alt);
  --glass-border:var(--ggu-glass-border);
}

/* Remove the obsolete brown background from the previous PRISM patch. */
.bg-field{display:none!important}

html{
  background:var(--ggu-bg-dark)!important;
}
body.prismStats{
  background:var(--ggu-bg-dark)!important;
  color:var(--ggu-text)!important;
}

/*
 * Exact Theme 2026 aurora implementation.
 * Same radial base, orb sizes/positions/opacities/animations and SVG grain.
 */
.ggu-aurora{
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  overflow:hidden;
  background:
    radial-gradient(
      ellipse 120% 80% at 50% -10%,
      var(--ggu-bg-panel),
      var(--ggu-bg-dark) 60%
    ),
    var(--ggu-bg-dark);
}

.ggu-aurora .ggu-aurora-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  will-change:transform;
  pointer-events:none;
}

.ggu-aurora .ggu-aurora-orb-gold{
  width:620px;
  height:620px;
  top:-180px;
  left:-120px;
  opacity:.55;
  background:var(--ggu-aurora-gold);
  animation:ggu-orb-drift-1 26s ease-in-out infinite;
}

.ggu-aurora .ggu-aurora-orb-amber{
  width:520px;
  height:520px;
  top:20%;
  right:-180px;
  opacity:.40;
  background:var(--ggu-aurora-amber);
  animation:ggu-orb-drift-2 32s ease-in-out infinite;
}

.ggu-aurora .ggu-aurora-orb-bronze{
  width:460px;
  height:460px;
  bottom:-160px;
  left:30%;
  opacity:.35;
  background:var(--ggu-aurora-bronze);
  animation:ggu-orb-drift-3 30s ease-in-out infinite;
}

.ggu-aurora .ggu-aurora-grain{
  position:absolute;
  inset:0;
  opacity:.03;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

@keyframes ggu-orb-drift-1{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(60px,40px)}
}
@keyframes ggu-orb-drift-2{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(-50px,60px)}
}
@keyframes ggu-orb-drift-3{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(40px,-50px)}
}

/*
 * Theme 2026 uses max-width: var(--ggu-container) + width:95%.
 * Apply it consistently to header, secondary nav, content and footer.
 */
.shell,
.nav-inner,
.stats-nav-inner,
.mobile-nav,
.footer{
  width:95%!important;
  max-width:var(--ggu-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.nav{
  padding-left:0!important;
  padding-right:0!important;
}

.stats-nav{
  padding-left:0!important;
  padding-right:0!important;
}

.ggu-content-shell{
  width:95%!important;
  max-width:var(--ggu-container)!important;
}

/* Use the extra width instead of leaving oversized side gutters. */
.hero-dashboard{
  grid-template-columns:minmax(0,1.65fr) minmax(390px,.75fr)!important;
}

.dashboard-grid{
  grid-template-columns:minmax(0,1.9fr) minmax(320px,.62fr)!important;
}

.server-row{
  grid-template-columns:18px minmax(0,1.75fr) minmax(190px,.48fr) minmax(170px,.42fr) 22px!important;
}

/* Slightly less card-like at the larger Theme 2026 width. */
.hero-dashboard,
.table-card,
.server-row,
.game-card,
.game-tile,
.metric,
.feature-card,
.chart-card,
.profile-panel,
.player-identity-card{
  background:var(--ggu-glass-bg)!important;
  border-color:var(--ggu-glass-border)!important;
}

@media(max-width:979px){
  .ggu-aurora::before,
  .ggu-aurora::after,
  .ggu-aurora .ggu-aurora-orb{
    filter:blur(70px);
  }

  .ggu-aurora .ggu-aurora-orb{
    opacity:.20;
  }

  .shell,
  .nav-inner,
  .stats-nav-inner,
  .mobile-nav,
  .footer{
    width:calc(100% - 24px)!important;
  }
}

@media(max-width:640px){
  .shell,
  .nav-inner,
  .stats-nav-inner,
  .mobile-nav,
  .footer{
    width:calc(100% - 20px)!important;
  }
}


/* ==========================================================================
   GGU STATS 0.6.3 — EXACT SUPPLIED PRISM BACKGROUND / COLOR RESTORE
   ========================================================================== */

/*
 * Source-of-truth palette from archive (3)(1).zip:
 * /mainpage/assets/style.css
 */
:root{
  --bg-deep:#110D07!important;
  --bg-deep-2:#1A140A!important;
  --gold:#FFB300!important;
  --amber:#E08A1E!important;
  --bronze:#A8631F!important;

  --text-1:#F6F1E7!important;
  --text-2:#BDB2A0!important;
  --text-3:#7C7263!important;

  --glass-bg:rgba(255,214,140,.05)!important;
  --glass-bg-hi:rgba(255,214,140,.09)!important;
  --glass-border:rgba(255,214,140,.14)!important;
  --glass-blur:18px!important;

  /* Stats bridge back to the supplied PRISM palette. */
  --ggu-primary:var(--gold)!important;
  --ggu-primary-hover:var(--amber)!important;
  --ggu-link:var(--gold)!important;
  --ggu-bg-dark:var(--bg-deep)!important;
  --ggu-bg-panel:var(--bg-deep-2)!important;
  --ggu-bg-panel-alt:#241B0E!important;
  --ggu-text:var(--text-1)!important;
  --ggu-text-muted:var(--text-2)!important;
  --ggu-glass-bg:var(--glass-bg)!important;
  --ggu-glass-bg-alt:var(--glass-bg-hi)!important;
  --ggu-glass-border:var(--glass-border)!important;
}

/*
 * Do not let an opaque html/body canvas cover the ambient field.
 * The page has the exact PRISM base color as fallback, while .bg-field
 * itself is placed above the canvas and behind all real content.
 */
html{
  background:var(--bg-deep)!important;
}
body.prismStats{
  position:relative!important;
  isolation:isolate!important;
  background:transparent!important;
  color:var(--text-1)!important;
}

/* Exact supplied PRISM ambient background. */
.bg-field{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:
    radial-gradient(
      ellipse 120% 80% at 50% -10%,
      var(--bg-deep-2),
      var(--bg-deep) 60%
    )!important;
}

.orb{
  position:absolute!important;
  border-radius:50%!important;
  filter:blur(90px)!important;
  opacity:.55!important;
  will-change:transform!important;
}

.orb-gold{
  width:620px!important;
  height:620px!important;
  top:-180px!important;
  left:-120px!important;
  background:var(--gold)!important;
  animation:drift1 26s ease-in-out infinite!important;
}
.orb-amber{
  width:520px!important;
  height:520px!important;
  top:20%!important;
  right:-180px!important;
  background:var(--amber)!important;
  opacity:.40!important;
  animation:drift2 32s ease-in-out infinite!important;
}
.orb-bronze{
  width:460px!important;
  height:460px!important;
  bottom:-160px!important;
  left:30%!important;
  background:var(--bronze)!important;
  opacity:.35!important;
  animation:drift3 30s ease-in-out infinite!important;
}
@keyframes drift1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}
@keyframes drift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,60px)}}
@keyframes drift3{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-50px)}}

.grain{
  position:absolute!important;
  inset:0!important;
  opacity:.03!important;
  pointer-events:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")!important;
}

/*
 * The supplied PRISM design also uses the three diagonal beam accents.
 * The original hero-local geometry is retained, but promoted to a global
 * background layer for Stats because Stats has no standalone hero section.
 */
.prism-beam-global{
  display:block!important;
  position:absolute!important;
  inset:80px 0 auto -10%!important;
  width:120%!important;
  height:620px!important;
  z-index:1!important;
  opacity:.72!important;
  pointer-events:none!important;
}
.prism-beam-global .beam{
  position:absolute!important;
  width:160%!important;
  height:3px!important;
  left:-10%!important;
  transform-origin:left center!important;
  filter:blur(1px)!important;
}
.prism-beam-global .beam-1{
  top:22%!important;
  background:linear-gradient(90deg,transparent,var(--gold) 30%,transparent 75%)!important;
  transform:rotate(-8deg)!important;
}
.prism-beam-global .beam-2{
  top:34%!important;
  background:linear-gradient(90deg,transparent,var(--amber) 35%,transparent 80%)!important;
  transform:rotate(-8deg)!important;
  opacity:.80!important;
}
.prism-beam-global .beam-3{
  top:46%!important;
  background:linear-gradient(90deg,transparent,var(--bronze) 40%,transparent 85%)!important;
  transform:rotate(-8deg)!important;
  opacity:.60!important;
}

/* Keep every real page surface above the ambient field and beams. */
body.prismStats > .nav,
body.prismStats > .stats-nav,
body.prismStats > main,
body.prismStats > .footer{
  position:relative!important;
  z-index:3!important;
}

/* Restore the supplied PRISM glass colors everywhere. */
.glass,
.hero-dashboard,
.player-identity-card,
.profile-panel,
.metric,
.feature-card,
.game-card,
.game-tile,
.chart-card,
.table-card,
.server-row,
.icon-stat-card,
.profile-summary>div{
  background:var(--glass-bg)!important;
  border-color:var(--glass-border)!important;
  color:var(--text-1)!important;
}

/* Keep the wider Stats treatment requested in the previous round. */
.shell,
.nav-inner,
.stats-nav-inner,
.mobile-nav,
.footer{
  width:95%!important;
  max-width:1600px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.ggu-content-shell{
  width:95%!important;
  max-width:1600px!important;
}
.nav,.stats-nav{
  padding-left:0!important;
  padding-right:0!important;
}

/* Text tones back to PRISM, not blue/gray Theme defaults. */
.page-title h1,
.section-head h2,
.server-row strong,
.game-card strong,
.game-tile strong,
.metric b,
table,
td{
  color:var(--text-1)!important;
}
.page-title p,
.server-row small,
.metric span,
.game-card span,
.game-tile span,
td.subtle,
.footer,
.footer-col,
.stats-links{
  color:var(--text-2)!important;
}

@media(max-width:767px){
  .orb{filter:blur(70px)!important}
  .prism-beam-global{opacity:.38!important}
  .shell,.nav-inner,.stats-nav-inner,.mobile-nav,.footer{
    width:calc(100% - 20px)!important;
  }
}


/* ==========================================================================
   GGU STATS 0.6.4 — GGU THEME 2026 COMPONENT LAYER
   IMPORTANT:
   - 0.6.3 PRISM background/orbs/beams remain untouched.
   - Only foreground UI components switch to the GGU Theme 2026 system.
   ========================================================================== */

:root{
  /* Exact GGU Theme 2026 component palette */
  --ggu-primary:#ffb300!important;
  --ggu-primary-hover:#cc8f00!important;
  --ggu-link:#ffb300!important;

  --ggu-bg-dark:#12141c!important;
  --ggu-bg-panel:#1a1d27!important;
  --ggu-bg-panel-alt:#222633!important;

  --ggu-text:#dcdfe6!important;
  --ggu-text-muted:#8a8f9c!important;
  --ggu-border:#2a2d3a!important;

  --ggu-success:#3ecf8e!important;
  --ggu-danger:#e05260!important;

  --ggu-radius:8px!important;

  --ggu-glass-bg:rgba(26,29,39,.55)!important;
  --ggu-glass-bg-alt:rgba(34,38,51,.55)!important;
  --ggu-glass-border:rgba(220,223,230,.08)!important;
  --ggu-glass-blur:18px!important;

  --ggu-glow-primary:rgba(255,179,0,.45)!important;
  --ggu-glow-soft:rgba(255,179,0,.18)!important;
  --ggu-shadow-glass:0 8px 32px rgba(0,0,0,.35)!important;
  --ggu-ease:cubic-bezier(.22,1,.36,1)!important;

  --ggul-accent:var(--ggu-primary)!important;
  --ggul-accent-dim:rgba(255,179,0,.28)!important;
  --ggul-accent-faint:rgba(255,179,0,.07)!important;
  --ggul-border:rgba(220,223,230,.07)!important;
  --ggul-card-bg:rgba(220,223,230,.025)!important;
  --ggul-card-hover:rgba(220,223,230,.04)!important;

  /*
   * Do NOT remap --bg-deep / --bg-deep-2 / --gold / --amber / --bronze.
   * Those belong exclusively to the 0.6.3 background.
   */
}

/* --------------------------------------------------------------------------
   TYPOGRAPHY
   Theme 2026 foreground text, while the ambient PRISM palette stays behind it.
   -------------------------------------------------------------------------- */
body.prismStats{
  color:var(--ggu-text)!important;
}
body.prismStats h1,
body.prismStats h2,
body.prismStats h3,
body.prismStats h4,
body.prismStats h5{
  color:var(--ggu-text)!important;
}
.page-title h1{color:var(--ggu-text)!important}
.page-title p{color:var(--ggu-text-muted)!important}
.page-title .eyebrow{
  color:var(--ggu-primary)!important;
}

/* --------------------------------------------------------------------------
   GLASS / BOX SURFACES
   Mirrors .ipsBox/.ipsWidget/.ipsDataItem behavior from GGU Theme 2026.
   -------------------------------------------------------------------------- */
.glass,
.hero-dashboard,
.player-identity-card,
.profile-panel,
.metric,
.feature-card,
.game-card,
.game-tile,
.chart-card,
.table-card,
.server-row,
.icon-stat-card,
.profile-summary>div,
.activity-feed{
  background:var(--ggu-glass-bg)!important;
  border:1px solid var(--ggu-glass-border)!important;
  border-radius:var(--ggu-radius)!important;
  color:var(--ggu-text)!important;
  -webkit-backdrop-filter:blur(var(--ggu-glass-blur)) saturate(140%)!important;
  backdrop-filter:blur(var(--ggu-glass-blur)) saturate(140%)!important;
  box-shadow:var(--ggu-shadow-glass)!important;
}

/* Theme 2026 card-grid hover */
.server-row,
.feature-card,
.game-card,
.game-tile,
.icon-stat-card{
  transition:
    transform .2s var(--ggu-ease),
    border-color .2s var(--ggu-ease),
    box-shadow .2s var(--ggu-ease),
    background .18s var(--ggu-ease)!important;
}
.server-row:hover,
.feature-card:hover,
.game-card:hover,
.game-tile:hover,
.icon-stat-card:hover{
  transform:translateY(-3px)!important;
  border-color:var(--ggu-primary)!important;
  background:var(--ggu-glass-bg-alt)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.4)!important;
}

/* --------------------------------------------------------------------------
   HEADER / NAV SURFACES
   Keep the supplied floating layout, apply Theme 2026 glass material.
   -------------------------------------------------------------------------- */
.nav-inner,
.stats-nav-inner,
.mobile-nav{
  background:var(--ggu-glass-bg)!important;
  border:1px solid var(--ggu-glass-border)!important;
  border-radius:var(--ggu-radius)!important;
  box-shadow:var(--ggu-shadow-glass)!important;
  -webkit-backdrop-filter:blur(var(--ggu-glass-blur)) saturate(140%)!important;
  backdrop-filter:blur(var(--ggu-glass-blur)) saturate(140%)!important;
}

.nav-links,
.stats-links,
.stats-home small{
  color:var(--ggu-text-muted)!important;
}
.nav-links a:hover,
.stats-links a:hover{
  color:var(--ggu-text)!important;
}
.stats-home span,
.stats-links a.active{
  color:var(--ggu-primary)!important;
}
.stats-links a.active{
  border-bottom-color:var(--ggu-primary)!important;
}

/* GGU Theme 2026 primary/alternate button treatment */
.btn,
.button,
.hero-search button,
.ggu-nav-cta,
.nav-cta{
  background:linear-gradient(120deg,var(--ggu-primary),var(--ggu-primary-hover))!important;
  color:#12141c!important;
  border:0!important;
  font-weight:700!important;
  border-radius:var(--ggu-radius)!important;
  box-shadow:0 0 18px rgba(255,179,0,.16)!important;
}
.btn:hover,
.button:hover,
.hero-search button:hover,
.ggu-nav-cta:hover,
.nav-cta:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 0 24px rgba(255,179,0,.25)!important;
}

/* --------------------------------------------------------------------------
   INPUTS / SEARCH
   Theme 2026 dark form controls with gold focus state.
   -------------------------------------------------------------------------- */
.hero-search,
.filter-search,
.player-toolbar select{
  background:#0d1118!important;
  color:var(--ggu-text)!important;
  border:1px solid color-mix(in srgb,var(--ggu-primary) 45%,rgba(255,255,255,.08))!important;
  border-radius:var(--ggu-radius)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 0 0 1px rgba(0,0,0,.18)!important;
}
.hero-search input,
.filter-search input{
  color:var(--ggu-text)!important;
}
.hero-search input::placeholder,
.filter-search input::placeholder{
  color:var(--ggu-text-muted)!important;
}
.hero-search:focus-within,
.filter-search:focus-within,
.player-toolbar select:focus{
  border-color:var(--ggu-primary)!important;
  box-shadow:
    0 0 0 1px rgba(255,179,0,.55),
    0 0 12px rgba(255,179,0,.18)!important;
}

/* --------------------------------------------------------------------------
   SECTION HEADERS
   Exact legacy-design pill treatment from GGU Theme 2026.
   -------------------------------------------------------------------------- */
.section-head{
  min-height:auto!important;
  padding:7px 12px!important;
  margin-bottom:10px!important;
  background:#b982003d!important;
  border:1px solid var(--ggul-accent-dim)!important;
  border-radius:2px!important;
  box-shadow:none!important;
}
.section-head::before{display:none!important}
.section-head > div{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.section-head .eyebrow{
  display:none!important;
}
.section-head h2{
  margin:0!important;
  color:var(--ggul-accent)!important;
  font-size:1rem!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.section-action{
  margin-left:auto!important;
  color:var(--ggu-primary)!important;
  font-size:.82rem!important;
  font-weight:700!important;
}

/* --------------------------------------------------------------------------
   PROFILE / GAME TABS
   GGU Theme 2026 profile-tab behavior: transparent strip + gold underline.
   -------------------------------------------------------------------------- */
.tabs{
  position:static!important;
  display:flex!important;
  gap:0!important;
  padding:0!important;
  margin:0 0 20px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--ggu-glass-border)!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.tabs a{
  display:flex!important;
  align-items:center!important;
  min-height:42px!important;
  padding:0 14px!important;
  color:var(--ggu-text-muted)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.tabs a:hover{
  color:var(--ggu-text)!important;
  background:transparent!important;
}
.tabs a.active{
  color:var(--ggu-primary)!important;
  background:transparent!important;
  box-shadow:inset 0 -2px 0 var(--ggu-primary)!important;
}

/* --------------------------------------------------------------------------
   TABLES
   Directly mirrors Theme 2026 .ipsTable treatment.
   -------------------------------------------------------------------------- */
.table-card{
  overflow:hidden!important;
}
table{
  color:var(--ggu-text)!important;
}
th{
  background:var(--ggu-glass-bg-alt)!important;
  color:var(--ggu-text)!important;
  border-color:var(--ggu-glass-border)!important;
  font-weight:700!important;
}
td{
  color:var(--ggu-text)!important;
  border-color:var(--ggu-glass-border)!important;
}
tbody tr{
  background:transparent!important;
}
tbody tr:nth-child(even){
  background:var(--ggu-glass-bg-alt)!important;
}
tbody tr:hover{
  background:var(--ggu-glow-soft)!important;
}
.table-link,
.player-link{
  color:var(--ggu-text)!important;
}
.table-link:hover,
.player-link:hover{
  color:var(--ggu-link)!important;
}

/* --------------------------------------------------------------------------
   SERVER LIST / ACTIVITY FEED
   Use forum-row/card behavior.
   -------------------------------------------------------------------------- */
.server-main strong{
  color:var(--ggu-text)!important;
  font-weight:600!important;
}
.server-main small,
.server-meta,
.activity-row small{
  color:var(--ggu-text-muted)!important;
}
.activity-feed{
  overflow:hidden!important;
}
.activity-row{
  background:transparent!important;
  border-color:var(--ggu-glass-border)!important;
}
.activity-row:hover{
  background:var(--ggu-glass-bg-alt)!important;
}
.activity-icon{
  background:var(--ggu-glow-soft)!important;
  color:var(--ggu-primary)!important;
}

/* --------------------------------------------------------------------------
   METRICS / GAME CARDS
   -------------------------------------------------------------------------- */
.metric{
  background:var(--ggu-glass-bg-alt)!important;
}
.metric span,
.metric small,
.game-card small,
.game-numbers span,
.game-stats span{
  color:var(--ggu-text-muted)!important;
}
.metric b,
.game-card strong,
.game-numbers b,
.game-tile h2{
  color:var(--ggu-text)!important;
}

/* --------------------------------------------------------------------------
   PROGRESS / STATUS
   -------------------------------------------------------------------------- */
.progress{
  background:rgba(255,255,255,.055)!important;
}
.progress i,
.activity i{
  background:linear-gradient(120deg,var(--ggu-primary),var(--ggu-primary-hover))!important;
}
.status-dot{
  background:var(--ggu-border)!important;
}
.status-dot.online{
  background:var(--ggu-success)!important;
  box-shadow:0 0 8px rgba(62,207,142,.40)!important;
}

/* --------------------------------------------------------------------------
   STEAM AVATAR — use Theme 2026 profile-photo ring/glow language.
   -------------------------------------------------------------------------- */
.player-steam-avatar,
.player-game-icon{
  border:2px solid var(--ggu-glass-border)!important;
  border-radius:50%!important;
  box-shadow:
    0 0 6px rgba(255,179,0,.40),
    0 0 12px rgba(255,179,0,.20)!important;
}

/* --------------------------------------------------------------------------
   FOOTER
   Theme 2026 glass/footer treatment, keeping the existing layout.
   -------------------------------------------------------------------------- */
.footer-inner{
  background:var(--ggu-glass-bg)!important;
  border:1px solid var(--ggu-glass-border)!important;
  border-radius:var(--ggu-radius)!important;
  color:var(--ggu-text-muted)!important;
  -webkit-backdrop-filter:blur(var(--ggu-glass-blur)) saturate(140%)!important;
  backdrop-filter:blur(var(--ggu-glass-blur)) saturate(140%)!important;
  box-shadow:var(--ggu-shadow-glass)!important;
}
.footer-heading{
  color:var(--ggu-primary)!important;
}
.footer-col,
.footer-tagline,
.footer-bottom{
  color:var(--ggu-text-muted)!important;
}
.footer-col a{
  color:var(--ggu-text-muted)!important;
}
.footer-col a:hover{
  color:var(--ggu-link)!important;
}

/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */
@media(max-width:760px){
  tbody tr{
    background:var(--ggu-glass-bg)!important;
    border:1px solid var(--ggu-glass-border)!important;
    border-radius:var(--ggu-radius)!important;
    box-shadow:var(--ggu-shadow-glass)!important;
  }
  .section-head > div{
    min-width:0!important;
  }
  .section-head h2{
    overflow-wrap:anywhere!important;
  }
}

/* ============================================================
   GGU STATS — FINAL BUTTON / CTA OVERRIDES
   Restored from the pre-0.7 live baseline.
   ============================================================ */
.gguStats .hero-search button,
.gguStats a.button,
.gguStats button.button,
.gguStats .chips a.active,
.gguStats .sortbar a.active,
.gguStats .tabs a.active {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .28);
}

.gguStats header.nav a.btn.btn-ghost.nav-cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 18px !important;
    background: linear-gradient(135deg, #ffc126, #f29a16) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 193, 38, .55) !important;
    border-radius: 7px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap;
    box-shadow:
        0 0 26px rgba(255, 179, 0, .42),
        inset 0 1px 0 rgba(255, 255, 255, .18) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .30);
    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}
.gguStats header.nav a.btn.btn-ghost.nav-cta:hover,
.gguStats header.nav a.btn.btn-ghost.nav-cta:focus-visible {
    background: linear-gradient(135deg, #ffd052, #f5a51c) !important;
    color: #fff !important;
    border-color: rgba(255, 208, 82, .75) !important;
    box-shadow:
        0 0 32px rgba(255, 179, 0, .52),
        0 7px 20px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22) !important;
    transform: translateY(-1px);
}
.gguStats header.nav a.btn.btn-ghost.nav-cta:visited { color: #fff !important; }
.gguStats header.nav a.btn.btn-ghost.nav-cta:active { color: #fff !important; transform: translateY(0); }

/* 0.7.x feature-only states. No theme/palette changes. */
.icon-stat-card.is-locked { opacity: .48; filter: saturate(.35); }
.icon-stat-card.is-earned { opacity: 1; }
.icon-stat-card.is-earned img { filter: drop-shadow(0 0 10px rgba(255,193,38,.28)); }


/* ==========================================================================
   GGU STATS 0.9.9 — FOOTER NORMALIZATION
   ========================================================================== */
.gguStats .footer{
  width:100%;
  margin-top:56px;
  padding:0 0 34px;
  border-top:0;
  color:var(--text-2,var(--ggu-text-muted));
}
.gguStats .footer-inner{
  width:min(100% - 32px,1280px);
  margin:0 auto;
  padding:32px 34px 22px;
  display:block;
  font-size:inherit;
  border:1px solid var(--glass-border,var(--ggu-glass-border));
  border-radius:var(--radius-lg,14px);
}
.gguStats .footer-top{
  display:grid;
  grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(140px,1fr));
  gap:38px;
  align-items:start;
}
.gguStats .footer-brand{
  align-items:flex-start;
  text-align:left;
}
.gguStats .footer-community-logo{width:100px}
.gguStats .footer-col a{
  color:var(--text-2,var(--ggu-text-muted));
  text-decoration:none;
}
.gguStats .footer-col a:hover{color:var(--text-1,var(--ggu-text))}
.gguStats .footer-bottom{
  margin-top:30px;
  padding-top:20px;
  border-top:1px solid var(--glass-border,var(--ggu-glass-border));
}
@media(max-width:900px){
  .gguStats .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gguStats .footer-brand{grid-column:1/-1}
}
@media(max-width:560px){
  .gguStats .footer{padding-left:0;padding-right:0}
  .gguStats .footer-inner{width:min(100% - 20px,1280px);padding:24px 20px}
  .gguStats .footer-top{grid-template-columns:1fr;gap:26px}
  .gguStats .footer-brand{grid-column:auto}
}


/* ==========================================================================
   GGU STATS 0.9.10 — EXACT GGU THEME 2026 FOOTER
   ========================================================================== */

.gguStats .ggu-theme-footer{
    position:relative;
    width:100%;
    margin-top:58px;
    padding:0;
    border-top:1px solid rgba(255,179,0,.24);
    background:
        radial-gradient(circle at 62% 32%, rgba(154,84,12,.25), transparent 42%),
        linear-gradient(100deg,
            rgba(5,7,10,.995) 0%,
            rgba(8,8,8,.995) 23%,
            rgba(34,18,5,.98) 49%,
            rgba(11,10,8,.995) 72%,
            rgba(88,43,4,.93) 100%);
    color:#fff;
}

.gguStats .ggu-theme-footer::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.22;
    background:
        linear-gradient(115deg, transparent 0 31%, rgba(255,179,0,.055) 44%, transparent 58%),
        linear-gradient(70deg, transparent 0 58%, rgba(255,179,0,.035) 68%, transparent 80%);
}

.gguStats .ggu-theme-footer .footer-inner{
    position:relative;
    z-index:1;
    display:block;
    width:min(100% - 48px,1230px);
    margin:0 auto;
    padding:34px 0 0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    font-size:14px;
}

.gguStats .ggu-theme-footer .footer-top{
    display:grid;
    grid-template-columns:minmax(300px,1.55fr) repeat(3,minmax(155px,.78fr));
    gap:72px;
    align-items:start;
    padding:0 22px 31px;
}

.gguStats .ggu-theme-footer .footer-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:20px;
    text-align:center;
}

.gguStats .ggu-theme-footer .footer-logo-wrap{
    display:block;
    margin:0;
}

.gguStats .ggu-theme-footer .footer-community-logo{
    display:block;
    width:92px;
    height:auto;
    margin:0 auto;
    filter:drop-shadow(0 4px 12px rgba(0,0,0,.48));
}

.gguStats .ggu-theme-footer .footer-tagline{
    max-width:390px;
    margin:0;
    color:#f0f0f0;
    font-size:12px;
    font-weight:600;
    line-height:1.45;
}

.gguStats .ggu-theme-footer .footer-col{
    display:flex;
    flex-direction:column;
    gap:14px;
    min-width:0;
    color:#fff;
    font-size:15px;
}

.gguStats .ggu-theme-footer .footer-heading{
    margin:0 0 13px;
    color:#f6f0e9;
    font-family:var(--font-mono,monospace);
    font-size:12px;
    font-weight:700;
    letter-spacing:.16em;
    line-height:1;
    text-transform:uppercase;
}

.gguStats .ggu-theme-footer .footer-col a{
    width:max-content;
    max-width:100%;
    color:#fff;
    font-size:15px;
    line-height:1.2;
    text-decoration:none;
    transition:color .16s ease, transform .16s ease;
}

.gguStats .ggu-theme-footer .footer-col a:hover,
.gguStats .ggu-theme-footer .footer-col a:focus-visible{
    color:#ffc126;
    transform:translateX(2px);
}

.gguStats .ggu-theme-footer .footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    margin:0;
    padding:25px 0 28px;
    border-top:1px solid rgba(255,179,0,.32);
    color:#fff;
    font-size:13px;
}

.gguStats .ggu-theme-footer .footer-bottom p{
    margin:0;
}

.gguStats .ggu-theme-footer .footer-copyright{
    color:#fff;
}

.gguStats .ggu-theme-footer .footer-dev-credit{
    color:#c8c5c0;
    text-align:right;
    white-space:nowrap;
}

.gguStats .ggu-theme-footer .footer-dev-credit span{
    color:#ffb300;
    text-shadow:0 0 10px rgba(255,179,0,.26);
}

@media(max-width:1000px){
    .gguStats .ggu-theme-footer .footer-top{
        grid-template-columns:1.3fr repeat(3,1fr);
        gap:34px;
    }
}

@media(max-width:780px){
    .gguStats .ggu-theme-footer .footer-inner{
        width:min(100% - 30px,1230px);
    }
    .gguStats .ggu-theme-footer .footer-top{
        grid-template-columns:1fr 1fr;
        gap:32px 38px;
        padding-left:8px;
        padding-right:8px;
    }
    .gguStats .ggu-theme-footer .footer-brand{
        grid-column:1/-1;
    }
    .gguStats .ggu-theme-footer .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }
    .gguStats .ggu-theme-footer .footer-dev-credit{
        text-align:left;
        white-space:normal;
    }
}

@media(max-width:520px){
    .gguStats .ggu-theme-footer .footer-top{
        grid-template-columns:1fr;
        gap:29px;
    }
    .gguStats .ggu-theme-footer .footer-brand{
        grid-column:auto;
    }
    .gguStats .ggu-theme-footer .footer-col{
        align-items:center;
        text-align:center;
    }
    .gguStats .ggu-theme-footer .footer-heading{
        margin-bottom:9px;
    }
    .gguStats .ggu-theme-footer .footer-bottom{
        align-items:center;
        text-align:center;
    }
    .gguStats .ggu-theme-footer .footer-dev-credit{
        text-align:center;
    }
}


/* ==========================================================================
   GGU STATS 0.9.11 — AUTHORITATIVE THEME 2026 FOOTER RESET
   Older theme rules use !important; these overrides intentionally do too.
   ========================================================================== */

body.gguStats > footer.footer.ggu-theme-footer,
.gguStats footer.footer.ggu-theme-footer{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:58px 0 0!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid rgba(255,179,0,.30)!important;
    border-radius:0!important;
    background:
        radial-gradient(circle at 63% 28%,rgba(143,73,8,.22),transparent 42%),
        linear-gradient(100deg,
            #05070a 0%,
            #080808 24%,
            #211205 50%,
            #0b0a08 73%,
            #4d2604 100%)!important;
    box-shadow:none!important;
    color:#fff!important;
    overflow:hidden!important;
}

body.gguStats > footer.footer.ggu-theme-footer::before,
.gguStats footer.footer.ggu-theme-footer::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    opacity:.20!important;
    background:
        linear-gradient(116deg,transparent 0 31%,rgba(255,179,0,.05) 44%,transparent 59%),
        linear-gradient(69deg,transparent 0 58%,rgba(255,179,0,.035) 69%,transparent 80%)!important;
}

/* Kill the old rounded glass footer card completely. */
body.gguStats > footer.footer.ggu-theme-footer > .footer-inner,
.gguStats footer.footer.ggu-theme-footer > .footer-inner{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:min(calc(100% - 48px),1230px)!important;
    max-width:1230px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:34px 0 0!important;

    background:transparent!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    box-shadow:none!important;

    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;

    color:#fff!important;
    font-size:14px!important;
}

/* Exact four-column desktop rail. */
.gguStats footer.ggu-theme-footer .footer-top{
    display:grid!important;
    grid-template-columns:minmax(330px,1.55fr) repeat(3,minmax(150px,.78fr))!important;
    gap:70px!important;
    align-items:start!important;
    margin:0!important;
    padding:0 22px 31px!important;
    background:transparent!important;
    border:0!important;
}

/* Logo / tagline. */
.gguStats footer.ggu-theme-footer .footer-brand{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:19px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    color:#fff!important;
}

.gguStats footer.ggu-theme-footer .footer-logo-wrap{
    display:block!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    border:0!important;
}

.gguStats footer.ggu-theme-footer .footer-community-logo{
    display:block!important;
    width:92px!important;
    max-width:92px!important;
    height:auto!important;
    margin:0 auto!important;
    filter:drop-shadow(0 4px 12px rgba(0,0,0,.48))!important;
}

.gguStats footer.ggu-theme-footer .footer-tagline{
    max-width:390px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    opacity:1!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.45!important;
}

/* Headings in the reference are white, not amber. */
.gguStats footer.ggu-theme-footer .footer-heading{
    margin:0 0 14px!important;
    padding:0!important;
    color:#fff!important;
    opacity:1!important;
    font-family:var(--font-mono,monospace)!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.16em!important;
    line-height:1!important;
    text-transform:uppercase!important;
}

/* Navigation links are clean white in the reference. */
.gguStats footer.ggu-theme-footer .footer-col{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:14px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:15px!important;
}

.gguStats footer.ggu-theme-footer .footer-col a,
.gguStats footer.ggu-theme-footer .footer-col a:visited{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    opacity:1!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.2!important;
    text-decoration:none!important;
    background:none!important;
    border:0!important;
}

.gguStats footer.ggu-theme-footer .footer-col a:hover,
.gguStats footer.ggu-theme-footer .footer-col a:focus-visible{
    color:#ffc126!important;
    transform:none!important;
}

/* Bottom divider and metadata line. */
.gguStats footer.ggu-theme-footer .footer-bottom{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:28px!important;

    margin:0!important;
    padding:25px 0 28px!important;

    color:#fff!important;
    background:transparent!important;

    border:0!important;
    border-top:1px solid rgba(255,179,0,.36)!important;
    border-radius:0!important;
    box-shadow:none!important;

    font-size:13px!important;
}

.gguStats footer.ggu-theme-footer .footer-bottom p{
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    opacity:1!important;
}

.gguStats footer.ggu-theme-footer .footer-copyright{
    color:#fff!important;
    font-weight:400!important;
}

.gguStats footer.ggu-theme-footer .footer-dev-credit{
    color:#fff!important;
    text-align:right!important;
    white-space:nowrap!important;
    font-weight:400!important;
}

.gguStats footer.ggu-theme-footer .footer-dev-credit span{
    color:#ffb300!important;
    text-shadow:0 0 10px rgba(255,179,0,.28)!important;
}

/* Tablet */
@media(max-width:1000px){
    .gguStats footer.ggu-theme-footer .footer-top{
        grid-template-columns:minmax(250px,1.2fr) repeat(3,minmax(125px,1fr))!important;
        gap:32px!important;
    }
}

/* Mobile / narrow tablet */
@media(max-width:780px){
    body.gguStats > footer.footer.ggu-theme-footer > .footer-inner,
    .gguStats footer.footer.ggu-theme-footer > .footer-inner{
        width:min(calc(100% - 30px),1230px)!important;
    }

    .gguStats footer.ggu-theme-footer .footer-top{
        grid-template-columns:1fr 1fr!important;
        gap:32px 38px!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }

    .gguStats footer.ggu-theme-footer .footer-brand{
        grid-column:1/-1!important;
    }

    .gguStats footer.ggu-theme-footer .footer-bottom{
        grid-template-columns:1fr!important;
        gap:8px!important;
    }

    .gguStats footer.ggu-theme-footer .footer-dev-credit{
        text-align:left!important;
        white-space:normal!important;
    }
}

/* Phone */
@media(max-width:520px){
    .gguStats footer.ggu-theme-footer .footer-top{
        grid-template-columns:1fr!important;
        gap:29px!important;
    }

    .gguStats footer.ggu-theme-footer .footer-brand{
        grid-column:auto!important;
    }

    .gguStats footer.ggu-theme-footer .footer-col{
        align-items:center!important;
        text-align:center!important;
    }

    .gguStats footer.ggu-theme-footer .footer-bottom{
        text-align:center!important;
    }

    .gguStats footer.ggu-theme-footer .footer-dev-credit{
        text-align:center!important;
    }
}


/* ==========================================================================
   GGU STATS 0.9.12 — GGU THEME 2026 SECTION BARS
   Reference: main-site category header / "JOINING GGU" treatment.
   ========================================================================== */

.gguStats .section-head.ggu-section-bar{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
    min-height:42px!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:0 44px 0 18px!important;

    border:1px solid rgba(255,179,0,.52)!important;
    border-radius:2px!important;

    background:
        linear-gradient(
            90deg,
            rgba(126,88,14,.88) 0%,
            rgba(100,67,11,.80) 24%,
            rgba(63,43,12,.74) 48%,
            rgba(36,30,22,.82) 72%,
            rgba(28,27,25,.94) 100%
        )!important;

    box-shadow:
        inset 0 1px 0 rgba(255,209,70,.12),
        inset 0 -1px 0 rgba(0,0,0,.35)!important;

    overflow:hidden!important;
}

.gguStats .section-head.ggu-section-bar::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
        linear-gradient(
            180deg,
            rgba(255,193,38,.07) 0%,
            transparent 44%,
            rgba(0,0,0,.12) 100%
        )!important;
}

/* Existing eyebrow is kept semantically but moved into the left rail. */
.gguStats .section-head.ggu-section-bar .ggu-section-context{
    position:relative!important;
    z-index:1!important;
    justify-self:start!important;

    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;

    color:rgba(255,255,255,.62)!important;
    font-family:var(--font-mono,monospace)!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.11em!important;
    line-height:1!important;
    text-transform:uppercase!important;
}

/* Exact visual focal point: centered gold uppercase title. */
.gguStats .section-head.ggu-section-bar .ggu-section-title{
    position:relative!important;
    z-index:1!important;

    grid-column:2!important;
    justify-self:center!important;

    margin:0!important;
    padding:0!important;

    color:#ffb300!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.17em!important;
    text-align:center!important;
    text-transform:uppercase!important;

    text-shadow:0 1px 1px rgba(0,0,0,.36)!important;
}

/* Preserve existing section actions without disturbing centered title. */
.gguStats .section-head.ggu-section-bar .ggu-section-action{
    position:absolute!important;
    z-index:2!important;
    right:46px!important;
    top:50%!important;
    transform:translateY(-50%)!important;

    margin:0!important;
    padding:4px 7px!important;

    color:#fff!important;
    background:rgba(0,0,0,.16)!important;
    border:1px solid rgba(255,179,0,.15)!important;
    border-radius:4px!important;

    font-size:10px!important;
    font-weight:700!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
}

.gguStats .section-head.ggu-section-bar .ggu-section-action:hover,
.gguStats .section-head.ggu-section-bar .ggu-section-action:focus-visible{
    color:#ffc126!important;
    border-color:rgba(255,193,38,.38)!important;
    background:rgba(0,0,0,.24)!important;
}

/* Small downward chevron from the reference header. */
.gguStats .section-head.ggu-section-bar .ggu-section-chevron{
    position:absolute!important;
    z-index:2!important;

    right:17px!important;
    top:50%!important;

    width:11px!important;
    height:11px!important;

    border-right:3px solid rgba(133,91,11,.78)!important;
    border-bottom:3px solid rgba(133,91,11,.78)!important;

    transform:translateY(-68%) rotate(45deg)!important;
}

/* Remove legacy nested section-head layout rules. */
.gguStats .section-head.ggu-section-bar > div{
    display:contents!important;
}

/* Dense panels can keep the same treatment without excessive height. */
.gguStats .profile-panel .section-head.ggu-section-bar,
.gguStats .ggu-player-panel .section-head.ggu-section-bar,
.gguStats .ggu-player-section .section-head.ggu-section-bar{
    min-height:40px!important;
}

/* Tablet: context disappears first, preserving the exact centered-title look. */
@media(max-width:900px){
    .gguStats .section-head.ggu-section-bar{
        grid-template-columns:1fr!important;
        padding-left:44px!important;
    }

    .gguStats .section-head.ggu-section-bar .ggu-section-context{
        display:none!important;
    }

    .gguStats .section-head.ggu-section-bar .ggu-section-title{
        grid-column:1!important;
        justify-self:center!important;
    }

    .gguStats .section-head.ggu-section-bar .ggu-section-action{
        position:static!important;
        transform:none!important;
        justify-self:end!important;
        grid-column:1!important;
        grid-row:1!important;
        margin-right:30px!important;
    }
}

/* Phone: keep the header uncluttered, matching the source design. */
@media(max-width:620px){
    .gguStats .section-head.ggu-section-bar{
        min-height:40px!important;
        padding:0 38px 0 12px!important;
    }

    .gguStats .section-head.ggu-section-bar .ggu-section-title{
        font-size:12px!important;
        letter-spacing:.13em!important;
    }

    .gguStats .section-head.ggu-section-bar .ggu-section-action{
        display:none!important;
    }

    .gguStats .section-head.ggu-section-bar .ggu-section-chevron{
        right:14px!important;
        width:9px!important;
        height:9px!important;
    }
}


/* ==========================================================================
   GGU STATS 0.9.13 — SECTION HEADER POLISH
   ========================================================================== */

/* No decorative down arrow on section bars. */
.gguStats .section-head.ggu-section-bar .ggu-section-chevron{
    display:none!important;
}

/* Reclaim the space previously reserved for the arrow. */
.gguStats .section-head.ggu-section-bar{
    padding-right:18px!important;
}

/* Make header actions read as real GGU Theme 2026 buttons. */
.gguStats .section-head.ggu-section-bar .ggu-section-action{
    right:12px!important;
    min-height:27px!important;
    padding:6px 12px!important;

    background:linear-gradient(135deg,#ffc126,#f29a16)!important;
    color:#fff!important;

    border:1px solid rgba(255,208,82,.72)!important;
    border-radius:5px!important;

    box-shadow:
        0 0 15px rgba(255,179,0,.24),
        inset 0 1px 0 rgba(255,255,255,.22)!important;

    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.015em!important;
    text-shadow:0 1px 2px rgba(0,0,0,.38)!important;
}

.gguStats .section-head.ggu-section-bar .ggu-section-action:hover,
.gguStats .section-head.ggu-section-bar .ggu-section-action:focus-visible{
    background:linear-gradient(135deg,#ffd052,#f5a51c)!important;
    color:#fff!important;
    border-color:rgba(255,224,125,.92)!important;
    box-shadow:
        0 0 22px rgba(255,179,0,.42),
        0 4px 12px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.28)!important;
}

/* More pronounced shared gold buttons throughout Stats. */
.gguStats .hero-search button,
.gguStats a.button,
.gguStats button.button,
.gguStats .chips a.active,
.gguStats .sortbar a.active,
.gguStats .tabs a.active,
.gguStats .btn-primary{
    background:linear-gradient(135deg,#ffc126,#f29a16)!important;
    color:#fff!important;
    border:1px solid rgba(255,208,82,.68)!important;
    box-shadow:
        0 0 16px rgba(255,179,0,.27),
        inset 0 1px 0 rgba(255,255,255,.20)!important;
    font-weight:800!important;
    text-shadow:0 1px 2px rgba(0,0,0,.34)!important;
}

.gguStats .hero-search button:hover,
.gguStats a.button:hover,
.gguStats button.button:hover,
.gguStats .chips a.active:hover,
.gguStats .sortbar a.active:hover,
.gguStats .tabs a.active:hover,
.gguStats .btn-primary:hover{
    background:linear-gradient(135deg,#ffd052,#f5a51c)!important;
    color:#fff!important;
    border-color:rgba(255,224,125,.88)!important;
    box-shadow:
        0 0 24px rgba(255,179,0,.42),
        0 5px 14px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.26)!important;
}

@media(max-width:900px){
    .gguStats .section-head.ggu-section-bar .ggu-section-action{
        margin-right:0!important;
    }
}


/* ==========================================================================
   GGU STATS 0.9.14 — TYPOGRAPHY ALIGNMENT
   Small/body/interface copy follows GGU Theme 2026: Source Sans Pro.
   Large display headings retain the existing display face.
   ========================================================================== */

.gguStats{
    font-family:"Source Sans Pro","Segoe UI",Arial,sans-serif;
}

/* Explicitly keep large/display typography on the existing heading stack. */
.gguStats h1,
.gguStats h2,
.gguStats .hero-title,
.gguStats .page-title,
.gguStats .profile-name,
.gguStats .section-head.ggu-section-bar .ggu-section-title{
    font-family:var(--ggu-font-display,inherit);
}

/* Small UI copy should consistently use Source Sans Pro. */
.gguStats p,
.gguStats small,
.gguStats label,
.gguStats input,
.gguStats select,
.gguStats textarea,
.gguStats button,
.gguStats .button,
.gguStats .btn,
.gguStats nav,
.gguStats table,
.gguStats th,
.gguStats td,
.gguStats .eyebrow,
.gguStats .meta,
.gguStats .muted,
.gguStats .section-head.ggu-section-bar .ggu-section-kicker,
.gguStats .section-head.ggu-section-bar .ggu-section-action{
    font-family:"Source Sans Pro","Segoe UI",Arial,sans-serif!important;
}


/* ==========================================================================
   GGU STATS 0.9.15 — TEXT CONTRAST
   GGU Theme 2026 uses white for readable interface/body copy.
   ========================================================================== */

.gguStats{
    color:#fff;
}

/* Replace muted/gray interface copy with white. */
.gguStats p,
.gguStats small,
.gguStats label,
.gguStats .muted,
.gguStats .meta,
.gguStats .subtle,
.gguStats .description,
.gguStats .subtitle,
.gguStats .card-meta,
.gguStats .server-meta,
.gguStats .player-meta,
.gguStats .activity-meta,
.gguStats .stat-label,
.gguStats .section-head.ggu-section-bar .ggu-section-kicker,
.gguStats table,
.gguStats th,
.gguStats td,
.gguStats nav a,
.gguStats footer,
.gguStats footer a{
    color:#fff!important;
}

/* Keep gold accent labels/headings gold rather than forcing them white. */
.gguStats .eyebrow,
.gguStats .accent,
.gguStats .section-head.ggu-section-bar .ggu-section-title,
.gguStats .section-head.ggu-section-bar .ggu-section-kicker{
    color:var(--ggu-gold,#ffb300)!important;
}

/* Inputs retain a readable white foreground and lighter placeholder. */
.gguStats input,
.gguStats select,
.gguStats textarea{
    color:#fff!important;
}
.gguStats input::placeholder,
.gguStats textarea::placeholder{
    color:rgba(255,255,255,.72)!important;
    opacity:1;
}


/* ==========================================================================
   GGU STATS 0.9.16 — INNER TAB TEXT CONTRAST
   ========================================================================== */

/* Player/game/server inner navigation tabs use white text in all states. */
.gguStats .tabs a,
.gguStats .tabs a:link,
.gguStats .tabs a:visited,
.gguStats .tabs a:hover,
.gguStats .tabs a:focus-visible,
.gguStats .tabs a:active,
.gguStats .subtabs a,
.gguStats .subtabs a:link,
.gguStats .subtabs a:visited,
.gguStats .subtabs a:hover,
.gguStats .subtabs a:focus-visible,
.gguStats .subtabs a:active,
.gguStats .inner-tabs a,
.gguStats .inner-tabs a:link,
.gguStats .inner-tabs a:visited,
.gguStats .inner-tabs a:hover,
.gguStats .inner-tabs a:focus-visible,
.gguStats .inner-tabs a:active {
    color:#fff !important;
}

/* Active tab keeps the GGU gold treatment with white foreground. */
.gguStats .tabs a.active,
.gguStats .tabs a[aria-current="page"],
.gguStats .subtabs a.active,
.gguStats .subtabs a[aria-current="page"],
.gguStats .inner-tabs a.active,
.gguStats .inner-tabs a[aria-current="page"] {
    color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.38) !important;
}


/* ==========================================================================
   GGU STATS 1.0 — PLATFORM COMPONENTS
   ========================================================================== */

.gguStats{
    --ggu-font-display:"Space Grotesk","Segoe UI",Arial,sans-serif;
    --ggu-font-body:"Source Sans Pro","Segoe UI",Arial,sans-serif;
}

.gguStats h1,
.gguStats h2,
.gguStats .hero-title,
.gguStats .page-title h1,
.gguStats .ggu-player-identity h1,
.gguStats .ggu-section-title{
    font-family:var(--ggu-font-display)!important;
}

.gguStats body,
.gguStats p,
.gguStats small,
.gguStats span,
.gguStats a,
.gguStats button,
.gguStats input,
.gguStats select,
.gguStats textarea,
.gguStats table{
    font-family:var(--ggu-font-body);
}

.ggu-explore-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.ggu-explore-card{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
    min-height:82px;
    padding:14px;
    color:#fff!important;
    text-decoration:none!important;
    background:rgba(18,21,29,.78);
    border:1px solid rgba(255,179,0,.16);
    border-radius:8px;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.ggu-explore-card:hover{
    transform:translateY(-2px);
    border-color:rgba(255,179,0,.46);
    box-shadow:0 8px 22px rgba(0,0,0,.24),0 0 18px rgba(255,179,0,.09);
}
.ggu-explore-card img{width:74px;height:52px;object-fit:contain;flex:0 0 74px}
.ggu-explore-card strong,.ggu-explore-card span{display:block}
.ggu-explore-card strong{font-size:15px;color:#fff}
.ggu-explore-card span{margin-top:3px;font-size:11px;color:#fff!important}

.ggu-record-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.ggu-record-card{
    min-width:0;
    padding:17px;
    color:#fff!important;
    text-decoration:none!important;
    background:linear-gradient(145deg,rgba(33,28,19,.94),rgba(16,18,25,.92));
    border:1px solid rgba(255,179,0,.22);
    border-radius:8px;
}
.ggu-record-card>span{display:block;color:#ffb300!important;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ggu-record-card>strong{display:block;margin:8px 0 5px;font-family:var(--ggu-font-display);font-size:27px;color:#fff}
.ggu-record-card>small{display:block;color:#fff!important}

.ggu-heatmap{
    min-width:760px;
    overflow:visible;
}
.ggu-heatmap-hours,.ggu-heatmap-row{
    display:grid;
    grid-template-columns:92px repeat(24,minmax(16px,1fr));
    gap:3px;
    align-items:center;
    margin-bottom:3px;
}
.ggu-heatmap-hours b{font-size:9px;color:#fff;text-align:center;font-weight:400}
.ggu-heatmap-row>span{font-size:10px;color:#fff}
.ggu-heatmap-row i{
    display:block;
    aspect-ratio:1;
    min-height:18px;
    border-radius:3px;
    border:1px solid rgba(255,179,0,.08);
    background:color-mix(in srgb,#ffb300 var(--heat),rgba(255,255,255,.035));
}
.section:has(.ggu-heatmap){overflow-x:auto}

.ggu-passport{
    margin-bottom:16px;
    padding:20px;
    background:
        radial-gradient(circle at 85% 0,rgba(255,179,0,.14),transparent 35%),
        rgba(17,19,27,.82);
    border:1px solid rgba(255,179,0,.24);
    border-radius:10px;
}
.ggu-passport-id{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.ggu-passport-id img{width:94px;height:94px;object-fit:cover;border-radius:50%;border:3px solid rgba(255,179,0,.62)}
.ggu-passport-id h2{margin:2px 0;font-size:30px}
.ggu-passport-id p{margin:3px 0 0;color:#fff!important}

.ggu-milestone-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px;
}
.ggu-milestone{
    padding:12px;
    opacity:.52;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.07);
    border-radius:7px;
}
.ggu-milestone.is-earned{opacity:1;border-color:rgba(255,179,0,.28);background:rgba(255,179,0,.055)}
.ggu-milestone>span{display:block;color:#ffb300!important;font-size:9px;font-weight:800;text-transform:uppercase}
.ggu-milestone>strong{display:block;margin:3px 0 8px;color:#fff}
.ggu-milestone>div{height:5px;overflow:hidden;background:rgba(255,255,255,.08);border-radius:999px}
.ggu-milestone>div i{display:block;height:100%;background:linear-gradient(90deg,#ffb300,#ffc126)}
.ggu-milestone>small{display:block;margin-top:5px;color:#fff!important}

.ggu-search-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.ggu-mini-results{display:grid;gap:7px}
.ggu-mini-results>a{
    display:flex;
    justify-content:space-between;
    gap:14px;
    padding:10px 12px;
    color:#fff!important;
    text-decoration:none!important;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.065);
    border-radius:6px;
}
.ggu-mini-results>a:hover{border-color:rgba(255,179,0,.3)}
.ggu-mini-results span{color:#fff!important;font-size:11px}

.ggu-live-feed .activity-row{
    transition:background .18s ease;
}

@media(max-width:1050px){
    .ggu-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ggu-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
    .ggu-explore-grid,.ggu-record-grid,.ggu-search-columns,.ggu-milestone-grid{grid-template-columns:1fr}
    .ggu-passport-id{align-items:flex-start}
    .ggu-passport-id img{width:72px;height:72px}
}

.ggu-percentile-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:9px;
}
.ggu-percentile-grid article{
    padding:12px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,179,0,.14);
    border-radius:7px;
}
.ggu-percentile-grid span,.ggu-percentile-grid strong,.ggu-percentile-grid small{display:block}
.ggu-percentile-grid span{color:#ffb300!important;font-size:9px;font-weight:800;text-transform:uppercase}
.ggu-percentile-grid strong{margin-top:4px;color:#fff;font-size:17px}
.ggu-percentile-grid small{margin-top:3px;color:#fff!important}
@media(max-width:900px){.ggu-percentile-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ggu-percentile-grid{grid-template-columns:1fr}}


/* ==========================================================================
   GGU STATS 1.0.5 — TRUE-CENTERED MAIN HEADER NAV
   Logo remains left, main links are centered to the header, Join GGU stays
   independently pinned right.
   ========================================================================== */

@media (min-width: 901px){
    .gguStats header.nav .nav-inner,
    .gguStats .site-header .nav-inner,
    .gguStats .main-nav .nav-inner{
        position:relative!important;
        display:grid!important;
        grid-template-columns:auto minmax(0,1fr) auto!important;
        align-items:center!important;
    }

    /* Left zone: brand/logo */
    .gguStats header.nav .brand,
    .gguStats header.nav .nav-brand,
    .gguStats header.nav .site-brand{
        grid-column:1!important;
        justify-self:start!important;
    }

    /* Center zone: primary site links */
    .gguStats header.nav .nav-links,
    .gguStats header.nav .primary-nav,
    .gguStats header.nav nav[aria-label="Primary"],
    .gguStats header.nav .nav-menu{
        grid-column:2!important;
        justify-self:center!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:28px!important;
        width:max-content!important;
        max-width:100%!important;
        margin:0!important;
    }

    /* Right zone: CTA only */
    .gguStats header.nav .nav-cta,
    .gguStats header.nav a.btn.nav-cta,
    .gguStats header.nav a.btn.btn-ghost.nav-cta{
        grid-column:3!important;
        justify-self:end!important;
        margin-left:0!important;
    }
}

/* Keep existing responsive/mobile behavior intact. */


/* ==========================================================================
   GGU STATS 1.0.11 — LIVE STATE / BOTS / TRACKING
   ========================================================================== */

.gguStats .status-dot.online{
    background:var(--ggu-success)!important;
    box-shadow:0 0 12px rgba(73,209,125,.58)!important;
}
.gguStats .status-dot.offline{
    background:#556070!important;
    box-shadow:none!important;
}

.gguStats .server-badges,
.gguStats .server-detail-badges{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
}
.gguStats .server-badges{margin-top:7px}
.gguStats .server-detail-badges{margin:0 0 12px}

.gguStats .server-status-badge,
.gguStats .server-tracking-badge,
.gguStats .server-bot-badge{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:2px 7px;
    border-radius:999px;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.045em;
    text-transform:uppercase;
    line-height:1;
    white-space:nowrap;
}
.gguStats .server-status-badge.is-online{
    color:#8ff0b5!important;
    background:rgba(73,209,125,.10);
    border:1px solid rgba(73,209,125,.26);
}
.gguStats .server-status-badge.is-offline{
    color:#c3cad5!important;
    background:rgba(110,120,136,.10);
    border:1px solid rgba(110,120,136,.20);
}
.gguStats .server-tracking-badge.is-tracked{
    color:#fff!important;
    background:rgba(255,179,0,.13);
    border:1px solid rgba(255,179,0,.34);
}
.gguStats .server-tracking-badge.is-live-only{
    color:#b9c9ff!important;
    background:rgba(100,130,230,.10);
    border:1px solid rgba(100,130,230,.24);
}
.gguStats .server-bot-badge{
    color:#fff!important;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.12);
}

.gguStats .server-pop span{
    display:block;
}
.gguStats .server-pop span em{
    font-style:normal;
    color:#fff!important;
    font-size:10px;
    font-weight:600;
}
.gguStats .server-pop small{
    display:block;
    margin-top:3px;
    color:#fff!important;
    opacity:.76;
    font-size:10px;
}
.gguStats .server-live-only-meta{
    color:#b9c9ff!important;
    font-weight:700;
}

.gguStats .server-row.is-online{
    border-color:rgba(73,209,125,.13);
}
.gguStats .server-row.is-live-only{
    background:
        linear-gradient(90deg,rgba(82,105,185,.035),transparent 22%),
        var(--ggu-glass-bg);
}

.gguStats .server-live-only-notice{
    padding:18px;
    border:1px solid rgba(100,130,230,.22);
    background:rgba(100,130,230,.055);
    border-radius:10px;
}
.gguStats .server-live-only-notice strong{
    display:block;
    color:#fff;
    font-size:17px;
}
.gguStats .server-live-only-notice p{
    margin:6px 0 0;
    color:#fff!important;
    opacity:.82;
}

@media(max-width:760px){
    .gguStats .server-badges{gap:4px}
    .gguStats .server-status-badge,
    .gguStats .server-tracking-badge,
    .gguStats .server-bot-badge{
        font-size:8px!important;
    }
}


/* GGU Stats 1.0.13 — fused Server Hub + HLStatsX presence */
.gguStats .server-tracking-badge.is-tracked{
    background:linear-gradient(135deg,rgba(255,179,0,.15),rgba(104,132,230,.10));
    border-color:rgba(255,179,0,.38);
}
.gguStats .server-meta span:last-child{
    color:#fff!important;
    opacity:.78;
}