:root{
  --bg:#0a0a0a;
  --panel:#111111;
  --line:#1f1f1f;
  --text:#e6e6e6;
  --muted:#6b6b6b;
  --accent:#00ff9c;
  --danger:#ff4d4d;
  --radius:8px;
  --mono:ui-monospace, Menlo, Consolas, monospace;
}

/* RESET */
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--mono);
}

/* LAYOUT */
.app-shell{
  display:flex;
  flex-direction:column;
  max-width:1200px;
  margin:0 auto;
  padding:20px;
  gap:20px;
}

/* REMOVE SIDEBAR COMPLETELY */
.sidebar{
  display:none;
}

/* HEADER */
.hero{
  border:1px solid var(--line);
  padding:16px;
  background:var(--panel);
}

h1{
  margin:0;
  font-size:22px;
  font-weight:700;
  letter-spacing:1px;
}

.hero-text{
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
}

/* STATS INLINE (NOT CARDS) */
.stat-grid{
  display:flex;
  gap:20px;
  margin-top:10px;
  font-size:12px;
}

.stat-card{
  padding:0;
  border:none;
  background:none;
}

.stat-card strong{
  color:var(--accent);
}

/* TABLE PANEL */
.board-panel{
  border:1px solid var(--line);
  background:var(--panel);
}

/* TOOLBAR */
.board-toolbar{
  display:flex;
  justify-content:space-between;
  padding:10px 12px;
  border-bottom:1px solid var(--line);
}

.board-toolbar h2{
  font-size:14px;
  margin:0;
}

.board-toolbar p{
  display:none;
}

/* BUTTONS → TERMINAL STYLE */
.btn{
  border:1px solid var(--line);
  background:none;
  color:var(--text);
  padding:6px 10px;
  font-family:var(--mono);
  font-size:11px;
  cursor:pointer;
}

.btn:hover{
  border-color:var(--accent);
  color:var(--accent);
}

.page-indicator{
  font-size:11px;
  color:var(--muted);
  padding:6px 10px;
}

/* TABLE */
table{
  width:100%;
  border-collapse:collapse;
  font-size:12px;
}

thead{
  border-bottom:1px solid var(--line);
}

th{
  text-align:left;
  padding:8px;
  color:var(--muted);
  font-weight:400;
}

td{
  padding:8px;
  border-bottom:1px solid var(--line);
}

/* ROW STYLE */
tbody tr{
  transition:background .1s;
}

tbody tr:hover{
  background:#141414;
}

/* TOP PLAYERS → ONLY TEXT DIFFERENCE */
.rank-1 td{color:#00ff9c;}
.rank-2 td{color:#66ffcc;}
.rank-3 td{color:#99ffe0;}

/* REMOVE ALL VISUAL GARBAGE */
.rank-badge,
.avatar,
.utag{
  display:none;
}

/* USER COLUMN → TEXT ONLY */
.uname{
  font-weight:400;
}

.uid{
  color:var(--muted);
  font-size:10px;
}

/* SCORE */
.score{
  color:var(--accent);
}

/* DATE */
.col-date{
  color:var(--muted);
  font-size:11px;
}

/* EMPTY STATE */
.state-cell{
  text-align:center;
  color:var(--muted);
  padding:20px;
}

/* MODAL → RAW */
.modal{
  background:#000;
  border:1px solid var(--line);
  padding:20px;
}