:root{
  --stx-cyan:#18e7ff;
  --stx-cyan2:#0fc5ff;
  --stx-bg:#020811;
  --stx-panel:#061322;
  --stx-line:rgba(34,196,255,.25);
  --stx-line-strong:rgba(34,214,255,.56);
  --stx-text:#f5fbff;
  --stx-muted:#9fb4c7;
  --stx-green:#21f3a0;
}
html body.stats-page{
  background:
    radial-gradient(circle at 14% 0%,rgba(15,112,190,.12),transparent 27%),
    radial-gradient(circle at 86% 0%,rgba(0,183,234,.08),transparent 23%),
    linear-gradient(180deg,#01060c,#020a13 56%,#01060b)!important;
  color:var(--stx-text)!important;
}
body.stats-page .shell.stx-shell{display:block!important;max-width:1540px!important;margin:0 auto!important;padding-top:0!important;padding-bottom:30px!important}
.stx-surface{position:relative;overflow:hidden;border:1px solid var(--stx-line);border-radius:17px;background:linear-gradient(180deg,rgba(5,18,31,.97),rgba(4,13,24,.985));box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 16px 34px rgba(0,0,0,.26)}
.stx-hero{position:relative;overflow:hidden;min-height:205px;margin:18px 0 12px;padding:26px 28px 24px;border:1px solid var(--stx-line);border-radius:17px;background:linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.56) 42%,rgba(0,0,0,.30) 68%,rgba(0,0,0,.22) 100%),linear-gradient(rgba(0,0,0,.13),rgba(0,0,0,.13)),url('/assets/images/stats/stats-hero-bg.webp') center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);display:flex;align-items:center}
.stx-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18));pointer-events:none}
.stx-hero__left{position:relative;z-index:1;max-width:780px}
.stx-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--stx-cyan);font:800 13px/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.stx-kicker::before{content:'';width:14px;height:14px;border-radius:50%;border:2px solid currentColor;box-shadow:0 0 0 3px rgba(24,231,255,.08) inset}
.stx-hero h1{margin:10px 0 12px;color:#fbfdff;font:900 68px/.9 Orbitron,Manrope,sans-serif;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap;text-shadow:0 5px 30px rgba(0,0,0,.34)}
.stx-hero p{margin:0;color:#edf5fd;font:500 15px/1.5 Manrope,sans-serif}
.stx-controls-panel{padding:14px 16px 16px}
.stx-controls-row--main{display:grid;grid-template-columns:246px 216px minmax(320px,1fr);gap:12px;align-items:center}
.stx-segment{display:contents}
.stx-segment__btn,.stx-search{min-height:56px;border:1px solid rgba(24,195,255,.29);border-radius:12px;background:linear-gradient(180deg,rgba(6,22,40,.97),rgba(5,16,29,.985));box-sizing:border-box}
.stx-segment__btn{display:flex;align-items:center;gap:12px;padding:0 18px;color:#f8fbff;font:800 15px/1 Manrope,sans-serif;cursor:pointer;transition:.18s ease}
.stx-segment__btn:hover{border-color:rgba(24,231,255,.50)}
.stx-segment__btn.is-active{border-color:rgba(24,231,255,.90);box-shadow:inset 0 0 18px rgba(22,110,178,.24),0 0 14px rgba(15,165,220,.10)}
.stx-segment__ico,.stx-search__ico,.stx-summary-card__icon,.stx-board__badge{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--stx-cyan)}
.stx-segment__ico svg,.stx-search__ico svg,.stx-summary-card__icon svg,.stx-board__badge svg,.stx-metric__icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stx-search{position:relative;display:flex;align-items:center;padding:0 50px 0 47px}
.stx-search input{width:100%;border:0;outline:none;background:transparent;color:#f5fbff;font:700 14px/1 Manrope,sans-serif}
.stx-search input::placeholder{color:#8ba5bd}
.stx-search__ico{position:absolute;left:16px;top:50%;transform:translateY(-50%)}
.stx-search__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#bed1e1;font-size:24px;line-height:1;cursor:pointer;opacity:.45}
.stx-metric-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin-top:14px}
.stx-metric-btn{min-height:42px;padding:0 9px;border:1px solid rgba(32,174,242,.20);border-radius:9px;background:linear-gradient(180deg,rgba(7,22,39,.96),rgba(5,15,28,.985));color:#eff7ff;display:flex;align-items:center;justify-content:center;gap:8px;font:800 10px/1.12 Manrope,sans-serif;white-space:nowrap;cursor:pointer;transition:.16s ease}
.stx-metric-btn:hover{border-color:rgba(24,231,255,.45);color:#fff}
.stx-metric-btn.is-active{border-color:rgba(137,82,255,.88);background:linear-gradient(180deg,rgba(91,52,196,.88),rgba(45,25,103,.95));box-shadow:0 0 15px rgba(122,78,255,.18),inset 0 0 14px rgba(255,255,255,.04)}
.stx-metric__icon{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;color:var(--stx-cyan);flex:0 0 17px}
.stx-metric-btn.is-active .stx-metric__icon{color:#fff}
.stx-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:14px}
.stx-summary-card{min-height:92px;padding:16px 16px 14px;border:1px solid rgba(27,184,255,.20);border-radius:14px;background:linear-gradient(180deg,rgba(8,21,38,.98),rgba(4,13,25,.99));display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;box-sizing:border-box}
.stx-summary-card__icon{width:52px;height:52px;border-radius:14px;border:1px solid rgba(24,231,255,.16);background:linear-gradient(180deg,rgba(11,36,65,.95),rgba(7,20,38,.95));box-shadow:inset 0 0 16px rgba(24,231,255,.08)}
.stx-summary-card small,.stx-summary-card em{display:block}
.stx-summary-card small{color:#adbed0;font:800 12px/1.15 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.stx-summary-card strong{display:block;margin-top:6px;color:#f9fdff;font:900 18px/1.02 Orbitron,Manrope,sans-serif;white-space:nowrap}
.stx-summary-card em{margin-top:9px;color:var(--stx-green);font:800 11px/1.2 Manrope,sans-serif;font-style:normal}
.stx-board{margin-top:16px;padding-bottom:16px}
.stx-board__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06)}
.stx-board__titlewrap{display:flex;align-items:center;gap:14px}
.stx-board__badge{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(118,62,213,.98),rgba(74,33,151,.98));border:1px solid rgba(203,160,255,.4);box-shadow:inset 0 0 18px rgba(211,175,255,.09)}
.stx-board__titlewrap h2{margin:0;color:#f9fcff;font:800 18px/1.2 Manrope,sans-serif;text-transform:uppercase}
.stx-board__meta{color:#d2deea;font:700 13px/1.2 Manrope,sans-serif;text-align:right}
.stx-table-wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(108,134,157,.75) transparent}
.stx-table{width:100%;min-width:1240px;border-collapse:collapse;color:#f2f8fe}
.stx-table thead th{padding:12px 14px;text-align:left;color:#22ddff;font:800 11px/1.2 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06)}
.stx-table tbody td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.05);font:700 14px/1.25 Manrope,sans-serif;color:#eef6fd;white-space:nowrap}
.stx-table tbody tr:nth-child(odd){background:rgba(8,20,37,.22)}
.stx-table tbody tr:hover{background:rgba(15,39,70,.38)}
.stx-rank-badge{min-width:28px;height:26px;padding:0 9px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#10294d,#081628);border:1px solid rgba(255,255,255,.05);color:#eaf3fd;font:900 12px/1 Orbitron,Manrope,sans-serif}
.stx-rank-badge.top-1{background:linear-gradient(180deg,#f2cc4d,#b07a11);color:#241602}
.stx-rank-badge.top-2{background:linear-gradient(180deg,#e7effe,#9dafc6);color:#16243a}
.stx-rank-badge.top-3{background:linear-gradient(180deg,#ef9a4d,#a15a17);color:#220e00}
.stx-player-cell{display:flex;align-items:center;gap:12px;min-width:220px;color:inherit;text-decoration:none}
.stx-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(24,231,255,.3);background:linear-gradient(180deg,#0d2b4c,#071626);color:#f0f7ff;font:800 11px/1 Manrope,sans-serif;position:relative}
.stx-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.stx-avatar::after{content:'';position:absolute;right:1px;bottom:1px;width:7px;height:7px;border-radius:50%;background:#1ff4a4;box-shadow:0 0 0 2px #061322}
.stx-player-text strong,.stx-player-text small{display:block}
.stx-player-text strong{color:#f7fbff;font-size:15px;font-weight:800}
.stx-player-text small{margin-top:3px;color:#89a4bb;font-size:11px;min-height:0}
.stx-team-cell{display:inline-flex;align-items:center;gap:10px;color:#d7e5f2}
.stx-team-cell img{width:22px;height:22px;object-fit:contain}
.stx-main-value,.stx-point-value{color:#25e4ff;font-weight:900}
.stx-point-value{font-size:16px}
.stx-loading{padding:52px 16px;text-align:center;color:#c0d2e3;font:700 15px/1.45 Manrope,sans-serif}
.stx-board__footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:16px 16px 0}
.stx-board__footnote{color:#9eb4c6;font:700 14px/1.4 Manrope,sans-serif}
.stx-board__footnote b{color:var(--stx-cyan)}
.stx-void-mark{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;margin-right:10px;border:1px solid rgba(24,231,255,.28);color:var(--stx-cyan);font:900 15px/1 Orbitron,Manrope,sans-serif}
.stx-board__count{justify-self:end;color:#d3deea;font:700 13px/1.2 Manrope,sans-serif}
.stx-pagination{display:flex;align-items:center;justify-content:center;gap:8px}
.stx-page-btn{width:34px;height:34px;border-radius:9px;border:1px solid rgba(24,231,255,.16);background:rgba(8,20,36,.96);color:#dce7f2;font:800 13px/1 Manrope,sans-serif;cursor:pointer}
.stx-page-btn:hover:not(:disabled),.stx-page-btn.is-active{border-color:rgba(24,231,255,.72);background:linear-gradient(180deg,rgba(24,202,255,.38),rgba(75,112,255,.26));color:#fff}
.stx-page-btn:disabled{opacity:.34;cursor:default}
.stx-page-dots{width:22px;text-align:center;color:#8aa1b7;font-weight:800}
.stx-board__brand{padding-top:10px;text-align:center;color:#2aa4ff;font:800 12px/1 Orbitron,Manrope,sans-serif;letter-spacing:.55em;opacity:.9}
.stx-board__rail{position:absolute;bottom:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(24,231,255,.55),transparent)}
.stx-board__rail--left{left:0;width:43%}.stx-board__rail--right{right:0;width:32%}
body.stats-page .stx-shell iframe{display:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;border:0!important;visibility:hidden!important}
@media(max-width:1580px){body.stats-page .shell.stx-shell{padding-left:12px!important;padding-right:12px!important}.stx-controls-row--main{grid-template-columns:1fr 1fr minmax(280px,1.5fr)}}
@media(max-width:1320px){.stx-metric-strip{display:flex;overflow-x:auto;scrollbar-width:none}.stx-metric-strip::-webkit-scrollbar{display:none}.stx-metric-btn{min-width:132px}.stx-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.stx-hero{min-height:180px;padding:22px 18px}.stx-hero h1{font-size:46px;white-space:normal}.stx-controls-row--main{grid-template-columns:1fr 1fr}.stx-search{grid-column:1/-1}.stx-board__head,.stx-board__footer{display:grid;grid-template-columns:1fr}.stx-board__meta,.stx-board__count{justify-self:start;text-align:left}.stx-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.stx-controls-row--main{grid-template-columns:1fr}.stx-search{grid-column:auto}.stx-summary-grid{grid-template-columns:1fr}.stx-hero h1{font-size:39px}.stx-table{min-width:1120px}}

/* R317: reference layout polish */
.stx-metric-tabs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin-top:14px}
.stx-metric-btn>span[data-icon]{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 17px;color:var(--stx-cyan)}
.stx-metric-btn>span[data-icon] svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stx-metric-btn.is-active>span[data-icon]{color:#fff}
.stx-hero{background:linear-gradient(90deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.44) 42%,rgba(0,0,0,.24) 70%,rgba(0,0,0,.16) 100%),linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.10)),url('/assets/images/stats/stats-hero-bg.webp') center/cover no-repeat}
.stx-table-wrap{overflow:visible!important;scrollbar-width:none!important}
.stx-table-wrap::-webkit-scrollbar{display:none!important}
.stx-table{min-width:0!important;width:100%!important;table-layout:fixed!important}
.stx-table th:nth-child(1),.stx-table td:nth-child(1){width:64px}
.stx-table th:nth-child(2),.stx-table td:nth-child(2){width:220px}
.stx-table th:nth-child(3),.stx-table td:nth-child(3){width:150px}
.stx-table th:nth-child(4),.stx-table td:nth-child(4){width:90px}
.stx-table th:nth-child(5),.stx-table td:nth-child(5){width:90px}
.stx-table th:nth-child(6),.stx-table td:nth-child(6){width:92px}
.stx-table th:nth-child(7),.stx-table td:nth-child(7){width:116px}
.stx-table th:nth-child(8),.stx-table td:nth-child(8){width:90px}
.stx-table th:nth-child(9),.stx-table td:nth-child(9){width:78px}
.stx-table th:nth-child(10),.stx-table td:nth-child(10){width:100px}
.stx-player-cell{min-width:0!important}
.stx-player-text{min-width:0}
.stx-player-text strong,.stx-team-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stx-team-cell{max-width:100%}
.stx-board__meta{white-space:nowrap}
@media(max-width:1320px){.stx-metric-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.stx-metric-tabs::-webkit-scrollbar{display:none}.stx-metric-btn{min-width:132px}.stx-table-wrap{overflow-x:auto!important}.stx-table{min-width:1120px!important;table-layout:auto!important}}

/* R318: user-supplied statistics icon set + simplified board footer */
.stx-uploaded-icon{
  display:block!important;
  width:30px!important;
  height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  object-fit:contain!important;
  object-position:center!important;
  flex:0 0 30px!important;
  filter:drop-shadow(0 0 5px rgba(17,214,255,.16));
}
.stx-segment__ico,.stx-metric-icon,.stx-summary-card__icon,.stx-board__badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.stx-segment__ico,.stx-metric-icon{width:30px!important;height:30px!important;flex:0 0 30px!important}
.stx-metric-btn{gap:8px!important}
.stx-metric-btn .stx-metric-icon{color:inherit!important}
.stx-summary-card__icon .stx-uploaded-icon,.stx-board__badge .stx-uploaded-icon{width:30px!important;height:30px!important}
.stx-board__head{justify-content:flex-start!important}
.stx-board__footer{grid-template-columns:1fr auto 1fr!important}
.stx-board__footer .stx-pagination{grid-column:2!important}
.stx-board__footer .stx-board__count{grid-column:3!important;justify-self:end!important}


/* R319: pagination, icon visibility, cyan active state and lower board signature */
.stx-metric-btn.is-active{
  border-color:rgba(24,231,255,.92)!important;
  background:linear-gradient(180deg,rgba(8,89,123,.96),rgba(5,38,61,.98))!important;
  box-shadow:0 0 16px rgba(24,231,255,.16),inset 0 0 16px rgba(38,207,255,.10)!important;
}
.stx-board__badge{
  background:linear-gradient(145deg,rgba(7,94,132,.98),rgba(4,42,69,.99))!important;
  border-color:rgba(24,231,255,.55)!important;
  box-shadow:inset 0 0 18px rgba(24,231,255,.13),0 0 12px rgba(24,190,255,.08)!important;
}
.stx-uploaded-icon{
  width:36px!important;
  height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  flex:0 0 36px!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  filter:brightness(1.22) saturate(1.18) contrast(1.08) drop-shadow(0 0 6px rgba(22,220,255,.52))!important;
}
.stx-segment__ico,.stx-metric-icon{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
}
.stx-summary-card__icon .stx-uploaded-icon,.stx-board__badge .stx-uploaded-icon{
  width:36px!important;
  height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
}
.stx-metric-btn{
  min-height:48px!important;
  gap:9px!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
.stx-page-btn{
  width:auto!important;
  min-width:36px!important;
  height:36px!important;
  padding:0 9px!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  flex:0 0 auto!important;
  line-height:1!important;
}
.stx-board{
  padding-bottom:24px!important;
}
.stx-board__brand{
  position:relative!important;
  z-index:2!important;
  margin-top:10px!important;
  padding-top:0!important;
  transform:translateY(7px)!important;
}
.stx-board__rail{
  bottom:13px!important;
}

/* R320: real-stat display + equalized uploaded icon sizing */
.stx-uploaded-icon{
  width:40px!important;
  height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  flex:0 0 40px!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  filter:brightness(1.18) saturate(1.14) contrast(1.08) drop-shadow(0 0 7px rgba(23,220,255,.50))!important;
}
.stx-segment__ico,.stx-metric-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.stx-summary-card__icon,.stx-board__badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.stx-summary-card__icon .stx-uploaded-icon,.stx-board__badge .stx-uploaded-icon{
  width:40px!important;
  height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
}
.stx-metric-btn{min-height:52px!important}
.stx-point-value .stx-real-sub{
  display:inline-block;
  margin-left:5px;
  color:#91b8cc;
  font:700 10px/1 Manrope,sans-serif;
  white-space:nowrap;
}
