/* TrueBet global UI layer: unified header, hints and themes. */
:root{
  --tb-header-bg:rgba(10,14,23,.965);
  --tb-header-border:var(--border,#1a2235);
  --tb-radius:9px;
  --tb-ease:cubic-bezier(.2,.7,.2,1);
  --tb-club-c1:#00f2ff;
  --tb-club-c2:#ffd700;
  --tb-club-c3:#00ff66;
  --tb-club-c1-rgb:0,242,255;
  color-scheme:dark;
}

/* Unified header — deliberately uses tb-* classes so legacy page CSS cannot fight it. */
.tb-site-header{
  min-height:84px;
  padding:10px clamp(16px,2.2vw,30px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  background:var(--tb-header-bg)!important;
  border:0!important;
  border-bottom:1px solid var(--tb-header-border)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
.tb-site-logo{display:flex;align-items:center;flex:0 0 auto;text-decoration:none!important;transition:opacity .18s var(--tb-ease),transform .18s var(--tb-ease)}
.tb-site-logo:hover{opacity:.9;transform:translateY(-1px)}
.tb-site-logo img{display:block!important;height:70px!important;width:auto!important;max-width:220px!important;object-fit:contain!important}
.tb-header-right{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}
.tb-site-nav{display:flex;align-items:center;gap:7px;min-width:0}
.tb-nav-link{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;
  border:1px solid var(--border,#1a2235);border-radius:7px;color:var(--muted,#64748b)!important;
  background:rgba(255,255,255,.012);font:700 11px/1 Inter,Arial,sans-serif;text-decoration:none!important;
  letter-spacing:.05px;white-space:nowrap;transition:.16s var(--tb-ease)
}
.tb-nav-link:hover,.tb-nav-link.active{color:var(--accent,#00f2ff)!important;border-color:color-mix(in srgb,var(--accent,#00f2ff) 55%,transparent);background:color-mix(in srgb,var(--accent,#00f2ff) 7%,transparent);box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent,#00f2ff) 4%,transparent)}
.tb-nav-link.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,#00f2ff) 10%,transparent),inset 0 0 20px color-mix(in srgb,var(--accent,#00f2ff) 5%,transparent)}
.tb-ui-controls{display:flex;align-items:center;gap:8px;padding-left:10px;border-left:1px solid var(--border,#1a2235)}
.tb-hints-toggle{display:flex!important;align-items:center!important;gap:8px!important;color:var(--muted,#64748b)!important;font:800 10px/1 Inter,Arial,sans-serif!important;letter-spacing:.28px!important;cursor:pointer!important;user-select:none!important;white-space:nowrap!important}
.tb-hints-toggle input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.tb-toggle-track{display:block!important;position:relative!important;width:34px!important;height:18px!important;border:1px solid var(--border,#1a2235)!important;border-radius:999px!important;background:#080c14!important;transition:.18s var(--tb-ease)!important}
.tb-toggle-track>span{position:absolute!important;top:3px!important;left:3px!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#40506b!important;transition:.18s var(--tb-ease)!important}
.tb-hints-toggle input:checked+.tb-toggle-track{border-color:color-mix(in srgb,var(--accent,#00f2ff) 45%,transparent)!important;background:color-mix(in srgb,var(--accent,#00f2ff) 8%,transparent)!important;box-shadow:inset 0 0 12px color-mix(in srgb,var(--accent,#00f2ff) 8%,transparent)!important}
.tb-hints-toggle input:checked+.tb-toggle-track>span{left:19px!important;background:var(--accent,#00f2ff)!important;box-shadow:0 0 9px color-mix(in srgb,var(--accent,#00f2ff) 70%,transparent)!important}
.tb-theme-control{position:relative}
.tb-theme-button{
  min-height:34px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 10px!important;
  border:1px solid var(--border,#1a2235)!important;border-radius:7px!important;background:rgba(255,255,255,.012)!important;
  color:var(--text,#e2e8f0)!important;font:800 10px/1 Inter,Arial,sans-serif!important;cursor:pointer!important;white-space:nowrap!important;transition:.16s var(--tb-ease)!important
}
.tb-theme-button:hover,.tb-theme-button[aria-expanded="true"]{border-color:color-mix(in srgb,var(--accent,#00f2ff) 48%,transparent)!important;background:color-mix(in srgb,var(--accent,#00f2ff) 5%,transparent)!important}
.tb-theme-swatch{width:13px;height:13px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,var(--accent,#00f2ff),var(--gold,#ffd700));box-shadow:0 0 8px color-mix(in srgb,var(--accent,#00f2ff) 22%,transparent)}
.tb-theme-chevron{color:var(--muted,#64748b);font-size:13px;transform:translateY(-1px)}
.tb-theme-menu{
  position:absolute;right:0;top:calc(100% + 9px);width:252px;padding:7px;z-index:10020;
  border:1px solid var(--border,#1a2235);border-radius:12px;background:color-mix(in srgb,var(--surface,#0a0e17) 96%,transparent);
  box-shadow:0 22px 70px rgba(0,0,0,.42);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)
}
.tb-theme-menu[hidden]{display:none!important}
.tb-theme-menu button{width:100%!important;display:grid!important;grid-template-columns:29px 1fr!important;gap:10px!important;align-items:center!important;text-align:left!important;padding:9px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--text,#e2e8f0)!important;cursor:pointer!important;transition:.15s var(--tb-ease)!important}
.tb-theme-menu button:hover,.tb-theme-menu button.active{border-color:var(--border,#1a2235)!important;background:color-mix(in srgb,var(--accent,#00f2ff) 5%,transparent)!important}
.tb-theme-menu button strong{display:block;font:800 11px/1.25 Inter,Arial,sans-serif;color:var(--text,#e2e8f0)}
.tb-theme-menu button small{display:block;margin-top:3px;font:600 9px/1.25 Inter,Arial,sans-serif;color:var(--muted,#64748b)}
.tb-theme-preview{width:27px;height:27px;border-radius:7px;border:1px solid var(--border,#1a2235);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.tb-theme-preview-default{background:linear-gradient(135deg,#03050a 45%,#00f2ff 46% 58%,#ffd700 59%)}
.tb-theme-preview-light{background:linear-gradient(135deg,#f4f7fb 45%,#007f8a 46% 58%,#c48600 59%)}
.tb-theme-preview-cyber{background:linear-gradient(135deg,#02030a 35%,#00f6ff 36% 55%,#ff2bd6 56% 75%,#7cff00 76%)}
.tb-theme-preview-club{background:linear-gradient(135deg,var(--tb-club-c1) 0 34%,var(--tb-club-c2) 34% 67%,var(--tb-club-c3) 67%)}

/* Global dictionary-link presentation. Numbers are intentionally never linked by JS. */
a.tb-dict-link,a.dict-link{color:var(--accent,#00f2ff)!important;text-decoration:none!important;border-bottom:1px dashed color-mix(in srgb,var(--accent,#00f2ff) 42%,transparent)!important;font-weight:650!important;cursor:help!important;transition:.14s var(--tb-ease)!important}
a.tb-dict-link:hover,a.dict-link:hover{color:var(--gold,#ffd700)!important;border-bottom-color:var(--gold,#ffd700)!important;background:color-mix(in srgb,var(--gold,#ffd700) 5%,transparent)!important}
html.tb-hints-off a.tb-dict-link,html.tb-hints-off a.dict-link{color:inherit!important;border-bottom-color:transparent!important;background:none!important;font-weight:inherit!important;pointer-events:none!important;cursor:inherit!important}

/* Club picker. */
.tb-club-backdrop{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:20px;background:rgba(1,4,10,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.tb-club-backdrop[hidden]{display:none!important}
.tb-club-picker{width:min(940px,96vw);max-height:min(790px,86vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border,#1a2235);border-radius:17px;background:color-mix(in srgb,var(--surface,#0a0e17) 98%,transparent);box-shadow:0 30px 100px rgba(0,0,0,.58)}
.tb-club-picker-head{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:18px 20px 14px;border-bottom:1px solid var(--border,#1a2235)}
.tb-club-picker-head h2{margin:0!important;font:900 19px/1.2 Inter,Arial,sans-serif!important;color:var(--text,#e2e8f0)!important}
.tb-club-picker-head p{margin:5px 0 0!important;font:600 10px/1.45 Inter,Arial,sans-serif!important;color:var(--muted,#64748b)!important}
.tb-club-close{width:34px;height:34px;border:1px solid var(--border,#1a2235);border-radius:8px;background:transparent;color:var(--muted,#64748b);font-size:18px;cursor:pointer}
.tb-club-search-wrap{padding:12px 20px;border-bottom:1px solid var(--border,#1a2235)}
.tb-club-search{width:100%!important;margin:0!important;padding:11px 12px!important;border:1px solid var(--border,#1a2235)!important;border-radius:9px!important;background:color-mix(in srgb,var(--surface2,#0f1420) 92%,transparent)!important;color:var(--text,#e2e8f0)!important;font:600 12px Inter,Arial,sans-serif!important;outline:none!important}
.tb-club-search:focus{border-color:color-mix(in srgb,var(--accent,#00f2ff) 55%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#00f2ff) 7%,transparent)!important}
.tb-club-groups{overflow:auto;padding:6px 20px 20px;scrollbar-width:thin;scrollbar-color:var(--border,#1a2235) transparent}
.tb-club-group{padding-top:15px}
.tb-club-group[hidden]{display:none!important}
.tb-club-group h3{position:sticky;top:-6px;z-index:1;margin:0 0 9px!important;padding:7px 0 6px;background:color-mix(in srgb,var(--surface,#0a0e17) 97%,transparent);font:900 10px/1 Inter,Arial,sans-serif!important;letter-spacing:.7px;text-transform:uppercase;color:var(--muted,#64748b)!important}
.tb-club-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tb-club-option{display:grid!important;grid-template-columns:38px 1fr!important;gap:10px!important;align-items:center!important;min-height:54px!important;padding:7px 9px!important;border:1px solid var(--border,#1a2235)!important;border-radius:10px!important;background:rgba(255,255,255,.012)!important;color:var(--text,#e2e8f0)!important;text-align:left!important;cursor:pointer!important;transition:.15s var(--tb-ease)!important}
.tb-club-option:hover,.tb-club-option.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent,#00f2ff) 50%,transparent)!important;background:color-mix(in srgb,var(--accent,#00f2ff) 4%,transparent)!important;box-shadow:0 9px 22px rgba(0,0,0,.12)}
.tb-club-option img{width:36px!important;height:36px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.22))}
.tb-club-option span{overflow:hidden;text-overflow:ellipsis;font:800 10px/1.25 Inter,Arial,sans-serif!important;white-space:normal}
.tb-club-empty{padding:28px;text-align:center;color:var(--muted,#64748b);font-size:11px}

/* History league dropdown. */
.tb-history-league-select{min-width:210px;height:36px;margin:0!important;padding:0 34px 0 12px!important;border:1px solid color-mix(in srgb,var(--accent,#00f2ff) 45%,var(--border,#1a2235))!important;border-radius:7px!important;background-color:color-mix(in srgb,var(--surface,#0a0e17) 96%,transparent)!important;color:var(--text,#e2e8f0)!important;font:900 12px/1 Inter,Arial,sans-serif!important;outline:none!important;cursor:pointer!important}
.tb-history-league-select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#00f2ff) 7%,transparent)!important}

/* Light theme — low-glare, high-contrast neutral palette. */
html[data-tb-theme="light"]{
  color-scheme:light;
  --bg:#e7edf4;--surface:#ffffff;--surface2:#f4f7fa;--surface3:#edf2f6;--surface-light:#edf2f6;--surface-hover:#eef5f7;
  --border:#c8d3df;--line:#c8d3df;--panel:#ffffff;--accent:#007d89;--accent-dark:#00626c;--cyan:#007d89;--gold:#946700;
  --text:#142338;--muted:#5b6c81;--green:#087a45;--good:#087a45;--red:#c33d55;--bad:#c33d55;--orange:#ad5d00;--purple:#6f4ab5;
  --tb-header-bg:rgba(248,250,252,.975);--tb-header-border:#cbd6e2;
}
html[data-tb-theme="light"] body{
  background:linear-gradient(180deg,#eef3f8 0,#e7edf4 240px,#e4ebf2 100%)!important;
  color:var(--text)!important;
}
html[data-tb-theme="light"] body::before{
  opacity:.34!important;
  background-image:linear-gradient(rgba(0,98,108,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,98,108,.035) 1px,transparent 1px)!important;
  background-size:54px 54px!important;
}
html[data-tb-theme="light"] body::after{display:none!important}
html[data-tb-theme="light"] .tb-site-header{
  box-shadow:0 8px 28px rgba(27,46,69,.09)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
}
html[data-tb-theme="light"] .tb-nav-link,
html[data-tb-theme="light"] .tb-theme-button{
  background:#f7f9fc!important;border-color:#cbd6e2!important;color:#516277!important;
}
html[data-tb-theme="light"] .tb-nav-link:hover,
html[data-tb-theme="light"] .tb-nav-link.active,
html[data-tb-theme="light"] .tb-theme-button:hover,
html[data-tb-theme="light"] .tb-theme-button[aria-expanded="true"]{
  background:#edf7f8!important;border-color:#78b8be!important;color:#006b75!important;box-shadow:none!important;
}
html[data-tb-theme="light"] .tb-ui-controls{border-left-color:#d3dce6!important}
html[data-tb-theme="light"] .tb-toggle-track{background:#dfe6ee!important;border-color:#bdcad7!important}
html[data-tb-theme="light"] .tb-toggle-track>span{background:#8090a3!important}
html[data-tb-theme="light"] .tb-theme-menu,
html[data-tb-theme="light"] .tb-club-picker{
  background:rgba(255,255,255,.985)!important;border-color:#c7d2df!important;box-shadow:0 24px 70px rgba(30,48,70,.18)!important;
}
html[data-tb-theme="light"] .tb-club-backdrop{background:rgba(42,55,72,.42)!important}

/* Primary surfaces. Dark page-specific rgba backgrounds are overridden here. */
html[data-tb-theme="light"] :where(
  .seo-intro,.top-controls,.sort-controls-wrapper,.panel,.section,.controls,.table-wrap,.roi-card,.metric,.fixture,.match-card,
  .prob-card,.total-card,.value,.snap,.result-item,.bk-item,.faq-item,.term-card,.strategy,.search-container,.notice,.pending-callout,
  .main-line-panel,.math-panel,.team-stats-panel,.transfermarkt-panel,.movement-panel,.partners-panel,.bet-calculator,.odds-section,
  .no-value-message,.header-section,.comparison-table
){
  background:#fff!important;border-color:#c8d3df!important;color:var(--text)!important;
  box-shadow:0 10px 28px rgba(34,55,79,.065)!important;
}
html[data-tb-theme="light"] :where(.hero,.roi-card,.controls,.pending-callout){
  background:linear-gradient(180deg,#ffffff 0%,#f6f9fc 100%)!important;
}
html[data-tb-theme="light"] .seo-intro{
  background:linear-gradient(110deg,#f8fbfd,#f1f6f9)!important;border-left:3px solid var(--accent)!important;
}
html[data-tb-theme="light"] .top-controls{
  background:linear-gradient(135deg,#ffffff,#f2f6fa)!important;border:1px solid #c3cfdb!important;
  box-shadow:0 14px 34px rgba(34,55,79,.10)!important;
}
html[data-tb-theme="light"] .sort-controls-wrapper{
  background:rgba(231,237,244,.94)!important;border-bottom-color:#c8d3df!important;box-shadow:none!important;
}
html[data-tb-theme="light"] .section-title{color:#53667d!important;border-bottom-color:#c7d2df!important}
html[data-tb-theme="light"] .section-title-badge{
  background:#e7f5f6!important;border-color:#79b9bf!important;color:#006c76!important;
}
html[data-tb-theme="light"] .sort-btn,
html[data-tb-theme="light"] .mode-btn,
html[data-tb-theme="light"] .page-btn,
html[data-tb-theme="light"] .nav-arrow,
html[data-tb-theme="light"] .league-switcher-btn{
  background:#f7f9fb!important;border-color:#c3cfdb!important;color:#52647a!important;box-shadow:none!important;
}
html[data-tb-theme="light"] :where(.sort-btn,.mode-btn).active{
  background:#007d89!important;border-color:#007d89!important;color:#fff!important;box-shadow:0 6px 16px rgba(0,125,137,.18)!important;
}
html[data-tb-theme="light"] :where(.sort-btn,.mode-btn,.page-btn,.nav-arrow,.league-switcher-btn):hover:not(:disabled){
  background:#eaf5f6!important;border-color:#76b8be!important;color:#006a74!important;
}
html[data-tb-theme="light"] :where(input,select,textarea,.tournament-select,.tb-history-league-select){
  background:#fff!important;color:#1d2c40!important;border-color:#bdcad7!important;box-shadow:inset 0 1px 2px rgba(34,55,79,.025)!important;
}
html[data-tb-theme="light"] :where(input,select,textarea):focus{border-color:#6caeb5!important;box-shadow:0 0 0 3px rgba(0,125,137,.09)!important}
html[data-tb-theme="light"] :where(table,.bets){background:#fff!important;color:var(--text)!important}
html[data-tb-theme="light"] :where(.head,thead,tr.head){background:#edf2f6!important;color:#53667d!important}
html[data-tb-theme="light"] tbody tr{border-color:#d8e0e8!important}
html[data-tb-theme="light"] tbody tr:hover{background:#f1f6f8!important}
html[data-tb-theme="light"] .mc-header{background:#f4f7fa!important;border-bottom-color:#d5dee7!important;color:#5b6c81!important}
html[data-tb-theme="light"] .mc-body{background:#fff!important}
html[data-tb-theme="light"] .match-card{box-shadow:0 10px 26px rgba(36,57,82,.07)!important}
html[data-tb-theme="light"] .match-card:hover{box-shadow:0 14px 34px rgba(0,125,137,.12)!important;border-color:#70b2b9!important}
html[data-tb-theme="light"] .value-teaser{background:#f6faf9!important;border-top-color:#d5e3df!important}
html[data-tb-theme="light"] .mobile-xg{background:#eef8f9!important;border-color:#c2e0e2!important}
html[data-tb-theme="light"] .top3-card{
  background:linear-gradient(135deg,#fffaf0 0%,#f2fafb 100%)!important;border-color:#dcc986!important;
  box-shadow:0 9px 24px rgba(69,59,24,.07)!important;
}
html[data-tb-theme="light"] .top3-card.best-pick{box-shadow:0 10px 28px rgba(148,103,0,.12)!important}
html[data-tb-theme="light"] .top3-rank{color:rgba(117,87,13,.16)!important}
html[data-tb-theme="light"] .tournament-flag-display{
  background:#f5f8fb!important;border-color:#b9c7d5!important;box-shadow:0 7px 22px rgba(34,55,79,.10)!important;
}
html[data-tb-theme="light"] .tournament-flag-display::after{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(20,35,56,.16))!important}
html[data-tb-theme="light"] .flag-label{background:rgba(255,255,255,.92)!important;color:#006c76!important;border-color:#bdcad7!important}
html[data-tb-theme="light"] :where(.score,.team-name,.teams,.league-name,.market,.num,.metric-value,.prob-value,.xgval,.page-title,.seo-title,.t-name,.top3-match){color:var(--text)!important}
html[data-tb-theme="light"] :where(.muted,.section-note,.sub,.odd,.date,.metric-label,.prob-caption,.seo-description,.top3-odd){color:#5b6c81!important}
html[data-tb-theme="light"] .positive,html[data-tb-theme="light"] .green{color:#087a45!important}
html[data-tb-theme="light"] .negative,html[data-tb-theme="light"] .red{color:#bd354e!important}
html[data-tb-theme="light"] .gold{color:#8b6100!important}
html[data-tb-theme="light"] a.tb-dict-link,html[data-tb-theme="light"] a.dict-link{color:#006f7a!important;border-bottom-color:rgba(0,111,122,.38)!important}

/* Cyberpunk theme. */
html[data-tb-theme="cyber"]{
  color-scheme:dark;
  --bg:#02030a;--surface:#070a16;--surface2:#0b1020;--surface3:#0d1428;--surface-light:#10182b;--surface-hover:#0e1629;
  --border:#23304a;--line:#23304a;--panel:#070a16;--accent:#00f6ff;--accent-dark:#00b9c1;--cyan:#00f6ff;--gold:#ff2bd6;
  --text:#e9fdff;--muted:#6f809d;--green:#7cff00;--good:#7cff00;--red:#ff406a;--bad:#ff406a;--orange:#ff9d00;--purple:#a96cff;
  --tb-header-bg:rgba(3,5,14,.94);--tb-header-border:#273552;
}
html[data-tb-theme="cyber"] body{background:radial-gradient(circle at 18% -8%,rgba(0,246,255,.11),transparent 27%),radial-gradient(circle at 88% 8%,rgba(255,43,214,.08),transparent 30%),var(--bg)!important}
html[data-tb-theme="cyber"] body::before{content:""!important;position:fixed!important;inset:0!important;z-index:9996!important;pointer-events:none!important;opacity:.32!important;background-image:linear-gradient(rgba(0,246,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.022) 1px,transparent 1px)!important;background-size:38px 38px!important;animation:tb-grid-drift 18s linear infinite!important}
html[data-tb-theme="cyber"] body::after{content:""!important;position:fixed!important;inset:0!important;z-index:9997!important;pointer-events:none!important;opacity:.1!important;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,246,255,.16) 4px,transparent 5px)!important;animation:tb-scan 11s linear infinite!important}
@keyframes tb-grid-drift{to{background-position:38px 38px}}
@keyframes tb-scan{0%{transform:translateY(-12px)}100%{transform:translateY(12px)}}
html[data-tb-theme="cyber"] .tb-site-header{box-shadow:0 1px 0 rgba(0,246,255,.13),0 14px 45px rgba(0,0,0,.3)!important}
html[data-tb-theme="cyber"] .tb-site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#00f6ff 18%,#ff2bd6 50%,#7cff00 82%,transparent);opacity:.75;pointer-events:none}
html[data-tb-theme="cyber"] :where(.panel,.section,.controls,.table-wrap,.roi-card,.metric,.fixture,.prob-card,.total-card,.value,.snap,.result-item,.bk-item,.faq-item,.term-card,.strategy){box-shadow:inset 0 0 0 1px rgba(0,246,255,.015),0 12px 30px rgba(0,0,0,.13)}
html[data-tb-theme="cyber"] :where(.panel,.section,.metric,.fixture,.prob-card,.total-card,.value,.strategy):hover{border-color:color-mix(in srgb,var(--accent) 32%,var(--border))}
html[data-tb-theme="cyber"] :where(h1,.page-title,.team-name){text-shadow:1px 0 0 rgba(255,43,214,.18),-1px 0 0 rgba(0,246,255,.16)}
@keyframes tb-glitch-logo{
  0%,84%,86%,89%,92%,100%{filter:drop-shadow(0 0 0 transparent) saturate(1)}
  84.5%{filter:drop-shadow(3px 0 #ff2bd6) drop-shadow(-3px 0 #00f6ff) saturate(1.35) contrast(1.12)}
  85%{filter:drop-shadow(2px 0 #7cff00) drop-shadow(-2px 0 #ff2bd6) contrast(1.24)}
  85.5%{filter:drop-shadow(2px 0 #00f6ff) drop-shadow(-1px 0 #ff2bd6) saturate(1.22)}
  87.2%{filter:drop-shadow(2px 0 #ff2bd6) contrast(1.12)}
  88%{filter:drop-shadow(-2px 0 #00f6ff) saturate(1.18)}
  90.5%{filter:drop-shadow(1.5px 0 #7cff00) drop-shadow(-1.5px 0 #ff2bd6)}
  91%{filter:drop-shadow(-1.5px 0 #00f6ff)}
}
@keyframes tb-glitch-text{
  0%,88%,90%,93%,96%,100%{text-shadow:inherit;filter:none}
  88.6%{text-shadow:2px 0 #ff2bd6,-2px 0 #00f6ff;filter:contrast(1.16)}
  89.2%{text-shadow:-2px 0 #7cff00,2px 0 #ff2bd6;filter:saturate(1.2)}
  91.2%{text-shadow:1px 0 #00f6ff,-1px 0 #ff2bd6;filter:contrast(1.12)}
  92%{text-shadow:2px 0 #ff2bd6,-1px 0 #00f6ff}
  94.5%{text-shadow:-1px 0 #00f6ff,1px 0 #7cff00}
}
@keyframes tb-glitch-panel{
  0%,89%,91%,94%,97%,100%{box-shadow:var(--tb-cyber-base-shadow,0 12px 30px rgba(0,0,0,.13));filter:none}
  89.5%{box-shadow:-3px 0 0 rgba(0,246,255,.42),3px 0 0 rgba(255,43,214,.34),0 14px 30px rgba(0,0,0,.2);filter:contrast(1.04)}
  90.2%{box-shadow:2px 0 0 rgba(124,255,0,.28),-3px 0 0 rgba(255,43,214,.36),0 12px 30px rgba(0,0,0,.18);filter:saturate(1.14)}
  92.1%{filter:saturate(1.18)}
  93%{box-shadow:inset 2px 0 0 rgba(0,246,255,.3),inset -2px 0 0 rgba(255,43,214,.25),0 12px 30px rgba(0,0,0,.18)}
  95.5%{filter:contrast(1.06)}
}
html[data-tb-theme="cyber"] :where(.tb-site-logo img,img.team-logo,img.crest,img[src*="/teams/"]){animation:tb-glitch-logo 5.8s steps(1,end) infinite!important}
html[data-tb-theme="cyber"] :where(h1,h2,.page-title,.team-name,.t-name,.league-name,.metric-value,.prob-value,.top3-roi,.market,.roi-value,.score){animation:tb-glitch-text 9s steps(1,end) infinite}
html[data-tb-theme="cyber"] :where(.panel,.section,.controls,.roi-card,.metric,.match-card,.top3-card,.prob-card,.total-card,.term-card,.faq-item,.strategy,.pending-callout){
  --tb-cyber-base-shadow:inset 0 0 0 1px rgba(0,246,255,.018),0 12px 30px rgba(0,0,0,.15);
  animation:tb-glitch-panel 9s steps(1,end) infinite;
}
html[data-tb-theme="cyber"] :where(.match-card:nth-child(2n),.metric:nth-child(2n),.prob-card:nth-child(2n),.term-card:nth-child(2n)){animation-delay:-2.7s}
html[data-tb-theme="cyber"] :where(.match-card:nth-child(3n),.metric:nth-child(3n),.prob-card:nth-child(3n),.term-card:nth-child(3n)){animation-delay:-5.4s}
html[data-tb-theme="cyber"] .tb-site-header::before{content:none!important;display:none!important}
html[data-tb-theme="cyber"] ::selection{background:#ff2bd6;color:#02030a}

/* Club theme. Raw club colors are set by site_ui.js, while text/background remain contrast-safe. */
html[data-tb-theme="club"]{
  color-scheme:dark;
  --bg:#05070b;--surface:#0a0e14;--surface2:#0f151e;--surface3:#121a25;--surface-light:#121a25;--surface-hover:#111925;
  --border:#253141;--line:#253141;--panel:#0a0e14;--text:#edf3fa;--muted:#77879b;--red:#ff4665;
  --tb-header-bg:rgba(7,10,14,.955);
}
html[data-tb-theme="club"] body{background:radial-gradient(circle at 14% -10%,rgba(var(--tb-club-c1-rgb),.14),transparent 31%),radial-gradient(circle at 92% 5%,color-mix(in srgb,var(--tb-club-c2) 12%,transparent),transparent 30%),var(--bg)!important}
html[data-tb-theme="club"] .tb-site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent 2%,var(--tb-club-c1) 23%,var(--tb-club-c2) 50%,var(--tb-club-c3) 77%,transparent 98%);opacity:.78;pointer-events:none}
html[data-tb-theme="club"] :where(.panel,.section,.controls,.table-wrap,.roi-card,.metric,.fixture,.prob-card,.total-card,.value,.snap,.result-item,.bk-item,.faq-item,.term-card,.strategy){border-color:color-mix(in srgb,var(--accent) 16%,var(--border))!important}
html[data-tb-theme="club"] :where(.roi-card,.hero){box-shadow:inset 2px 0 0 color-mix(in srgb,var(--accent) 50%,transparent),0 14px 38px rgba(0,0,0,.13)}
html[data-tb-theme="club"] .tb-theme-swatch{background:linear-gradient(135deg,var(--tb-club-c1) 0 34%,var(--tb-club-c2) 34% 67%,var(--tb-club-c3) 67%)}

/* Responsive header and picker. */
@media(max-width:1100px){
  .tb-site-header{align-items:flex-start!important;min-height:0!important}
  .tb-header-right{flex:1;flex-direction:column;align-items:flex-end;gap:7px}
  .tb-site-nav{max-width:100%;overflow-x:auto;scrollbar-width:none}.tb-site-nav::-webkit-scrollbar{display:none}
  .tb-ui-controls{border-left:0;padding-left:0}
  .tb-club-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .tb-site-header{padding:8px 12px!important;gap:10px!important}
  .tb-site-logo img{height:55px!important;max-width:150px!important}
  .tb-header-right{min-width:0}
  .tb-nav-link{min-height:31px;padding:0 8px;font-size:9px}
  .tb-hints-label{display:none}
  .tb-theme-button{min-height:31px!important;max-width:130px!important}.tb-theme-button [data-tb-theme-label]{overflow:hidden;text-overflow:ellipsis}
  .tb-theme-menu{position:fixed;right:10px;top:72px;width:min(260px,calc(100vw - 20px))}
  .tb-club-backdrop{padding:8px}.tb-club-picker{width:100%;max-height:92vh;border-radius:14px}.tb-club-picker-head{padding:15px}.tb-club-search-wrap{padding:10px 15px}.tb-club-groups{padding:4px 15px 15px}.tb-club-grid{grid-template-columns:1fr}.tb-club-option{min-height:50px!important}
  .tb-history-league-select{min-width:160px!important;max-width:52vw!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-tb-theme="cyber"] body::before,html[data-tb-theme="cyber"] body::after,
  html[data-tb-theme="cyber"] .tb-site-header::before,
  html[data-tb-theme="cyber"] :where(.tb-site-logo img,img.team-logo,img.crest,img[src*="/teams/"],svg,h1,h2,.page-title,.team-name,.t-name,.league-name,.metric-value,.prob-value,.top3-roi,.market,.roi-value,.score,.panel,.section,.controls,.roi-card,.metric,.match-card,.top3-card,.prob-card,.total-card,.term-card,.faq-item,.strategy,.pending-callout){animation:none!important}
}

/* === v6 visual hardening: light theme, Cyber overflow, brand club themes === */
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow:clip){html,body{overflow-x:hidden}}

/* Light theme v6: a cleaner cool-gray system with no dark legacy islands. */
html[data-tb-theme="light"]{
  --bg:#eef3f8;--surface:#ffffff;--surface2:#f7f9fb;--surface3:#f3f6f9;--surface-light:#f4f7fa;--surface-hover:#edf5f6;
  --border:#c9d4df;--line:#c9d4df;--panel:#ffffff;--text:#17283d;--muted:#607187;
}
html[data-tb-theme="light"] body{
  background:linear-gradient(180deg,#f4f7fa 0,#eef3f8 240px,#ebf1f6 100%)!important;
}
html[data-tb-theme="light"] :where(.aggregate-roi,.faq-section,.partner-card,.value-switcher,.main-line-item,.odds-item,.edge-line-chart,.edge-line-svg-wrapper,.partner-legal,.seo-analysis,.data-grid>.panel){
  color:var(--text)!important;border-color:#cad5e0!important;
}
html[data-tb-theme="light"] .aggregate-roi{
  background:linear-gradient(135deg,#ffffff 0%,#f4f8fb 64%,#edf7f8 100%)!important;
  border-color:#a9cdd1!important;box-shadow:0 12px 30px rgba(35,57,82,.075)!important;
}
html[data-tb-theme="light"] .aggregate-roi::before{background:linear-gradient(#078993,rgba(7,137,147,0))!important}
html[data-tb-theme="light"] .aggregate-title{color:#54677e!important}
html[data-tb-theme="light"] .league-check{
  background:#f7f9fb!important;border-color:#bdcad7!important;color:#465a72!important;box-shadow:none!important;
}
html[data-tb-theme="light"] .league-check:hover{background:#edf6f7!important;border-color:#7ab7bd!important;color:#1b4851!important}
html[data-tb-theme="light"] .league-box{background:#ffffff!important;border-color:#9fb0c1!important;box-shadow:inset 0 1px 2px rgba(35,57,82,.05)!important}
html[data-tb-theme="light"] .league-check input:checked+.league-box{background:#e7f8f9!important;border-color:#158995!important}
html[data-tb-theme="light"] .aggregate-meta,html[data-tb-theme="light"] .aggregate-meta strong{color:#53667c!important}

/* FAQ was using an explicit dark gradient that ignored the theme variables. */
html[data-tb-theme="light"] .faq-section{
  background:linear-gradient(145deg,#ffffff,#f7f9fb)!important;
  box-shadow:0 10px 26px rgba(35,57,82,.06)!important;
}
html[data-tb-theme="light"] .faq-section:hover{border-color:#7db7bd!important;box-shadow:0 12px 30px rgba(0,125,137,.075)!important}
html[data-tb-theme="light"] .faq-question{color:#8a6100!important}
html[data-tb-theme="light"] :where(.simple-explanation,.formula-box,.example-box,.faq-note){background:#f4f9fa!important;color:var(--text)!important;border-color:#bfdae0!important}

/* Future-match page: lighten the legacy gray blocks by roughly one visual step (~20%). */
html[data-tb-theme="light"] :where(.value-switcher,.main-line-item,.odds-item,.partner-card,.partner-legal){
  background:#f5f7fa!important;
}
html[data-tb-theme="light"] .partner-logo{background:#ffffff!important;border-color:#d2dbe4!important}
html[data-tb-theme="light"] .partner-legal{background:#f2f5f8!important;border-color:#d2dbe4!important;color:#63758a!important}
html[data-tb-theme="light"] .edge-line-chart{
  background:#f5f7fa!important;border-color:#c9d4df!important;
}
html[data-tb-theme="light"] .edge-line-svg-wrapper{
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fb 100%)!important;border-color:#ccd6e0!important;
}
html[data-tb-theme="light"] .edge-grid-line{stroke:rgba(110,128,150,.26)!important}
html[data-tb-theme="light"] .edge-grid-line.highlight{stroke:rgba(91,111,135,.34)!important}
html[data-tb-theme="light"] .edge-line-footer{border-top-color:#d5dee7!important}
html[data-tb-theme="light"] .bet-calculator{background:#f7fafb!important;border-color:#b9d9dd!important}
html[data-tb-theme="light"] .bet-calc-input{background:#ffffff!important;color:#15314a!important;border-color:#b8c8d8!important}
html[data-tb-theme="light"] .bet-calc-result{background:#eefaf3!important;border-color:#a9dbc0!important}
html[data-tb-theme="light"] .sparkline-arrow.unknown{background:#f3f6f9!important;color:#53667c!important;border-color:#c8d3df!important}

/* Replace black hover tooltips on light pages. */
html[data-tb-theme="light"] .form-badge:hover::after,
html[data-tb-theme="light"] .model-eval-tooltip,
html[data-tb-theme="light"] .tb-inline-tip::after{
  background:#ffffff!important;color:#203147!important;border:1px solid #b8c7d5!important;
  box-shadow:0 8px 22px rgba(35,57,82,.16)!important;
}
html[data-tb-theme="light"] .model-eval-tooltip{color:#006f79!important;border-color:#7fb8bd!important}
.tb-inline-tip{position:relative}
.tb-inline-tip:hover::after{
  content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);z-index:250;
  padding:6px 9px;border-radius:6px;background:rgba(10,14,23,.97);border:1px solid var(--border);color:var(--text);
  font:700 10px/1.2 Inter,Arial,sans-serif;white-space:nowrap;box-shadow:0 7px 20px rgba(0,0,0,.28);pointer-events:none;
}

/* Cyber: glitch may paint outside an element, but must never create page-width overflow. */
html[data-tb-theme="cyber"],html[data-tb-theme="cyber"] body{width:100%;max-width:100%;overflow-x:clip!important}
@supports not (overflow:clip){html[data-tb-theme="cyber"],html[data-tb-theme="cyber"] body{overflow-x:hidden!important}}
html[data-tb-theme="cyber"] body::before,html[data-tb-theme="cyber"] body::after{max-width:100vw!important;overflow:hidden!important;contain:paint}
html[data-tb-theme="cyber"] :where(.panel,.section,.controls,.roi-card,.metric,.match-card,.top3-card,.prob-card,.total-card,.term-card,.faq-item,.strategy,.pending-callout){will-change:filter}

/* Club theme v6. Background is exactly 35% of the darkest club color + 65% black (computed in JS). */
html[data-tb-theme="club"]{
  --bg:var(--tb-club-bg,#05070b);
  --surface:color-mix(in srgb,var(--tb-club-bg,#05070b) 58%,#111821 42%);
  --surface2:color-mix(in srgb,var(--tb-club-bg,#05070b) 46%,#18212c 54%);
  --surface3:color-mix(in srgb,var(--tb-club-bg,#05070b) 38%,#202a36 62%);
  --surface-light:color-mix(in srgb,var(--tb-club-bg,#05070b) 38%,#202a36 62%);
  --surface-hover:color-mix(in srgb,var(--tb-club-bg,#05070b) 34%,#263241 66%);
  --panel:var(--surface);
  --border:color-mix(in srgb,var(--tb-club-c1,#00f2ff) 19%,#283443 81%);
  --line:var(--border);
  --tb-header-bg:color-mix(in srgb,var(--tb-club-bg,#05070b) 76%,#080c12 24%);
}
html[data-tb-theme="club"] body{
  background:
    radial-gradient(circle at 15% -8%,color-mix(in srgb,var(--tb-club-c1) 15%,transparent),transparent 31%),
    radial-gradient(circle at 90% 4%,color-mix(in srgb,var(--tb-club-c2) 10%,transparent),transparent 28%),
    linear-gradient(180deg,color-mix(in srgb,var(--tb-club-bg) 91%,#090d13 9%),var(--tb-club-bg))!important;
}
html[data-tb-theme="club"] :where(.panel,.section,.controls,.table-wrap,.roi-card,.metric,.fixture,.match-card,.prob-card,.total-card,.value,.snap,.result-item,.bk-item,.faq-item,.faq-section,.term-card,.strategy,.aggregate-roi){
  background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 94%,var(--tb-club-c1) 6%),var(--surface2))!important;
}


/* === v7: match light-theme polish + Cyber geometry hardening === */
.math-outcome-x{color:var(--purple,#a855f7)!important}
html[data-tb-theme="light"] :where(.seo-data-item,.main-line-item,.odds-item,.math-outcome-strip){
  background:#f5f7fa!important;border-color:#c9d4df!important;color:var(--text)!important;
}
html[data-tb-theme="light"] .seo-data-item{box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important}
html[data-tb-theme="light"] .main-line-odd.x,
html[data-tb-theme="light"] .math-outcome-x{color:#6d45b5!important;text-shadow:none!important}
html[data-tb-theme="light"] .math-outcome-strip{border:1px solid #c9d4df!important}
/* Cyber glitches now change paint only (filter/shadow), never layout geometry. */
html[data-tb-theme="cyber"] .tb-site-header::before{content:none!important;display:none!important;animation:none!important}