:root{
  --bg:#071026;
  --panel:#0a1a36;   /* slightly deeper */
  --panel2:#091a3a;
  --line:rgba(255,255,255,.18);
  --lineSoft:rgba(255,255,255,.10);
  --lineHard:rgba(255,255,255,.26);
  --text:#f2f7ff;
  --muted:rgba(242,247,255,.72);

  /* existing accents */
  --brand:#4aa3ff;
  --brand2:#ffa500;
  --live:#ffcc66;
  --ok:#2fe08f;

  --radius:8px;

  /* existing selection */
  --selBg1:rgba(255,165,0,.42);
  --selBg2:rgba(255,140,0,.26);
  --selLine:rgba(255,165,0,.90);
  --selGlow:rgba(255,140,0,.55);

  /* =========================
     ✅ CISK Theme (subtle)
     ========================= */
  --cisk-yellow:#E5CB10;
  --cisk-yellow2:#E4D45A;
  --cisk-red:#BE232B;

  --cisk-yellow-glow: rgba(229,203,16,.18);
  --cisk-red-glow: rgba(190,35,43,.20);
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background: var(--bg);
  color: var(--text);
  overflow-x:hidden;
}

.wrap{max-width:1200px;margin:0 auto;padding:18px}
.header{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), var(--panel);
  border:1px solid var(--lineHard);
  border-radius: var(--radius);
  padding:16px;
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  box-shadow: 0 16px 40px rgba(0,0,0,.25);
}
.hTitle{font-weight:550;font-size:16px;letter-spacing:.2px}
.hSub{font-size:12px;color:var(--muted);margin-top:2px}
.right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.search{
  width:min(360px, 84vw);
  padding:10px 12px;
  border-radius: 12px;
  border:1px solid rgba(125,211,255,.24);
  background: rgba(10,35,75,.80);
  color: var(--text);
  outline:none;
  box-shadow: inset 0 0 0 1px rgba(74,163,255,.10);
}
.search::placeholder{color: rgba(236,243,255,.55)}
.tabs{display:flex;gap:8px}
.tab{
  padding:10px 12px;
  border-radius: 12px;
  border:1px solid rgba(125,211,255,.18);
  background: rgba(16,42,85,.55);
  color: var(--text);
  font-weight:550;
  font-size:13px;
  cursor:pointer;
}
.tab.active{
  background: linear-gradient(180deg, rgba(74,163,255,.28), rgba(74,163,255,.14));
  border-color: rgba(74,163,255,.65);
  color:#fff;
  box-shadow: 0 10px 24px rgba(74,163,255,.18);
  position:relative;
}



.section{display:none;margin-top:14px}
.section.active{display:block}
.grid{display:grid;grid-template-columns: repeat(12, 1fr);gap:12px}
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), var(--panel);
  border:1px solid var(--lineHard);
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow: 0 10px 26px rgba(0,0,0,.22);
  position:relative;
}

/* ✅ CISK touch: tiny premium top edge on cards */
.card::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:2px;
  background: linear-gradient(90deg, rgba(229,203,16,.75), rgba(190,35,43,.55));
  opacity:.55;
}

.cardHead{
  padding:12px 14px;
  border-bottom:1px solid var(--lineSoft);
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:10px;
}
.cardTitle{font-weight:550}
.cardSub{font-size:12px;color:var(--muted)}
.pad{padding:14px}

/* ✅ Header sponsor chip */
.sponsorChip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: rgba(242,247,255,.78);
  font-size:12px;
  font-weight:650;
}
.sponsorChip .sName{
  color: var(--cisk-yellow);
  letter-spacing:.05em;
  text-shadow: 0 0 18px var(--cisk-yellow-glow);
}

/* Standings */
.groupCard{grid-column: span 12}
.groupHead{
  padding:12px 14px;
  border-bottom:1px solid var(--lineSoft);
  display:flex;
  justify-content:space-between;
  align-items:baseline;
}
.groupTitle{font-weight:550}
.groupSub{font-size:12px;color:var(--muted)}
.standList{padding:8px 10px}
.standRow{
  display:grid;
  grid-template-columns: 38px 1fr auto 56px;
  gap:10px;
  align-items:center;
  padding:10px 8px;
  border-bottom: 1px solid var(--lineSoft);
}
.standRow:last-child{ border-bottom: 0; }
.standRow:hover{ background: rgba(255,255,255,.03); }
.pos{
  width:34px;height:34px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background: rgba(74,163,255,.18);
  border:1px solid rgba(74,163,255,.35);
  font-weight:550;
}
.nm{font-weight:550}
.mini{display:flex;gap:10px;color:var(--muted);font-size:12px;font-weight:550}
.pts{
  text-align:right;
  font-weight:550;
  background: rgba(47,224,143,.12);
  border:1px solid rgba(47,224,143,.25);
  border-radius:10px;
  padding:6px 8px;
}

/* Match cards (mobile) */
.matchCard{
  grid-column: span 6;
  padding:12px 12px 10px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), var(--panel);
  border:1px solid var(--lineHard);
  border-radius: var(--radius);
  box-shadow: 0 10px 26px rgba(0,0,0,.22);
  overflow:hidden;
}
.matchTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;
  background: rgba(74,163,255,.18);
  border:1px solid rgba(74,163,255,.34);
  font-weight:550;font-size:12px;
}
.state{
  font-weight:550;font-size:12px;
  padding:6px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(16,42,85,.55);
}

/* ✅ Live badge with a hint of CISK */
.stateLive{
  border-color: rgba(229,203,16,.35);
  background: rgba(190,35,43,.12);
  color:#ffe6a8;
}

.stateDone{border-color: rgba(47,224,143,.35); background: rgba(47,224,143,.12); color:#bff7df}
.stateUp{color: rgba(236,243,255,.80)}

.matchMain{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  gap:10px;
  align-items:center;
}
.side .name{font-weight:550;font-size:14px;line-height:1.2}
.side.right{text-align:right}

.scoreBox{
  text-align:center;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(125,211,255,.18);
  background: rgba(10,35,75,.72);
  min-width:150px;
}
.race{
  font-size:11px;
  color: rgba(236,243,255,.68);
  font-weight:550;
  letter-spacing:.06em;
  text-transform:uppercase
}
.scores{
  margin-top:3px;
  font-weight:850;
  font-size:22px;
  display:flex;
  gap:10px;
  justify-content:center;
  align-items:baseline
}
.score{min-width:18px;display:inline-block}
.score.win{color: var(--brand2)}
.dash{color: rgba(236,243,255,.55);font-weight:550}

.midActions{
  margin-top:8px;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height: 26px;
}
.raceChip{font-size:12px;font-weight:550;color: rgba(236,243,255,.80);}

.matchBottom{
  margin-top:10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.meta{display:flex;gap:12px;flex-wrap:wrap}
.muted{color:var(--muted);font-size:12px;font-weight:550}
.mutedSmall{color:var(--muted);font-size:12px;font-weight:550}

/* ===== Neater Stream buttons (LIVE red, Watch orange) ===== */
.btn{
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(16,42,85,.35);
  color: rgba(242,247,255,.92);
  font-weight:550;
  font-size:10px;
  letter-spacing:.02em;
  cursor:pointer;
  line-height:1;
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

/* ✅ LIVE = CISK red (clean) */
.btnLive{
  border-color: rgba(190,35,43,.65);
  background: rgba(190,35,43,.16);
  color:#ffd0d0;
  box-shadow: 0 10px 22px var(--cisk-red-glow);
}

/* Watch = orange */
.btnGhost{
  border-color: rgba(255,170,60,.55);
  background: rgba(255,170,60,.14);
  color:#ffe1b8;
}

/* tiny dot indicator for LIVE */
.btnLive::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background: currentColor;
  box-shadow: 0 0 0 2px rgba(0,0,0,.15);
}

/* Desktop tables */
.desktopOnly{display:none}
.mobileOnly{display:block}

.tableWrap{overflow:auto}

thead th, tbody td{ text-align:center; }
td.pA{ text-align:right; }
td.pB{ text-align:left; }
td.act{ text-align:center; }

table{width:100%;border-collapse:collapse;min-width: 980px;}
thead th{
  padding:12px 14px;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color: rgba(236,243,255,.86);
  background: rgba(255,255,255,.03);
  border-bottom:1px solid var(--lineSoft);
  white-space:nowrap;
}
tbody td{
  padding:5px 10px;
  font-size:14px;
  line-height:1.05;
  white-space:nowrap;
  vertical-align:middle;
  border-bottom:1px solid var(--lineSoft);
}

tbody td + td{ border-left:1px solid rgba(255,255,255,.08); }
thead th + th{ border-left:1px solid rgba(255,255,255,.08); }

tbody tr:hover{background: rgba(255,255,255,.03)}
.p{font-weight:550}
.sc{font-weight:650;font-size:18px; line-height:1;color: rgba(236,243,255,.86)}
.sc.win{color: var(--brand2)}
.sc.lose{ color: #add8e6; }
.sc.tie { color: #ffa500; }

.pillSm{
  display:inline-block;
  padding:2px 6px;
  border-radius:10px;
  background: rgba(74,163,255,.18);
  border:1px solid rgba(74,163,255,.28);
  font-weight:450;
  font-size:13px;
  line-height:1;
}

.pillWO {
  display:inline-block;
  padding:2px 6px;
  border-radius:10px;
  background: rgba(239,68,68,.18);
  border: 1px solid rgba(239,68,68,.38);
  color: #fca5a5;
  font-weight: 450;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}


/* ===== Standings (full table) ===== */
.standingsWrap{ overflow-x:auto; }

.standTable{
  width:100%;
  border-collapse:collapse;
  min-width: 760px;
}

.standTable th{
  padding:10px 10px;
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color: rgba(236,243,255,.86);
  background: rgba(255,255,255,.03);
  border-bottom:1px solid var(--lineSoft);
  white-space:nowrap;
  text-align:center;
}
.standTable td{
  padding:8px 10px;
  border-bottom:1px solid var(--lineSoft);
  white-space:nowrap;
  text-align:center;
  font-size:13px;
}
.standTable td.left, .standTable th.left{ text-align:left; }
.posCell{
  font-weight:650;
  background: rgba(74,163,255,.12);
  border-right:1px solid rgba(255,255,255,.08);
}
.ptsCell{
  font-weight:750;
  color:#bff7df;
  background: rgba(47,224,143,.10);
  border-left:1px solid rgba(255,255,255,.08);
}

@media (max-width: 560px){
  .standTable{ min-width: 0; }
  .standTable th:nth-child(6),
  .standTable td:nth-child(6),
  .standTable th:nth-child(7),
  .standTable td:nth-child(7),
  .standTable th:nth-child(8),
  .standTable td:nth-child(8){
    display:none;
  }
  .standTable td, .standTable th{ padding:8px 8px; font-size:12px; }
}

/* fixed widths */
@media (min-width: 1100px){
  table.fixedCols{ table-layout: fixed; }
  table.fixedCols th, table.fixedCols td{ overflow:hidden; text-overflow:ellipsis; }

  .colGroup   { width: 110px; }
  .colPlayerA { width: 260px; }
  .colSA      { width: 50px; }
  .colRace    { width: 65px; }
  .colSB      { width: 50px; }
  .colPlayerB { width: 260px; }
  .colStart   { width: 180px; }
  .colStream  { width: 140px; }
}

/* responsive */
@media (min-width: 1024px){
  .matchCard{grid-column: span 4}
  .groupCard{grid-column: span 12}
  .desktopOnly{display:block}
  .mobileOnly{display:none}
}
@media (max-width: 560px){
  .matchCard{grid-column: span 12}
  .groupCard{grid-column: span 12}
  .scoreBox{min-width:130px}
  .scores{font-size:24px}
}

/* =========================
   LANDSCAPE PHONE: COMPACT DESKTOP TABLE
   ========================= */
@media (orientation: landscape) and (max-width: 1024px){
  .desktopOnly{display:block !important;}
  .mobileOnly{display:none !important;}

  .tableWrap{overflow-x:hidden;}
  table{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }
  thead th{
    padding:8px 6px !important;
    font-size:10px !important;
    letter-spacing:.04em !important;
  }
  tbody td{
    padding:4px 6px !important;
    font-size:12px !important;
    line-height:1.05 !important;
  }
  .sc{font-size:14px !important;}
  .pillSm{font-size:9px !important; padding:2px 5px !important;}
  .btn{font-size:9px !important; padding:3px 7px !important;}
  .framesToggle{width:30px !important; height:20px !important;}

  td.pA, td.pB{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  td.pA .playerName, td.pB .playerName{
    display:inline-block !important;
    max-width:100% !important;
    padding:4px 6px !important;
    margin:0 !important;
  }

  table.fixedCols .colGroup  { width: 80px !important; }
  table.fixedCols .colSA     { width: 36px !important; }
  table.fixedCols .colRace   { width: 44px !important; }
  table.fixedCols .colSB     { width: 36px !important; }
  table.fixedCols .colStart  { width: 110px !important; }
  table.fixedCols .colStream { width: 110px !important; }

  table.fixedCols .colPlayerA{ width:auto !important; }
  table.fixedCols .colPlayerB{ width:auto !important; }
}

/* Player highlight */
.playerName{
  font-weight:450;
  font-size:14px;
  cursor:pointer;
  user-select:none;
  display:inline-block;
  max-width:100%;
  padding:6px 12px;
  margin:-3px -6px;
  border-radius:8px;
  transition: background .15s ease, box-shadow .15s ease, color .15s ease, outline-color .15s ease;
  -webkit-tap-highlight-color: transparent;
}

/* ✅ Selection becomes CISK-yellow (cleaner, less orange) */
.playerName.selected{
  background: linear-gradient(180deg, rgba(229,203,16,.40), rgba(229,203,16,.22));
  color:#fff7c8;
  font-weight:650;
  outline: 2px solid rgba(229,203,16,.90);
  box-shadow: 0 0 0 3px rgba(229,203,16,.14), 0 10px 22px rgba(229,203,16,.16);
}
.playerName:hover{ background: rgba(229,203,16,.10); }

/* header alignment */
thead th:nth-child(2){ text-align:right; padding-right: 22px; }
thead th:nth-child(4){ text-align:left;  padding-left: 22px; }

/* Frames toggle */
.framesToggle{
  width:34px;height:22px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0;border-radius:8px;
  border:1px solid rgba(125,211,255,.18);
  background: rgba(16,42,85,.55);
  color: rgba(242,247,255,.92);
  cursor:pointer;
  line-height:1;
  -webkit-tap-highlight-color: transparent;
}
.framesChev{display:flex;align-items:center;justify-content:center}
.framesChev svg{display:block}
.framesToggle.open .framesChev svg{transform:rotate(180deg); transition:transform .14s ease}

.framesChildTd{padding:0 !important}
.framesChildInner{
  padding:6px 8px;
  background: rgba(10,35,75,.55);
  border-top: 1px solid rgba(255,255,255,.10);
  width:100%;
  max-width:100%;
  overflow:auto;
}

/* Frames table */
.framesTable{
  width:100%;
  border-collapse:collapse;
  min-width: 700px;
}
.framesTable th, .framesTable td{
  padding:6px 8px;
  font-size:12px;
  line-height:1.1;
}

.framesTable th{
  font-size:12px;
  color: rgba(236,243,255,.86);
  background: rgba(255,255,255,.03);
  text-transform:uppercase;
  letter-spacing:.06em;
}
.watchFrame{
  display:inline-flex;
  padding:6px 8px;
  border-radius:10px;
  border:1px solid rgba(74,163,255,.42);
  background: rgba(74,163,255,.14);
  color: var(--text);
  text-decoration:none;
  font-weight:550;
}
.framesLoading{color: rgba(242,247,255,.75); font-weight:550}
.framesError{color:#ffd0d0; font-weight:550}

@media (max-width: 560px){
  .framesTable th:nth-child(4),
  .framesTable td:nth-child(4),
  .framesTable th:nth-child(5),
  .framesTable td:nth-child(5),
  .framesTable th:nth-child(6),
  .framesTable td:nth-child(6){
    display:none;
  }
  .framesTable{ min-width: 520px; }
}

.framesChildTd{ padding:0 !important; }
.framesChildInner{ padding:6px 8px !important; }

.framesChildInner .framesTable th,
.framesChildInner .framesTable td{
  padding:4px 6px !important;
  font-size:11px !important;
  line-height:1.1 !important;
}
.framesChildInner .framesTable th{
  font-size:10px !important;
  letter-spacing:.05em !important;
}
.framesChildInner .watchFrame{
  padding:4px 8px !important;
  font-size:11px !important;
  line-height:1 !important;
  border-radius:10px !important;
}
.framesChildInner .framesLoading,
.framesChildInner .framesError{
  font-size:11px !important;
}

@media (max-width: 1024px){
  .framesInner{ padding:6px 8px !important; }
  .framesInner .framesTable{
    width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
  }
  .framesInner .framesTable th,
  .framesInner .framesTable td{
    padding:4px 6px !important;
    font-size:11px !important;
    line-height:1.1 !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .framesInner .framesTable th:nth-child(7),
  .framesInner .framesTable td:nth-child(7){
    width:120px;
    white-space:normal !important;
    overflow:visible;
    text-overflow:clip;
  }
  .framesInner .watchFrame{
    display:inline-flex;
    padding:4px 8px !important;
    font-size:11px !important;
    line-height:1 !important;
    white-space:nowrap;
  }
}
@media (max-width: 560px){
  .framesTable{ min-width:0 !important; }
}

/* Force numeric standings headers & cells to center */
.standTable th:not(.left),
.standTable td:not(.left){
  text-align:center;
}

.standTable th:nth-child(2),
.standTable td:nth-child(2){
  padding-left:16px;
}

/* Standings table: kill inherited padding drift */
.standTable th,
.standTable td{
  padding-left:10px !important;
  padding-right:10px !important;
}

/* consistent column widths */
.standTable{
  table-layout: fixed;
  width: 100%;
}
.standTable th:nth-child(1),
.standTable td:nth-child(1){ width: 70px; }
.standTable th:nth-child(2),
.standTable td:nth-child(2){ width: auto; }
.standTable th:nth-child(3),
.standTable td:nth-child(3){ width: 60px; }
.standTable th:nth-child(4),
.standTable td:nth-child(4){ width: 60px; }
.standTable th:nth-child(5),
.standTable td:nth-child(5){ width: 60px; }
.standTable th:nth-child(6),
.standTable td:nth-child(6){ width: 60px; }
.standTable th:nth-child(7),
.standTable td:nth-child(7){ width: 60px; }
.standTable th:nth-child(8),
.standTable td:nth-child(8){ width: 60px; }
.standTable th:nth-child(9),
.standTable td:nth-child(9){ width: 70px; }

.standTable th, .standTable td{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 560px){
  .standTable th:nth-child(1),
  .standTable td:nth-child(1){ width: 40px; }
  .standTable th:nth-child(3),
  .standTable td:nth-child(3){ width: 40px; }
  .standTable th:nth-child(4),
  .standTable td:nth-child(4),
  .standTable th:nth-child(5),
  .standTable td:nth-child(5){ width: 35px; }
  .standTable th:nth-child(9),
  .standTable td:nth-child(9){ width: 45px; }
}

.posterWrap{
  max-width: 1100px;
  margin: 14px auto 18px;
  padding: 0 0px;
}
.posterImg{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.08);
}

/* ===== FORCE readable text (menu css override) ===== */
body{ color: var(--text) !important; }
.wrap, .card, .card *{ color: inherit; }
table, thead th, tbody td{ color: var(--text); }
.muted, .mutedSmall{ color: var(--muted) !important; }
td.sc.win  { color: var(--brand2) !important; }
td.sc.lose { color: #add8e6 !important; }
td.sc.tie  { color: #ffa500 !important; }




/* =========================
   CISK THEME BOOST (no extra branding text)
   Paste at END of CSS
   ========================= */

/* 1) Make the overall “accent” feel CISK (keep brand for links if you want) */
:root{
  --brand: var(--cisk-yellow);
  --brand2: var(--cisk-yellow);
  --live:  var(--cisk-red);
}

/* 2) Active tab: stronger and more visible */
.tab.active{
  background: linear-gradient(180deg, rgba(229,203,16,.22), rgba(190,35,43,.10)) !important;
  border-color: rgba(229,203,16,.55) !important;
  box-shadow: 0 12px 26px rgba(229,203,16,.12), 0 12px 26px rgba(190,35,43,.10) !important;
}


/* 3) Cards: more visible top accent + slight warm glow */
.card::before{
  height:3px !important;
  opacity:.85 !important;
  background: linear-gradient(90deg, rgba(229,203,16,.92), rgba(190,35,43,.72)) !important;
}
.card{
  box-shadow: 0 10px 26px rgba(0,0,0,.22), 0 0 0 1px rgba(229,203,16,.06) !important;
}



/* 5) LIVE badge + LIVE button: proper CISK red, more punch */
.stateLive{
  border-color: rgba(190,35,43,.65) !important;
  background: rgba(190,35,43,.18) !important;
  color: rgba(255,220,220,.98) !important;
  box-shadow: 0 10px 22px rgba(190,35,43,.12) !important;
}
.btnLive{
  border-color: rgba(190,35,43,.70) !important;
  background: rgba(190,35,43,.20) !important;
  color:#ffe1e1 !important;
  box-shadow: 0 12px 24px rgba(190,35,43,.16) !important;
}
.btnLive:hover{
  background: rgba(190,35,43,.26) !important;
}

/* 6) Winning score: use CISK yellow instead of orange */
.sc.win, .score.win{
  color: var(--cisk-yellow) !important;
  text-shadow: 0 0 18px rgba(229,203,16,.10);
}

/* 7) Table headers: add a visible but clean CISK underline */
thead th{
  position:relative;
}


/* 8) Row hover: slightly warmer so theme is felt while browsing */
tbody tr:hover{
  background: rgba(229,203,16,.05) !important;
}

/* 9) Selected player: warmer + more “CISK” */
.playerName.selected{
  background: linear-gradient(180deg, rgba(229,203,16,.46), rgba(190,35,43,.16)) !important;
  outline: 2px solid rgba(229,203,16,.95) !important;
  box-shadow: 0 0 0 3px rgba(229,203,16,.16), 0 12px 24px rgba(190,35,43,.10) !important;
  color:#fff6cf !important;
}
.playerName:hover{
  background: rgba(229,203,16,.14) !important;
}

/* 10) Frames toggle: nudge to CISK accent */
.framesToggle{
  border-color: rgba(229,203,16,.30) !important;
  background: rgba(229,203,16,.10) !important;
}
.framesToggle:hover{
  background: rgba(229,203,16,.14) !important;
}

/* =========================
   FIX: text invisible until hover
   (paste at VERY END)
   ========================= */

/* Force base text color back to your theme */
html, body{
  color: var(--text) !important;
}

/* Force common containers */
.wrap, .header, .card, .cardHead, .pad,
.tableWrap, table, thead, tbody, tr, th, td{
  color: var(--text) !important;
}

/* Links often inherit odd colors from menu CSS */
a, a:visited{
  color: inherit !important;
  text-decoration: none;
}
a:hover{ text-decoration: none; }

/* Player name chips / spans */
.playerName, .playerName *{
  color: inherit !important;
}

/* Keep muted as muted (still readable) */
.muted, .mutedSmall, .cardSub, .hSub{
  color: var(--muted) !important;
}



/* =========================
   STANDINGS – BLUE PANEL ALIGNMENT
   ========================= */

/* Wrap behaves like a fixture card */
.standingsWrap{
  background: linear-gradient(
    180deg,
    rgba(10,35,75,.92),
    rgba(7,16,38,.95)
  );
  border: 1px solid var(--lineHard);
  border-radius: 14px;
  box-shadow:
    0 16px 40px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.05);
  padding: 8px;
}

/* Table itself */
.standTable{
  background: transparent;
  border-collapse: collapse;
  width: 100%;
}

/* =========================
   HEADER – MATCH FIXTURES STYLE
   ========================= */
.standTable thead th{
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.06),
    rgba(255,255,255,.02)
  );
  color: rgba(242,247,255,.95);
  font-weight: 750;
  border-bottom: 1px solid rgba(229,203,16,.40);
  position: relative;
}



/* =========================
   ROWS – FIXTURES-LIKE BLUE
   ========================= */
.standTable tbody tr{
  background: rgba(255,255,255,.035);
}

.standTable tbody tr:nth-child(even){
  background: rgba(255,255,255,.06);
}

/* hover: warm + visible */
.standTable tbody tr:hover{
  background: rgba(229,203,16,.12) !important;
}

/* row separators */
.standTable td{
  border-bottom: 1px solid rgba(255,255,255,.12);
  color: rgba(242,247,255,.92);
}

/* =========================
   POS – STRONG ANCHOR
   ========================= */
.standTable td.posCell{
  background: linear-gradient(
    180deg,
    rgba(229,203,16,.28),
    rgba(229,203,16,.12)
  );
  color:#fff;
  font-weight: 800;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.12);
}

/* =========================
   PLAYER COLUMN – READABLE
   ========================= */
.standTable td.left{
  color: #f2f7ff;
  font-weight: 600;
}

/* =========================
   NUMERIC CELLS – CLEAN
   ========================= */
.standTable td:not(.left):not(.posCell):not(.ptsCell){
  color: rgba(242,247,255,.88);
}

/* =========================
   PTS – PREMIUM HIGHLIGHT
   ========================= */
.standTable td.ptsCell{
  background: linear-gradient(
    180deg,
    rgba(47,224,143,.28),
    rgba(47,224,143,.14)
  );
  color:#dfffee;
  font-weight: 850;
  box-shadow: inset 1px 0 0 rgba(255,255,255,.12);
}

/* =========================
   ONE CONTINUOUS HEADER LINE (ALL TABLES)
   ========================= */

/* thead becomes the “line owner” */
table thead{
  position: relative;
}

/* remove any borders that might double-up with the line */
table thead th{
  border-bottom: 0 !important;
}

/* single straight line across the whole table width */
table thead::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background: linear-gradient(
    90deg,
    rgba(229,203,16,.65),
    rgba(190,35,43,.45)
  );
  opacity:.85;
  pointer-events:none;
}