/* TSO Clubhouse live visual bridge: scoped, reversible and non-destructive. */
body.tso-cn-body .cn-theme-vars.tso-v10-ready {
  display: grid;
  grid-template-columns: 218px minmax(0,1fr);
  align-items: stretch;
  gap: 0;
  max-width: 1510px;
  margin: 0 auto;
  background: #06192d;
  border: 1px solid #2a4963;
  border-radius: 18px;
  overflow: clip;
  box-shadow: 0 18px 55px #0003;
}
body.tso-cn-body .cn-theme-vars.tso-v10-ready > .cn-app {min-width:0;max-width:none;width:100%;background:#071d33}
.tso-v10-sidebar {padding:22px 12px;background:linear-gradient(180deg,#071e33,#06172a);border-right:1px solid #2b4a65;color:#d5e6f1;min-width:0}
.tso-v10-sidebar__brand {display:flex;align-items:center;gap:9px;padding:5px 7px 20px;border-bottom:1px solid #2d4a61;text-decoration:none!important;color:white!important}
.tso-v10-sidebar__brand img {width:40px;height:40px;border-radius:11px;object-fit:contain;background:linear-gradient(140deg,#f4da7e,#b18b38);padding:4px}
.tso-v10-sidebar__brand b {display:block;font:800 19px/1.1 Georgia,serif;letter-spacing:-.04em}
.tso-v10-sidebar__brand small {display:block;margin-top:5px;color:#f5c961;font-size:9px;letter-spacing:.11em;font-weight:850}
.tso-v10-sidebar__label {margin:18px 11px 9px;font-size:10px;letter-spacing:.16em;font-weight:900;color:#83a9c5;text-transform:uppercase}
.tso-v10-sidebar__link {display:flex;align-items:center;gap:10px;padding:12px 11px;margin:4px 0;border-radius:10px;border:1px solid transparent;color:#bbd1e0!important;font-weight:750;font-size:12px;text-decoration:none!important;transition:background .15s,border .15s}
.tso-v10-sidebar__link:hover,.tso-v10-sidebar__link.is-active {border-color:#45657e;background:#143854;color:white!important}
.tso-v10-sidebar__link.is-active {box-shadow:inset 3px 0 #f2c55d}
.tso-v10-sidebar__ico {font-size:17px;width:22px;text-align:center;flex:none}
.tso-v10-sidebar__note {margin:22px 3px 4px;padding:15px;border-radius:13px;background:#103550;border:1px solid #385c76;font-size:11px;color:#b6ccdb;line-height:1.6}
.tso-v10-sidebar__note b {display:block;color:#f2c65e;margin-bottom:5px}
body.tso-cn-body .tso-v10-ready .cn-topbar {background:#071d33!important;border-bottom:1px solid #2c4d67!important;border-radius:0!important;padding:12px 20px!important}
body.tso-cn-body .tso-v10-ready .cn-topnav {display:none!important}
body.tso-cn-body .tso-v10-ready .cn-hero {border-radius:17px;border-color:#526479}
body.tso-cn-body .tso-v10-ready .cn-section {border-radius:15px}
body.tso-cn-body .tso-v10-ready .cn-tile {border-radius:14px;transition:transform .16s,border .16s}
body.tso-cn-body .tso-v10-ready .cn-tile:hover {transform:translateY(-2px);border-color:#c6a15b}
body.tso-cn-body .tso-v10-ready .cn-tile.arcade {background:linear-gradient(145deg,#123b55,#07243d)}
.tso-v10-live-panel {margin:18px 0 26px;padding:22px;border:1px solid #2d526d;border-radius:16px;background:linear-gradient(135deg,#0d2f4d,#09233b);color:#f1f7fc}
.tso-v10-live-panel__head {display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin-bottom:16px}
.tso-v10-live-panel__head small {display:block;color:#f4cb67;font-size:10px;letter-spacing:.15em;font-weight:900;margin-bottom:7px}
.tso-v10-live-panel__head h2 {color:white;font-size:23px!important;margin:0!important;line-height:1.2!important}
.tso-v10-live-panel__head a {color:#f3c969!important;font-size:12px;font-weight:850;text-decoration:none!important}
.tso-v10-topic-grid {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(235px,.75fr);gap:15px}
.tso-v10-topic-list,.tso-v10-poll-note {border:1px solid #31516c;border-radius:12px;background:#0a263f;padding:11px 16px}
.tso-v10-topic {display:block;padding:12px 0;border-bottom:1px solid #244760;text-decoration:none!important;color:white!important}
.tso-v10-topic:last-child {border:0}
.tso-v10-topic:hover b {color:#f7ce6b}
.tso-v10-topic b {font-size:13px;line-height:1.45;display:block}
.tso-v10-topic small {display:block;color:#a5bed0;margin-top:4px;font-size:10px}
.tso-v10-poll-note__eyebrow {font-size:10px;font-weight:900;letter-spacing:.12em;color:#f6ca65}
.tso-v10-poll-note h3 {color:white!important;font-size:17px!important;margin:10px 0!important}
.tso-v10-poll-note p {color:#bed0de!important;font-size:12px;margin:0 0 16px!important}
.tso-v10-poll-note a {display:inline-block;border:1px solid #557089;padding:11px 14px;border-radius:9px;background:#153d5a;color:white!important;font-size:12px;text-decoration:none!important;font-weight:850}
.tso-v10-connections {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0 27px}
.tso-v10-connections a {display:block;border:1px solid #335770;border-radius:14px;padding:18px;background:#0d2f49;color:#e7f1f8!important;text-decoration:none!important}
.tso-v10-connections a:hover {border-color:#f4c65d}
.tso-v10-connections .tso-v10-icon {font-size:24px;display:block;margin-bottom:10px}
.tso-v10-connections b {display:block;font-size:14px}
.tso-v10-connections small {display:block;font-size:11px;color:#a7c3d4;margin:8px 0;line-height:1.5}
.tso-v10-connections strong {color:#f4c660;font-size:11px}
.tso-v10-game-nav {max-width:1200px;margin:12px auto 18px;display:flex;gap:8px;flex-wrap:wrap}
.tso-v10-game-nav a {background:#0d304c;color:#e5f1fb!important;border:1px solid #32566f;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800;text-decoration:none!important}
.tso-v10-game-nav a:hover {border-color:#f4c45c}
body.tso-cn-body .tso-v10-ready .cn-sidecol {min-width:0}
@media(max-width:1100px) {body.tso-cn-body .cn-theme-vars.tso-v10-ready {grid-template-columns:180px minmax(0,1fr)}.tso-v10-sidebar{padding:13px 8px}}
@media(max-width:830px) {body.tso-cn-body .cn-theme-vars.tso-v10-ready{display:block;border-radius:13px}.tso-v10-sidebar{display:flex;gap:5px;align-items:center;padding:9px;overflow:auto;border-right:0;border-bottom:1px solid #355571}.tso-v10-sidebar__brand,.tso-v10-sidebar__label,.tso-v10-sidebar__note{display:none}.tso-v10-sidebar__link{display:block;flex:0 0 auto;text-align:center;min-width:79px;font-size:10px;margin:0;padding:8px}.tso-v10-sidebar__ico{display:block;width:auto;margin:0 auto 3px}.tso-v10-topic-grid{grid-template-columns:1fr}}
@media(max-width:580px){.tso-v10-connections{grid-template-columns:1fr}.tso-v10-live-panel{padding:16px}.tso-v10-live-panel__head h2{font-size:20px!important}}

/* v0.1.2 — full-width, editorial Clubhouse layout.
 * The native Clubhouse Next markup and its data/links stay untouched. */
body.tso-cn-body .cn-theme-vars.tso-v10-ready {
  display:block;
  width:100%;
  max-width:1510px;
  margin:0 auto;
  border:0;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
}
body.tso-cn-body .tso-v10-ready > .cn-app {
  display:block;
  width:100%;
  max-width:none;
  background:#071d33;
}
body.tso-cn-body .tso-v10-ready .cn-topbar {
  padding:15px clamp(18px,2.5vw,40px)!important;
}
body.tso-cn-body .tso-v10-ready .tso-v10-sidebar {
  display:flex;
  align-items:center;
  gap:9px;
  padding:11px clamp(14px,2.5vw,40px);
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  background:#0c2b45;
  border:0;
  border-bottom:1px solid #38546c;
  border-radius:0;
  scrollbar-width:thin;
  white-space:nowrap;
}
body.tso-cn-body .tso-v10-ready .tso-v10-sidebar__brand,
body.tso-cn-body .tso-v10-ready .tso-v10-sidebar__label,
body.tso-cn-body .tso-v10-ready .tso-v10-sidebar__note {display:none!important}
body.tso-cn-body .tso-v10-ready .tso-v10-sidebar__link {
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  gap:8px;
  margin:0;
  padding:11px 16px;
  min-width:0;
  border:1px solid transparent;
  border-radius:9px;
  font-size:13px;
  line-height:1.25;
  white-space:nowrap;
}
body.tso-cn-body .tso-v10-ready .tso-v10-sidebar__link.is-active {
  border-color:#64768a;
  box-shadow:inset 0 -3px #f0c457;
  background:#17415f;
}
body.tso-cn-body .tso-v10-ready .tso-v10-sidebar__ico {
  display:inline-block;
  flex:none;
  width:auto;
  margin:0;
  font-size:17px;
}
body.tso-cn-body .tso-v10-ready .cn-app>main {
  padding:clamp(18px,2.5vw,36px)!important;
  max-width:1450px;
  margin:0 auto;
}
body.tso-cn-body .tso-v10-ready .cn-hero-entrance {
  min-height:470px!important;
  border-radius:20px!important;
  overflow:hidden;
}
body.tso-cn-body .tso-v10-ready .cn-hero-copy {
  max-width:685px!important;
  padding:48px clamp(28px,4vw,60px) 125px!important;
}
body.tso-cn-body .tso-v10-ready .cn-match-ribbon {
  left:22px!important;
  right:22px!important;
  width:auto!important;
}
body.tso-cn-body .tso-v10-ready .cn-layout {
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) minmax(330px,.82fr)!important;
  grid-template-areas:
    "discussions club"
    "games games"
    "portal portal"
    "connections connections";
  gap:22px!important;
  align-items:start;
  margin-top:26px;
}
body.tso-cn-body .tso-v10-ready .cn-maincol,
body.tso-cn-body .tso-v10-ready .cn-sidecol {
  display:contents!important;
}
body.tso-cn-body .tso-v10-ready .cn-home-convclosed {display:none!important}
body.tso-cn-body .tso-v10-ready .tso-v10-live-panel {
  grid-area:discussions;
  align-self:stretch;
  min-width:0;
  margin:0!important;
  padding:26px 28px;
  border-radius:18px;
}
body.tso-cn-body .tso-v10-ready .tso-v10-topic-grid {
  grid-template-columns:minmax(0,1fr)!important;
  gap:15px;
}
body.tso-cn-body .tso-v10-ready .tso-v10-topic-list {
  padding:8px 21px;
}
body.tso-cn-body .tso-v10-ready .tso-v10-topic {
  padding:11px 0;
}
body.tso-cn-body .tso-v10-ready .tso-v10-topic b {
  font-size:14px;
  line-height:1.38;
}
body.tso-cn-body .tso-v10-ready .tso-v10-topic small {font-size:11px}
body.tso-cn-body .tso-v10-ready .tso-v10-poll-note {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 15px;
  align-items:center;
  padding:16px 20px;
}
body.tso-cn-body .tso-v10-ready .tso-v10-poll-note__eyebrow {grid-column:1}
body.tso-cn-body .tso-v10-ready .tso-v10-poll-note h3 {
  grid-column:1;
  font-size:16px!important;
  margin:2px 0!important;
}
body.tso-cn-body .tso-v10-ready .tso-v10-poll-note p {
  grid-column:1;
  margin:0!important;
  font-size:12px;
}
body.tso-cn-body .tso-v10-ready .tso-v10-poll-note a {
  grid-column:2;
  grid-row:1 / span 3;
  align-self:center;
  white-space:nowrap;
}
body.tso-cn-body .tso-v10-ready .cn-myclub {
  grid-area:club;
  width:100%;
  height:100%;
  min-width:0;
  border-radius:18px;
}
body.tso-cn-body .tso-v10-ready .cn-playsection {
  grid-area:games;
  min-width:0;
  padding:28px!important;
  border-radius:18px;
}
body.tso-cn-body .tso-v10-ready .cn-tiles {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:17px!important;
}
body.tso-cn-body .tso-v10-ready .cn-tile {
  min-height:290px!important;
  height:auto!important;
  padding:24px!important;
  border-radius:15px;
}
body.tso-cn-body .tso-v10-ready .cn-tile h3 {font-size:21px!important;line-height:1.2!important}
body.tso-cn-body .tso-v10-ready .cn-tile p {font-size:13px!important;line-height:1.55!important}
body.tso-cn-body .tso-v10-ready .cn-portalstrip {
  grid-area:portal;
  display:block!important;
  min-height:0;
  padding:7px 3px 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.tso-cn-body .tso-v10-ready .cn-portalstrip .cn-connectors {display:none!important}
body.tso-cn-body .tso-v10-ready .tso-v10-connections {
  grid-area:connections;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
  margin:-8px 0 8px!important;
}
body.tso-cn-body .tso-v10-ready .tso-v10-connections a {
  padding:25px;
  border-radius:15px;
}
body.tso-cn-body .tso-v10-ready .tso-v10-connections b {font-size:16px}
body.tso-cn-body .tso-v10-ready .tso-v10-connections small {font-size:13px}
body.tso-cn-body .tso-v10-ready .cn-shrimpie {display:none!important}
body.tso-cn-body .tso-v10-ready .cn-footer {padding:25px 36px 32px!important}

@media(max-width:1050px) {
  body.tso-cn-body .tso-v10-ready .cn-layout {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"discussions" "club" "games" "portal" "connections";
  }
  body.tso-cn-body .tso-v10-ready .cn-myclub {height:auto}
  body.tso-cn-body .tso-v10-ready .cn-tiles {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.tso-cn-body .tso-v10-ready .cn-tile {min-height:260px!important}
}
@media(max-width:680px) {
  body.tso-cn-body .tso-v10-ready .cn-app>main {padding:15px!important}
  body.tso-cn-body .tso-v10-ready .cn-hero-entrance {min-height:460px!important}
  body.tso-cn-body .tso-v10-ready .cn-hero-copy {
    padding:32px 24px 118px!important;
    max-width:none!important;
  }
  body.tso-cn-body .tso-v10-ready .tso-v10-sidebar {padding:9px 12px;gap:5px}
  body.tso-cn-body .tso-v10-ready .tso-v10-sidebar__link {padding:9px 11px;font-size:11px}
  body.tso-cn-body .tso-v10-ready .tso-v10-sidebar__ico {display:inline;font-size:15px;margin:0}
  body.tso-cn-body .tso-v10-ready .cn-layout {gap:16px!important;margin-top:16px}
  body.tso-cn-body .tso-v10-ready .tso-v10-live-panel {padding:19px 16px}
  body.tso-cn-body .tso-v10-ready .tso-v10-poll-note {display:block}
  body.tso-cn-body .tso-v10-ready .tso-v10-poll-note a {margin-top:13px}
  body.tso-cn-body .tso-v10-ready .cn-playsection {padding:20px!important}
  body.tso-cn-body .tso-v10-ready .cn-tiles {grid-template-columns:minmax(0,1fr)!important}
  body.tso-cn-body .tso-v10-ready .cn-tile {min-height:205px!important}
  body.tso-cn-body .tso-v10-ready .tso-v10-connections {grid-template-columns:1fr}
}

/* v0.2.0 — the actual Clubhouse pages now share one visual language.
 * Scope: existing rendered frontends only, no changes to PHP forms or data. */
:where(body.cn-body,body.tso-cn-body,body.tso-clubhouse-conversations) {
  --tso-v20-ink:#07192e;
  --tso-v20-panel:#0c2a44;
  --tso-v20-panel2:#103754;
  --tso-v20-border:#315573;
  --tso-v20-gold:#f4c85e;
  --tso-v20-white:#f6fbff;
  --tso-v20-muted:#a9c3d5;
}
body.cn-body .tso-v10-game-nav {display:none!important}
body.cn-body .tso-v20-shell .cn-topbar,
body.tso-clubhouse-conversations .tso-v20-forumbar .cn-topbar {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:15px clamp(20px,3vw,48px)!important;
  background:#071b30!important;
  border-bottom:1px solid #254560!important;
  border-radius:0!important;
}
body.cn-body .tso-v20-unified-nav,
body.tso-clubhouse-conversations .tso-v20-unified-nav {
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  overflow-x:auto;
  padding:12px clamp(18px,3vw,45px)!important;
  margin:0!important;
  border-bottom:1px solid #3b5e75;
  background:#0b2c47;
  scrollbar-width:thin;
  white-space:nowrap;
}
body.cn-body .tso-v20-unified-nav a,
body.tso-clubhouse-conversations .tso-v20-unified-nav a {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  min-height:41px;
  padding:10px 16px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  color:#d9e9f4!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body.cn-body .tso-v20-unified-nav a:hover,
body.tso-clubhouse-conversations .tso-v20-unified-nav a:hover,
body.cn-body .tso-v20-unified-nav a.active,
body.tso-clubhouse-conversations .tso-v20-unified-nav a.active {
  border-color:#997d42!important;
  background:#17425d!important;
  color:#ffdb7a!important;
}
body.cn-body .cn-launch-announcement,
body.tso-cn-body .cn-launch-announcement {
  border-radius:0!important;
}
body.cn-body .tso-v20-shell {
  width:100%;
  max-width:1510px;
  margin:auto;
  background:var(--tso-v20-ink);
}
body.cn-body .tso-v20-shell :where(.cn-mycard,.cn-board-card,.cn-gta-entry) {
  border-radius:17px;
  border-color:#315573;
}
body.cn-body .tso-v20-shell :where(.cn-challenge-main,.cn-att-main,.cn-lb-main) {
  max-width:1450px;
  padding:clamp(18px,2.5vw,38px)!important;
  margin:auto;
}
body.cn-body .tso-v20-shell :where(.cn-challenge-hero,.cn-lb-hero) {
  min-height:380px!important;
  border-radius:19px!important;
}
body.cn-body .tso-v20-shell :where(.cn-challenge-copy,.cn-lb-copy) {
  padding-top:40px!important;
}
body.cn-body .tso-v20-shell :where(.cn-challenge-tabs,.cn-att-tabs,.cn-board-tabs) {
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin:22px 0;
  padding:0;
}
body.cn-body .tso-v20-shell :where(.cn-challenge-tabs a,.cn-att-tabs a) {
  min-height:41px;
  border-radius:10px;
  padding:10px 18px;
}

/* The National League Challenge: two readable fixture columns instead of
   12 enormous rows and a skinny, competing sidebar. */
body.cn-challenge-body .tso-v20-shell .cn-challenge-grid {
  display:flex!important;
  flex-direction:column;
  gap:23px;
}
body.cn-challenge-body .tso-v20-shell .cn-challenge-grid > div:first-child {
  min-width:0;
  width:100%;
}
body.cn-challenge-body .tso-v20-shell .cn-round-card {
  width:100%;
  padding:clamp(20px,2.6vw,36px)!important;
  border:1px solid #416280!important;
  border-radius:19px;
}
body.cn-challenge-body .tso-v20-shell .cn-predictions {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px!important;
}
body.cn-challenge-body .tso-v20-shell .cn-prediction-row {
  min-width:0;
  margin:0!important;
  padding:18px!important;
  border-radius:14px;
  border:1px solid #3a5771;
  background:linear-gradient(145deg,#103652,#0b293f)!important;
}
body.cn-challenge-body .tso-v20-shell .cn-prediction-main {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 49px 16px 49px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center;
  min-width:0;
}
body.cn-challenge-body .tso-v20-shell .cn-team {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  min-width:0;
  font-size:13px!important;
  line-height:1.3!important;
}
body.cn-challenge-body .tso-v20-shell .cn-team b {min-width:0;overflow-wrap:anywhere}
body.cn-challenge-body .tso-v20-shell .cn-fixture-badge img {max-width:30px;max-height:30px}
body.cn-challenge-body .tso-v20-shell .cn-scorebox,
body.cn-challenge-body .tso-v20-shell .cn-scorebox input {
  width:100%!important;
  min-width:0!important;
}
body.cn-challenge-body .tso-v20-shell .cn-scorebox input {
  height:49px!important;
  padding:5px!important;
  font-size:18px!important;
  border-radius:9px!important;
}
body.cn-challenge-body .tso-v20-shell .cn-pickstate {
  font-size:11px;
  margin-top:9px;
}
body.cn-challenge-body .tso-v20-shell .cn-challenge-side {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%;
  margin:0;
}
body.cn-challenge-body .tso-v20-shell .cn-challenge-side > * {min-width:0;margin:0!important}
body.cn-challenge-body .tso-v20-shell .cn-shrimpie-pick img {max-height:145px;width:auto;object-fit:contain}

/* Guess the Attendance: focused entry, spacious fixture and compact scores. */
body.cn-att-body .tso-v20-shell .cn-att-operation-grid {
  grid-template-columns:minmax(0,1.65fr) minmax(295px,.7fr)!important;
  gap:20px!important;
}
body.cn-att-body .tso-v20-shell .cn-gta-entry {padding:clamp(20px,2.5vw,34px)!important}
body.cn-att-body .tso-v20-shell .cn-gta-feature {
  border-radius:19px!important;
  border-color:#416281!important;
}
body.cn-att-body .tso-v20-shell .cn-att-real-hero {
  min-height:300px!important;
}

/* Leaderboards: demo ranks are hidden in JS until live data is linked. */
body.cn-lb-body .tso-v20-shell [hidden] {display:none!important}
body.cn-lb-body .tso-v20-shell .cn-board-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
}
body.cn-lb-body .tso-v20-shell .cn-board-card {
  padding:27px!important;
  min-width:0;
  background:linear-gradient(145deg,#123754,#09263f)!important;
}
body.cn-lb-body .tso-v20-shell .tso-v20-board-note {
  margin:18px 0 4px;
  padding:14px;
  background:#08233b;
  border-left:3px solid #ecc35b;
  border-radius:7px;
  color:#c8ddea;
  font-size:13px;
  line-height:1.5;
}

/* My Clubhouse remains the genuine member dashboard, with consistent spacing. */
body.cn-my-body .tso-v10-ready .cn-myhero {
  border-radius:20px!important;
}
body.cn-my-body .tso-v10-ready .cn-my-dashboard {
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.75fr)!important;
  gap:21px!important;
}
body.cn-my-body .tso-v10-ready .cn-mycard {
  border-color:#365b79!important;
  border-radius:17px!important;
}

/* Sign-in and registration: skin the existing Clubhouse forms and access
   state without replacing email verification, Google login or club choice. */
body.page-id-2793 .tso-gate-page,
body.page-id-2794 .tso-gate-page {
  padding:clamp(28px,5vw,65px) 20px!important;
  background:radial-gradient(circle at 80% 0%,#204a66 0%,#081e34 60%)!important;
  color:#f6fbff;
}
body.page-id-2793 .tso-gate-page .tso-clubhouse-wrap,
body.page-id-2794 .tso-gate-page .tso-clubhouse-wrap {
  max-width:860px;
  margin:auto;
}
body.page-id-2793 .tso-gate-page .tso-access-gate,
body.page-id-2794 .tso-gate-page .tso-access-gate {
  border:1px solid #416280!important;
  border-radius:20px!important;
  background:linear-gradient(140deg,#103653,#081c33)!important;
  box-shadow:0 24px 55px #020b1b66;
  padding:clamp(22px,4vw,48px)!important;
}
body.page-id-2793 .tso-gate-page h1,
body.page-id-2794 .tso-gate-page h1 {color:#f7d372!important}
body.page-id-2793 .tso-gate-page :where(input,select),
body.page-id-2794 .tso-gate-page :where(input,select) {
  max-width:100%;
  border-radius:9px;
  border-color:#648199;
}
body.page-id-2793 .tso-gate-page :where(button,.tso-clubhouse-btn.primary),
body.page-id-2794 .tso-gate-page :where(button,.tso-clubhouse-btn.primary) {
  border-radius:10px!important;
}

/* wpForo: original engine; the index is now a responsive conversation hub. */
body.tso-clubhouse-conversations #wpforo-wrap {
  max-width:1510px;
  margin:0 auto;
  background:#07192e;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-conv-forum-hero {
  min-height:355px;
  border-radius:18px;
  overflow:hidden;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-conv-forum-hero__copy {
  padding:42px clamp(25px,4vw,60px)!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-forum-ready {
  display:block!important;
  padding-top:10px;
}
body.tso-clubhouse-conversations #wpforo-wrap .wpforo-main.tso-conv-has-football-dashboard.tso-v20-forum-ready {
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-forum-ready > .wpforo-content {
  display:none!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-forum-home {
  width:100%;
  color:var(--tso-v20-white);
  padding-bottom:26px;
}
.tso-v20-heading {margin:0 0 20px}
.tso-v20-heading small {
  display:block;
  margin-bottom:9px;
  color:#f4cb67;
  font-size:11px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:.15em;
}
.tso-v20-heading h2 {
  margin:0!important;
  color:#f7fbff!important;
  font-size:clamp(23px,2.3vw,32px)!important;
  line-height:1.13!important;
  letter-spacing:-.025em;
}
.tso-v20-heading p {
  margin:10px 0 0!important;
  color:#b4cada!important;
  font-size:14px;
  line-height:1.55;
}
.tso-v20-conversation-layout {
  display:flex;
  flex-direction:column;
  gap:21px;
  align-items:stretch;
  margin-bottom:26px;
}
.tso-v20-latest,.tso-v20-matchrail {
  min-width:0;
  padding:clamp(20px,2.3vw,30px);
  border:1px solid #355975;
  border-radius:19px;
  background:linear-gradient(140deg,#103754,#09253e);
}
.tso-v20-latest-list {
  overflow:hidden;
  border:1px solid #2c526d;
  border-radius:12px;
  background:#09243c;
}
.tso-v20-discussion {
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  min-height:72px;
  padding:12px 16px;
  border-bottom:1px solid #24445d;
  color:white!important;
  text-decoration:none!important;
}
.tso-v20-discussion:last-child {border:0}
.tso-v20-discussion:hover {background:#143b58}
.tso-v20-discussion__badge {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid #456782;
  border-radius:11px;
  background:#174662;
  font-size:20px;
}
.tso-v20-discussion__copy {min-width:0}
.tso-v20-discussion__copy strong {
  display:block;
  color:#f8fcff;
  font-size:15px;
  font-weight:850;
  line-height:1.4;
}
.tso-v20-discussion__copy small {
  display:block;
  margin-top:5px;
  color:#acc9d9;
  font-size:11px;
}
.tso-v20-discussion__count {
  color:#f3ca68;
  font-size:12px;
  white-space:nowrap;
}
.tso-v20-cta {
  display:inline-flex;
  margin-top:19px;
  padding:11px 17px;
  border:1px solid #d5ae4e;
  border-radius:9px;
  background:#edc35b;
  color:#061a2f!important;
  font-weight:900;
  font-size:13px;
  text-decoration:none!important;
}
.tso-v20-matchrail > .tso-conv-football-sidebar {
  float:none!important;
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
}
.tso-v20-matchrail .tso-conv-sidebar-inner {
  position:static!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
  width:100%!important;
  padding:0!important;
  align-items:stretch;
}
/* The wpForo theme's late-loaded 'theme.css' forces this sidebar to 1fr;
   outrank that native rule on the redesigned index only. */
body.tso-clubhouse-conversations #wpforo #wpforo-wrap .wpforo-main.tso-v20-forum-ready .tso-v20-matchrail .tso-conv-sidebar-inner {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.tso-clubhouse-conversations #wpforo #wpforo-wrap .wpforo-main.tso-v20-forum-ready .tso-v20-matchrail .tso-conv-side-card {
  grid-column:auto!important;
}
.tso-v20-matchrail .tso-conv-side-card {
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  border-radius:13px!important;
}
.tso-v20-rooms {
  padding:28px;
  border:1px solid #365975;
  border-radius:19px;
  background:linear-gradient(145deg,#0e304d,#081f35);
}
.tso-v20-room-group {margin:24px 0 5px}
.tso-v20-room-group > h3 {
  margin:0 0 13px!important;
  padding-bottom:10px;
  border-bottom:1px solid #3b6079;
  color:#f2cb69!important;
  font-size:19px!important;
}
.tso-v20-room-cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
.tso-v20-room-card {
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:215px;
  padding:22px;
  border:1px solid #365c77;
  border-radius:14px;
  background:#113550;
  color:#e5f2fb!important;
  text-decoration:none!important;
  transition:background .16s,transform .16s,border-color .16s;
}
.tso-v20-room-card:hover {
  background:#174564;
  border-color:#d6ad51;
  transform:translateY(-2px);
}
.tso-v20-room-card__icon {font-size:24px}
.tso-v20-room-card strong {
  color:#faffff;
  font-size:19px;
  line-height:1.25;
}
.tso-v20-room-card__desc {
  color:#c2d8e5;
  font-size:13px;
  line-height:1.5;
}
.tso-v20-room-card small,
.tso-v20-room-card__latest {
  color:#acc8d9;
  font-size:11px;
  line-height:1.45;
}
.tso-v20-room-card__latest {
  overflow:hidden;
  max-width:100%;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tso-v20-room-card em {
  margin-top:auto;
  color:#ffdb79;
  font-size:12px;
  font-style:normal;
  font-weight:900;
}
/* Other forum routes retain wpForo's authentic topic/reply interface. */
body.tso-clubhouse-conversations #wpforo-wrap :where(.tsoct-room,.tsoct-thread) {
  border-radius:12px;
}
body.tso-clubhouse-conversations #wpforo-wrap :where(.tsoct-thread-copy > a,.tsoct-room-header h3 a):hover {
  color:#ffd66f!important;
}
@media(max-width:1100px) {
  body.cn-challenge-body .tso-v20-shell .cn-challenge-side {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.cn-challenge-body .tso-v20-shell .cn-predictions {grid-template-columns:1fr!important}
  .tso-v20-room-cards {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px) {
  body.cn-body .tso-v20-unified-nav,
  body.tso-clubhouse-conversations .tso-v20-unified-nav {justify-content:flex-start}
  body.cn-challenge-body .tso-v20-shell .cn-predictions {grid-template-columns:1fr!important}
  body.cn-att-body .tso-v20-shell .cn-att-operation-grid {grid-template-columns:1fr!important}
  body.cn-lb-body .tso-v20-shell .cn-board-grid {grid-template-columns:1fr!important}
  body.cn-my-body .tso-v10-ready .cn-my-dashboard {grid-template-columns:1fr!important}
  body.tso-clubhouse-conversations #wpforo #wpforo-wrap .wpforo-main.tso-v20-forum-ready .tso-v20-matchrail .tso-conv-sidebar-inner {grid-template-columns:1fr!important}
}
@media(max-width:560px) {
  body.cn-challenge-body .tso-v20-shell .cn-round-card {padding:16px!important}
  body.cn-challenge-body .tso-v20-shell .cn-prediction-row {padding:12px!important}
  body.cn-challenge-body .tso-v20-shell .cn-prediction-main {
    grid-template-columns:minmax(0,1fr) 41px 12px 41px minmax(0,1fr)!important;
    gap:4px!important;
  }
  body.cn-challenge-body .tso-v20-shell .cn-team {font-size:11px!important}
  body.cn-challenge-body .tso-v20-shell .cn-scorebox input {height:42px!important;font-size:16px!important}
  body.cn-challenge-body .tso-v20-shell .cn-challenge-side {grid-template-columns:1fr!important}
  .tso-v20-rooms {padding:16px}
  .tso-v20-room-cards {grid-template-columns:1fr}
  .tso-v20-latest,.tso-v20-matchrail {padding:17px}
  .tso-v20-discussion {grid-template-columns:31px minmax(0,1fr);gap:9px;padding:10px}
  .tso-v20-discussion__badge {width:31px;height:31px;font-size:16px}
  .tso-v20-discussion__count {grid-column:2}
}

/* v0.3.0 — editorial polish throughout the real Clubhouse.
 * Strong, legible supporter/member/topic hierarchy. All selectors remain
 * presentation-only; live wpForo and competition forms are left untouched. */
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-forum-home {
  --tso-v30-gold:#f5ca67;
  --tso-v30-ice:#edf7ff;
  --tso-v30-muted:#b5cfe0;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-latest,
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-matchrail,
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-rooms {
  position:relative;
  padding:clamp(23px,2.8vw,39px)!important;
  border:1px solid #3c607b!important;
  border-radius:20px!important;
  background:linear-gradient(150deg,#103652 0%,#0a2842 70%,#082039 100%)!important;
  box-shadow:0 14px 36px #010c1e33,inset 0 1px #ffffff0c;
  overflow:hidden;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-latest::before,
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-rooms::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#ffe18a,#c89c41 45%,transparent 93%);
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-heading {margin:0 0 22px!important}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-heading small {
  color:#f9cb65!important;
  font-size:11px!important;
  letter-spacing:.19em!important;
  font-weight:900!important;
  text-transform:uppercase;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-heading h2 {
  color:#fff!important;
  font-size:clamp(27px,2.7vw,39px)!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  line-height:1.12!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-heading p {
  color:#c7dbe8!important;
  font-size:14px!important;
  line-height:1.7!important;
  max-width:72ch;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-supporter-spotlight {
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:5px 0 19px;
  padding:23px 26px;
  border:1px solid #c9a15a!important;
  border-left:5px solid #ffd66e!important;
  border-radius:14px!important;
  background:linear-gradient(108deg,#1d4662 0%,#133a56 60%,#18334b 100%)!important;
  box-shadow:0 9px 30px #07152766;
  color:#fff!important;
  text-decoration:none!important;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.tso-v30-supporter-spotlight__copy {display:flex;flex-direction:column;min-width:0;gap:8px}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-supporter-spotlight__kicker {
  color:#ffda7d!important;font-size:11px!important;font-weight:900!important;letter-spacing:.15em!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-supporter-spotlight strong {
  display:block;color:#fff!important;font-size:clamp(19px,2vw,25px)!important;
  font-weight:850!important;line-height:1.2!important;letter-spacing:-.025em;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-supporter-spotlight small {
  color:#c2d9e8!important;font-size:12px!important;line-height:1.5!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-supporter-spotlight__action {
  display:inline-flex;flex:none;align-items:center;justify-content:center;
  min-height:42px;padding:10px 16px;border-radius:9px;
  background:#f8cf6c;color:#08213a!important;font-weight:900!important;font-size:12px!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-supporter-spotlight:hover {
  border-color:#ffde87!important;transform:translateY(-2px);box-shadow:0 15px 35px #030e21aa;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-latest-list {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch;
  gap:12px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-discussion {
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:14px!important;
  min-width:0;
  min-height:126px;
  padding:17px 16px!important;
  border:1px solid #3c5f79!important;
  border-left:3px solid #507790!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#0c2d47,#09223b)!important;
  box-shadow:inset 0 1px #ffffff09;
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-discussion.tso-v30-member-update {border-left-color:#ffce62!important}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-discussion:hover {
  transform:translateY(-2px);
  border-color:#ebc568!important;
  background:#143b56!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-discussion__badge {
  width:46px!important;height:46px!important;border:1px solid #527896!important;
  border-radius:13px!important;background:#16415f!important;font-size:22px!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-discussion__type {
  display:block;
  margin-bottom:7px;
  color:#f1c767!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.125em!important;
  line-height:1.25;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-discussion__copy strong {
  color:#fff!important;
  font-size:clamp(16px,1.4vw,19px)!important;
  font-weight:850!important;
  letter-spacing:-.018em;
  line-height:1.32!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-discussion__copy small {
  color:#b8d0e1!important;
  font-size:11px!important;
  line-height:1.55!important;
  margin-top:7px!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-discussion__count {
  padding:7px 10px;
  border:1px solid #446782;
  border-radius:999px;
  background:#123a54;
  color:#f9d478!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:nowrap;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-cta {
  margin-top:22px!important;padding:12px 19px!important;
  border-radius:9px!important;font-size:13px!important;
  box-shadow:0 5px 16px #0004;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-room-group {margin:27px 0 30px!important}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-room-group__heading {
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:0 0 12px!important;
  margin:0 0 17px!important;
  border-bottom:1px solid #54718a!important;
  color:#ffda78!important;
  font-size:clamp(20px,1.9vw,26px)!important;
  font-weight:850!important;
  letter-spacing:-.02em;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-room-group__heading small {
  display:inline-flex;align-items:center;
  padding:6px 11px;border:1px solid #426783;border-radius:99px;
  background:#0c2b47;color:#bdd6e5!important;
  font-size:11px!important;font-weight:800!important;letter-spacing:0!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-room-card {
  min-height:265px!important;
  gap:12px!important;
  padding:24px!important;
  border:1px solid #3d627e!important;
  border-radius:15px!important;
  background:linear-gradient(150deg,#16415d 0%,#0d2e49 100%)!important;
  box-shadow:inset 0 1px #ffffff11,0 8px 21px #020f1d33;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-room-card:hover {
  transform:translateY(-4px);
  border-color:#f4c764!important;
  background:linear-gradient(150deg,#1c4b69,#123551)!important;
}
.tso-v30-room-card__header {display:flex;gap:13px;align-items:center;margin-bottom:1px;min-width:0}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-room-card__icon {
  display:grid!important;place-items:center;flex:none;
  width:48px!important;height:48px!important;
  border:1px solid #6e7890!important;border-radius:13px!important;
  background:linear-gradient(145deg,#234b65,#0b2a43)!important;
  box-shadow:inset 0 1px #ffffff15;
  font-size:24px!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-room-card strong {
  color:#fff!important;
  font-size:clamp(19px,1.7vw,23px)!important;
  font-weight:850!important;
  letter-spacing:-.03em;
  line-height:1.15!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-room-card__desc {
  color:#d4e4ee!important;font-size:13px!important;line-height:1.65!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-room-card__stats {
  width:max-content;max-width:100%;
  padding:6px 10px;border-radius:7px;
  background:#09263f;border:1px solid #42617c;
  color:#f5d281!important;font-size:11px!important;font-weight:850!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-room-card__latest {
  display:block;
  padding-top:11px;
  border-top:1px solid #3b5b74;
  color:#bcd6e6!important;
  font-size:11px!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-room-card em {
  display:inline-flex;align-items:center;
  color:#ffda7b!important;
  font-size:12px!important;
  font-weight:900!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-matchrail .tso-conv-side-card {
  border-top:3px solid #e1b65c!important;
  border-radius:15px!important;
  box-shadow:0 10px 24px #020e203b;
}

/* Genuine wpForo room, topic and reply views: typography and hierarchy.
 * Never hide editor controls or change topic/post layout mechanics. */
body.tso-clubhouse-conversations #wpforo-wrap #wpforo-title {
  color:#fff!important;
  font-size:clamp(29px,3vw,40px)!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
  line-height:1.18!important;
  text-wrap:balance;
}
body.tso-clubhouse-conversations #wpforo-wrap .wpf-head-bar {
  padding:25px!important;
  border-left:5px solid #f5c765!important;
  border-radius:13px!important;
  background:linear-gradient(110deg,#123b59,#08263f)!important;
  box-shadow:inset 0 1px #ffffff11;
}
body.tso-clubhouse-conversations #wpforo-wrap #wpforo-description {
  color:#cbdfeb!important;font-size:15px!important;line-height:1.65!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tsoct-topic-card {
  margin:10px 0!important;
  padding:7px 9px!important;
  border:1px solid #3b5e79!important;
  border-left:4px solid #597e99!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#113652,#09263e)!important;
  box-shadow:0 8px 23px #020c1833;
}
body.tso-clubhouse-conversations #wpforo-wrap .tsoct-topic-card.wpf-unread-topic {border-left-color:#ffce68!important}
body.tso-clubhouse-conversations #wpforo-wrap .tsoct-topic-card:hover {border-color:#f0c56a!important}
body.tso-clubhouse-conversations #wpforo-wrap .tsoct-topic-card .wpforo-topic-title a {
  color:#fff0b5!important;
  font-size:clamp(17px,1.65vw,21px)!important;
  font-weight:850!important;
  line-height:1.32!important;
  letter-spacing:-.018em;
  text-decoration:none!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .tsoct-topic-card .wpforo-topic-title a:hover {color:#fff!important;text-decoration:underline!important;text-underline-offset:4px}
body.tso-clubhouse-conversations #wpforo-wrap .tsoct-topic-card .wpforo-topic-start-info {color:#b9d2e1!important;font-size:12px!important}
body.tso-clubhouse-conversations #wpforo-wrap .tsoct-post-view > .post-wrap {
  margin:0 0 16px!important;
  border:1px solid #3d607c!important;
  border-radius:14px!important;
  overflow:hidden;
  background:#09283f!important;
  box-shadow:0 8px 25px #0002;
}
body.tso-clubhouse-conversations #wpforo-wrap .post-wrap .author-name a {
  color:#ffdb7c!important;font-weight:850!important;font-size:15px!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .post-wrap .wpforo-post-content {
  color:#ecf6fc!important;
  font-size:15px!important;
  line-height:1.75!important;
}
body.tso-clubhouse-conversations #wpforo-wrap .post-wrap .wpf-post-date {color:#b0c8d8!important;font-size:12px!important}
body.tso-clubhouse-conversations #wpforo-wrap :where(.wpf-form-wrapper,.tso-reply-composer) {
  border-radius:13px!important;
}
body.tso-clubhouse-conversations #wpforo-wrap a:focus-visible,
body.cn-body .tso-v20-shell a:focus-visible,
body.tso-cn-body .tso-v10-ready a:focus-visible {
  outline:3px solid #ffda78!important;
  outline-offset:3px!important;
}

/* The rest of the Clubhouse shares the same gold editorial headers, readable
   page cards and tactile links, without interfering with live scores/forms. */
body.cn-body .tso-v20-shell :where(.cn-round-card,.cn-gta-entry,.cn-board-card,.cn-mycard),
body.tso-cn-body .tso-v10-ready :where(.cn-section,.cn-playsection,.cn-myclub) {
  box-shadow:0 10px 30px #00000024,inset 0 1px #ffffff0a;
}
body.cn-body .tso-v20-shell :where(.cn-challenge-main,.cn-att-main,.cn-lb-main) h2,
body.tso-cn-body .tso-v10-ready :where(.cn-maincol,.cn-my-dashboard,.cn-playsection) h2 {
  color:#fff!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}
body.cn-challenge-body .tso-v20-shell .cn-prediction-row:hover {
  border-color:#e8bd5b!important;
  background:linear-gradient(145deg,#164461,#0b2c46)!important;
}
body.cn-challenge-body .tso-v20-shell .cn-team b {color:#f4faff!important;font-weight:850!important}
body.cn-body .tso-v20-shell :where(.cn-round-card,.cn-gta-entry,.cn-board-card) a:focus-visible,
body.cn-body .tso-v20-shell :where(input,button,select):focus-visible {
  outline:3px solid #f9cf6b!important;outline-offset:2px!important;
}
body.cn-lb-body .tso-v20-shell .cn-board-card h3 {color:#ffe09a!important;font-weight:850!important}
body.tso-cn-body .tso-v10-ready .tso-v10-topic b {
  color:#fff!important;font-size:16px!important;font-weight:850!important;
}
body.tso-cn-body .tso-v10-ready .tso-v10-topic:hover b {color:#ffe18c!important}
body.tso-cn-body .tso-v10-ready .cn-tile a:hover,
body.cn-body .tso-v20-shell :where(.cn-challenge-tabs,.cn-att-tabs,.cn-board-tabs) a:hover {
  color:#ffda77!important;
}
body.page-id-2793 .tso-gate-page :where(input,select):focus-visible,
body.page-id-2794 .tso-gate-page :where(input,select):focus-visible {
  outline:3px solid #f8d276!important;outline-offset:3px!important;
}
@media(max-width:1040px) {
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-latest-list {grid-template-columns:1fr!important}
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-discussion {min-height:108px}
}
@media(max-width:650px) {
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-latest,
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-matchrail,
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-rooms {padding:18px!important}
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-supporter-spotlight {display:block!important;padding:18px}
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v30-supporter-spotlight__action {margin-top:14px;width:max-content;max-width:100%}
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-discussion {grid-template-columns:40px minmax(0,1fr)!important;gap:11px!important;padding:15px 12px!important}
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-discussion__badge {width:39px!important;height:39px!important;font-size:19px!important}
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-discussion__count {grid-column:2;justify-self:start}
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-room-card {min-height:220px!important;padding:19px!important}
  body.tso-clubhouse-conversations #wpforo-wrap .tso-v20-room-card__icon {width:42px!important;height:42px!important}
  body.tso-clubhouse-conversations #wpforo-wrap #wpforo-title {font-size:27px!important}
}
@media(prefers-reduced-motion:reduce) {
  .tso-v20-discussion,.tso-v20-room-card,.tso-v30-supporter-spotlight {transition:none!important;transform:none!important}
}