/* ==========================================================================
   BT4Y Tipster League - Wise.com Comprehensive UX System (v6.8 Hardened)
   ========================================================================== */

:root {
  --tl-ink: #0e1726;
  --tl-muted: #5f738c;
  --tl-border: #e2e8f0;
  --tl-soft: #f5f7fa;
  --tl-white: #ffffff;
  --tl-green: #00b574;
  --tl-green-dark: #009e64;
  --tl-green-bg: #e6faf2;
  --tl-red: #dc2626;
  --tl-red-bg: #fef2f2;
  --tl-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.bt4y-tl-app {
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(16px, 4vw, 40px) clamp(12px, 2.5vw, 24px);
  color: var(--tl-ink);
  font-family: var(--tl-font);
  letter-spacing: -0.01em;
  line-height: 1.6;
}

.bt4y-tl-app * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

/* --- Small Print & Compliance Caveats --- */
.bt4y-tl-compliance,
.bt4y-tl-card-note,
p.bt4y-tl-compliance {
  display: block;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--tl-muted) !important;
  margin: 24px auto 0 !important;
  padding: 0 16px !important;
  max-width: 720px;
  letter-spacing: 0;
  text-transform: none;
}

/* --- Hero Banner Layout --- */
.bt4y-tl-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--tl-border);
  border-radius: 24px;
  background: radial-gradient(circle at 5% 10%, rgba(0, 181, 116, 0.08), transparent 35%), var(--tl-white);
  box-shadow: 0 16px 48px rgba(14, 23, 38, 0.03);
  padding: clamp(24px, 5vw, 48px);
  margin-bottom: 32px;
}

.bt4y-tl-kicker,
.bt4y-tl-prize-card > span,
.bt4y-tl-offer-badge,
.bt4y-tl-comment-unlock-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: var(--tl-green-bg);
  color: var(--tl-green-dark);
  border: 1px solid rgba(0, 181, 116, 0.15);
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 12px;
}

.bt4y-tl-hero h2 {
  margin: 16px 0 12px;
  font-size: clamp(32px, 5vw, 56px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: var(--tl-ink);
}

.bt4y-tl-hero p {
  margin: 0;
  max-width: 760px;
  color: var(--tl-muted);
  font-size: clamp(15px, 2vw, 17px);
  line-height: 1.6;
  font-weight: 500;
}

/* --- Core Buttons & Actions --- */
.bt4y-tl-btn,
.bt4y-tl-mini-btn {
  appearance: none;
  border: 0;
  border-radius: 999px;
  min-height: 48px;
  padding: 0 28px;
  background: var(--tl-ink);
  color: var(--tl-white) !important;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(14, 23, 38, 0.1);
  transition: all 0.15s ease;
}

.bt4y-tl-btn:hover,
.bt4y-tl-mini-btn:hover {
  background: #1e293b;
  transform: translateY(-1px);
  box-shadow: 0 12px 32px rgba(14, 23, 38, 0.15);
}

.bt4y-tl-btn.secondary {
  background: var(--tl-white) !important;
  color: var(--tl-ink) !important;
  border: 1px solid var(--tl-border);
  box-shadow: none;
}

.bt4y-tl-btn.secondary:hover {
  background: var(--tl-soft) !important;
}

.bt4y-tl-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 24px;
}

/* --- Metrics Summary Grid --- */
.bt4y-tl-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 28px 0;
}

.bt4y-tl-summary-card {
  border: 1px solid var(--tl-border);
  border-radius: 20px;
  background: var(--tl-white);
  padding: 24px;
  box-shadow: 0 8px 24px rgba(14, 23, 38, 0.02);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bt4y-tl-summary-card span {
  color: var(--tl-muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.bt4y-tl-summary-card strong {
  font-size: clamp(26px, 4vw, 40px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: var(--tl-ink);
  margin: 0;
}

.bt4y-tl-summary-card em {
  color: var(--tl-muted);
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  margin: 0;
}

/* --- Navigation Tab Rails --- */
.bt4y-tl-tabs {
  position: relative;
  z-index: 5;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  background: #eef2f6;
  border: 1px solid rgba(14, 23, 38, 0.05);
  border-radius: 999px;
  padding: 6px;
  margin: 28px 0;
}

.bt4y-tl-tabs::-webkit-scrollbar {
  display: none;
}

.bt4y-tl-tabs button,
.bt4y-tl-tabs a {
  background: transparent;
  flex: 1 0 auto;
  min-height: 44px;
  border-radius: 999px;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  color: #4a5568;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  border: 0;
  transition: all 0.15s ease;
}

.bt4y-tl-tabs button.is-active,
.bt4y-tl-tabs a.is-active {
  background: var(--tl-white) !important;
  color: var(--tl-ink) !important;
  box-shadow: 0 4px 16px rgba(14, 23, 38, 0.06);
}

/* --- Structural Containers --- */
.bt4y-tl-game-card,
.bt4y-tl-market-group,
.bt4y-tl-fixture-hero,
.bt4y-tl-rules-card,
.bt4y-tl-prize-card,
.bt4y-tl-reward-card,
.bt4y-tl-offer-card,
.bt4y-tl-invite-card,
.bt4y-tl-onboarding-card,
.bt4y-tl-login-card,
.bt4y-tl-empty,
.bt4y-tl-bet-row,
.bt4y-tl-leader-row,
.bt4y-tl-activity-item,
.bt4y-tl-tipster-card,
.bt4y-tl-public-profile-hero,
.bt4y-tl-public-comment {
  border: 1px solid var(--tl-border);
  border-radius: 20px;
  background: var(--tl-white);
  box-shadow: 0 8px 24px rgba(14, 23, 38, 0.02);
  margin-bottom: 16px;
}

.bt4y-tl-empty {
  padding: 32px;
  text-align: center;
  color: var(--tl-muted);
  font-weight: 550;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* --- Dynamic Rule Stack Grid Layout --- */
.bt4y-tl-rule-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 24px 0;
}

.bt4y-tl-rule-grid > div {
  border: 1px solid var(--tl-border);
  border-radius: 16px;
  background: var(--tl-soft);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bt4y-tl-rule-grid span {
  color: var(--tl-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin: 0;
}

.bt4y-tl-rule-grid strong {
  color: var(--tl-ink);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0;
}

/* --- Game Lists & Fixture Logos (Fixes Logo Alignment) --- */
.bt4y-tl-market-list, .bt4y-tl-game-list { 
  display: grid; 
  gap: 16px; 
}

.bt4y-tl-game-card {
  padding: 24px;
  text-decoration: none !important;
  color: var(--tl-ink) !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bt4y-tl-game-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 16px 32px rgba(14, 23, 38, 0.05);
}

.bt4y-tl-fixture {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.bt4y-tl-team {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}

.bt4y-tl-team:first-child {
  justify-content: flex-end;
  text-align: right;
}

.bt4y-tl-team:first-child img {
  order: 2; /* Put home logo on the right side of the home text */
}
.bt4y-tl-team:first-child strong {
  order: 1;
}

.bt4y-tl-team img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  vertical-align: middle;
}

.bt4y-tl-team strong {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.bt4y-tl-fixture > span {
  color: #94a3b8;
  font-weight: 800;
  font-size: 14px;
  flex: 0 0 auto;
}

.bt4y-tl-meta {
  margin: 16px 0 0;
  color: var(--tl-muted);
  text-align: center;
  font-size: 13px;
  font-weight: 600;
}

/* --- Advanced Bookmaker Odds Grid --- */
.bt4y-tl-market-group {
  overflow: hidden;
}

.bt4y-tl-market-group h3 {
  margin: 0;
  padding: 20px 24px;
  font-size: 18px;
  font-weight: 800;
  color: var(--tl-ink);
  background: var(--tl-white);
  border-bottom: 1px solid var(--tl-border);
}

.bt4y-tl-option-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
  background: var(--tl-soft);
  padding: 24px;
}

.bt4y-tl-option-card {
  border: 1px solid var(--tl-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 12px rgba(14,23,38,0.02) !important;
  overflow: hidden;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  background: var(--tl-white);
  transition: border-color 0.15s ease;
  margin: 0;
}

.bt4y-tl-option-top {
  width: 100%;
  border: 0;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 64px;
  padding: 16px 20px !important;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

.bt4y-tl-option-top span {
  font-size: 15px;
  font-weight: 700;
  color: var(--tl-ink);
  text-align: left;
}

.bt4y-tl-option-top strong {
  background: var(--tl-soft);
  border: 1px solid var(--tl-border);
  border-radius: 8px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 800;
  color: var(--tl-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* --- Expandable In-Tile Stake View --- */
.bt4y-tl-option-stake {
  display: none;
  padding: 20px !important;
  background: var(--tl-soft);
  border-top: 1px solid var(--tl-border);
  flex-direction: column;
  gap: 14px;
}

.bt4y-tl-option-card.is-active {
  border-color: var(--tl-green) !important;
  box-shadow: 0 8px 24px rgba(0, 181, 116, 0.08) !important;
}

.bt4y-tl-option-card.is-active .bt4y-tl-option-top {
  border-bottom-color: var(--tl-border);
}

.bt4y-tl-option-card.is-active .bt4y-tl-option-stake {
  display: flex !important;
  position: static !important;
  transform: none !important;
  width: 100% !important;
  box-shadow: none !important;
  animation: none !important;
}

.bt4y-tl-option-stake input {
  height: 48px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  padding: 0 16px;
  width: 100%;
  background: #ffffff;
}

.bt4y-tl-option-stake input:focus {
  outline: none;
  border-color: var(--tl-green);
  box-shadow: 0 0 0 3px rgba(0, 181, 116, 0.15);
}

.bt4y-tl-option-stake label {
  font-size: 12px;
  font-weight: 700;
  color: var(--tl-muted);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bt4y-tl-panel-return {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--tl-border);
  padding-top: 16px;
  font-size: 12px;
  color: var(--tl-muted);
  font-weight: 700;
  text-transform: uppercase;
}

.bt4y-tl-panel-return strong {
  font-size: 18px;
  font-weight: 800;
  color: var(--tl-ink);
  text-transform: none;
}

.bt4y-tl-option-stake .bt4y-tl-mini-btn {
  width: 100%;
  min-height: 48px;
  border-radius: 12px !important;
  background: var(--tl-ink);
}

/* Hide fallback overlay attributes */
.bt4y-tl-option-stake .bt4y-tl-panel-close,
.bt4y-tl-option-stake .bt4y-tl-panel-info { 
  display: none !important; 
}
.bt4y-tl-pick-panel-open:before { display: none !important; }

/* Picked State */
.bt4y-tl-option-card.is-picked .bt4y-tl-option-top {
  background: var(--tl-green-bg);
  cursor: default;
}
.bt4y-tl-option-card.is-picked .bt4y-tl-option-top strong {
  background: var(--tl-green);
  color: #ffffff;
  border-color: var(--tl-green);
}
.bt4y-tl-option-card.is-picked .bt4y-tl-option-stake { display: none !important; }

/* --- Fix Squashed Strings (My Bets, Activity, Offers, Leaderboard) --- */
/* By forcing the inner divs to be flex-columns, PHP strings safely separate */

.bt4y-tl-bet-row,
.bt4y-tl-activity-item,
.bt4y-tl-feedback-item,
.bt4y-tl-following-pick {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  gap: 16px;
}

.bt4y-tl-bet-row > div,
.bt4y-tl-activity-item > div,
.bt4y-tl-feedback-item > div,
.bt4y-tl-following-pick-main,
.bt4y-tl-following-pick-meta,
.bt4y-tl-offers-head {
  display: flex;
  flex-direction: column;
  gap: 6px; /* This unsquashes all inline elements! */
  align-items: flex-start;
}

.bt4y-tl-bet-row > div:last-child,
.bt4y-tl-following-pick-meta {
  align-items: flex-end;
  text-align: right;
}

.bt4y-tl-bet-row strong,
.bt4y-tl-activity-item strong,
.bt4y-tl-following-pick-main strong,
.bt4y-tl-following-pick-meta strong {
  font-size: 16px;
  font-weight: 800;
  color: var(--tl-ink);
  margin: 0;
}

.bt4y-tl-bet-row span,
.bt4y-tl-activity-item p,
.bt4y-tl-following-pick-main span {
  font-size: 14px;
  color: var(--tl-muted);
  margin: 0;
}

.bt4y-tl-bet-row small,
.bt4y-tl-activity-item small,
.bt4y-tl-following-pick-main small,
.bt4y-tl-following-pick-meta small {
  font-size: 12px;
  color: #94a3b8;
  font-weight: 600;
  margin: 0;
}

/* Leaderboard Fix */
.bt4y-tl-leader-row {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  grid-template-areas: "rank name profit" "rank meta meta";
  gap: 4px 16px;
  align-items: center;
  padding: 16px 24px;
}

.bt4y-tl-leader-row .rank {
  grid-area: rank;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--tl-soft);
  border-radius: 50%;
  font-weight: 800;
  font-size: 14px;
  color: var(--tl-muted);
}

.bt4y-tl-leader-row strong {
  grid-area: name;
  font-size: 16px;
  font-weight: 800;
  color: var(--tl-ink);
  margin: 0;
}

.bt4y-tl-leader-row span:not(.rank) {
  grid-area: profit;
  font-size: 18px;
  font-weight: 800;
  color: var(--tl-green-dark);
  text-align: right;
  margin: 0;
}

.bt4y-tl-leader-row em {
  grid-area: meta;
  font-size: 13px;
  color: var(--tl-muted);
  font-style: normal;
  grid-column: 2 / -1;
  margin: 0;
}

/* Offers Fix */
.bt4y-tl-offers-head span { font-size: 12px; font-weight: 800; color: var(--tl-green-dark); text-transform: uppercase; margin: 0; }
.bt4y-tl-offers-head strong { font-size: 24px; font-weight: 900; color: var(--tl-ink); margin: 0; }
.bt4y-tl-offers-head em { font-size: 15px; color: var(--tl-muted); font-style: normal; margin: 0; }

/* --- Fix Disclosure/Rules Card Squashing --- */
.bt4y-tl-disclosure-card > summary {
  display: grid;
  grid-template-columns: 1fr 32px;
  grid-template-areas: "label icon" "value icon";
  gap: 6px 16px;
  align-items: center;
  padding: 20px 24px !important;
  list-style: none;
  cursor: pointer;
}

.bt4y-tl-disclosure-card > summary::-webkit-details-marker { display: none; }

.bt4y-tl-disclosure-card > summary span {
  grid-area: label;
  font-size: 11px;
  font-weight: 800;
  color: var(--tl-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

.bt4y-tl-disclosure-card > summary strong {
  grid-area: value;
  font-size: 16px;
  font-weight: 800;
  color: var(--tl-ink);
  margin: 0;
}

.bt4y-tl-disclosure-card > summary::after {
  grid-area: icon;
  content: '+';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--tl-soft);
  color: var(--tl-ink);
  font-size: 18px;
  font-weight: 700;
}

.bt4y-tl-disclosure-card[open] > summary::after { content: '–'; }

.bt4y-tl-disclosure-body {
  padding: 0 24px 24px;
  font-size: 14px;
  color: #334155;
  line-height: 1.6;
}

/* --- Avatar & Profile Engine Fixes --- */
.bt4y-tl-tipster-title-row {
  display: flex;
  align-items: center;
  gap: 16px;
}

.bt4y-tl-tipster-title-row > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bt4y-tl-tipster-title-row h3,
.bt4y-tl-tipster-title-row h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
}

.bt4y-tl-tipster-title-row p {
  margin: 0;
  font-size: 14px;
  color: var(--tl-muted);
}

.bt4y-tl-tipster-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%; /* Force perfect circle */
  background: var(--tl-soft);
  border: 1px solid var(--tl-border);
  overflow: hidden;
  flex: 0 0 56px;
  font-size: 24px;
}

.bt4y-tl-tipster-avatar.is-large {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  font-size: 32px;
}

.bt4y-tl-tipster-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Prevents squashing of uploaded images */
  border-radius: 50%;
}

/* --- Fix Squashed Stats (Invite & Profile) --- */
.bt4y-tl-profile-stats,
.bt4y-tl-invite-card .bt4y-tl-profile-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px;
  margin: 20px 0;
}

.bt4y-tl-profile-stats div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--tl-white);
  border: 1px solid var(--tl-border);
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(14,23,38,0.02);
}

.bt4y-tl-profile-stats span {
  font-size: 11px;
  color: var(--tl-muted);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  order: 1; /* Label on top */
  margin: 0;
}

.bt4y-tl-profile-stats strong {
  font-size: 20px;
  font-weight: 900;
  color: var(--tl-ink);
  order: 2; /* Value on bottom */
  margin: 0;
}

/* Fix Gated Comment Unlock Container */
.bt4y-tl-comment-progress span {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--tl-white);
  border: 1px solid var(--tl-border);
  border-radius: 16px;
  padding: 16px;
  text-align: center;
  align-items: center;
}

.bt4y-tl-comment-progress span strong {
  font-size: 24px;
  margin: 0;
  order: 1;
}

.bt4y-tl-comment-progress span em {
  font-size: 11px;
  text-transform: uppercase;
  color: var(--tl-muted);
  margin: 0;
  order: 2;
  font-style: normal;
}

/* --- Follow Buttons --- */
.bt4y-tl-follow-btn {
  appearance: none;
  border: 1px solid var(--tl-border);
  border-radius: 999px;
  background: var(--tl-white);
  color: var(--tl-ink);
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.1s ease;
}

.bt4y-tl-follow-btn:hover { background: var(--tl-soft); }

.bt4y-tl-follow-btn.is-following {
  background: var(--tl-green-bg);
  color: var(--tl-green-dark);
  border-color: rgba(0, 181, 116, 0.2);
}

/* --- Profile Tab Layout Core --- */
.bt4y-tl-profile-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 400px);
  gap: 24px;
  align-items: start;
}

.bt4y-tl-profile-card,
.bt4y-tl-profile-form {
  padding: 32px;
}

/* --- Invite Copy Link Field --- */
.bt4y-tl-invite-link-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--tl-soft);
  border: 1px solid var(--tl-border);
  padding: 20px;
  border-radius: 16px;
  margin: 20px 0;
}
.bt4y-tl-invite-link-box label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--tl-muted);
  text-transform: uppercase;
}
.bt4y-tl-invite-link-box input {
  height: 48px;
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  padding: 0 16px;
  font-size: 14px;
  color: var(--tl-ink);
  font-weight: 600;
}

/* --- Rewards Ledger Shell --- */
.bt4y-tl-reward-wallet {
  border-radius: 24px;
  padding: 28px;
  background: var(--tl-ink);
  color: var(--tl-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.bt4y-tl-reward-wallet span {
  color: rgba(255,255,255,0.7);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
}

.bt4y-tl-reward-wallet strong {
  display: block;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.03em;
  margin-top: 6px;
}

.bt4y-tl-reward-wallet em {
  font-style: normal;
  font-size: 13px;
  color: rgba(255,255,255,0.6);
  text-align: right;
  max-width: 240px;
}

.bt4y-tl-reward-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 32px;
}

.bt4y-tl-reward-card {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* --- Tipster Grids --- */
.bt4y-tl-tipster-grid,
.bt4y-tl-following-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 24px 0;
}

.bt4y-tl-tipster-card,
.bt4y-tl-following-card {
  padding: 24px;
}

/* --- Global Toast Layer --- */
.bt4y-tl-toast {
  background: var(--tl-ink);
  color: var(--tl-white);
  border-radius: 999px;
  padding: 14px 28px;
  font-size: 14px;
  font-weight: 700;
  box-shadow: 0 20px 48px rgba(7, 17, 31, 0.24);
}

.bt4y-tl-toast.is-ok { background: #004d32; color: #e6faf2; }
.bt4y-tl-toast.is-bad { background: #610505; color: #fef2f2; }

/* --- Status Pills --- */
.bt4y-tl-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 800;
  background: var(--tl-soft);
  color: var(--tl-ink);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.bt4y-tl-status-pill.is-won { background: #dcfce7; color: #15803d; }
.bt4y-tl-status-pill.is-lost { background: #fee2e2; color: #b91c1c; }
.bt4y-tl-status-pill.is-void { background: var(--tl-soft); color: var(--tl-muted); }
.bt4y-tl-status-pill.is-pending { background: #fef3c7; color: #b45309; }

/* --- Responsive Breakpoints --- */
@media (max-width: 860px) {
  .bt4y-tl-summary-grid { grid-template-columns: repeat(2, 1fr); }
  .bt4y-tl-rule-grid, .bt4y-tl-comment-progress { grid-template-columns: 1fr; }
  .bt4y-tl-tipster-grid, .bt4y-tl-following-grid, .bt4y-tl-reward-grid { grid-template-columns: 1fr; }
  .bt4y-tl-profile-wrap { grid-template-columns: 1fr; }
  .bt4y-tl-reward-wallet { flex-direction: column; align-items: flex-start; gap: 16px; }
  .bt4y-tl-reward-wallet em { text-align: left; max-width: 100%; }
}

@media (max-width: 680px) {
  .bt4y-tl-app { padding: 12px 10px 40px !important; }
  .bt4y-tl-hero { border-radius: 20px !important; padding: 24px 16px !important; }
  .bt4y-tl-tabs { position: sticky !important; top: 0 !important; border-radius: 16px !important; padding: 4px !important; margin: 16px 0 !important; }
  .bt4y-tl-tabs button, .bt4y-tl-tabs a { min-height: 40px !important; padding: 0 16px !important; font-size: 13px !important; }
  .bt4y-tl-fixture { flex-direction: column; gap: 8px; }
  .bt4y-tl-team:first-child { justify-content: center; text-align: center; }
  .bt4y-tl-team:first-child img { order: unset; }
  .bt4y-tl-team:first-child strong { order: unset; }
  .bt4y-tl-team { justify-content: center; }
  .bt4y-tl-fixture > span { display: none; }
  .bt4y-tl-option-grid { padding: 16px; grid-template-columns: 1fr; }
  .bt4y-tl-bet-row, .bt4y-tl-leader-row { flex-direction: column; align-items: flex-start; gap: 12px; }
  .bt4y-tl-bet-row > div:last-child { align-items: flex-start; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .bt4y-tl-app * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* ==========================================================================
   BT4Y Tipster League - v6.8.2 Runtime Compatibility Hardening
   Keeps the latest screenshot CSS but restores support for live plugin markup
   ========================================================================== */

.bt4y-tl-app a {
  color: inherit;
  text-decoration: none;
}

.bt4y-tl-live-alert:empty {
  display: none;
}

.bt4y-tl-alert,
.bt4y-tl-auth-panel,
.bt4y-tl-auth-debug,
.bt4y-tl-feedback-form,
.bt4y-tl-profile-form,
.bt4y-tl-profile-card,
.bt4y-tl-invite-card,
.bt4y-tl-offer-card,
.bt4y-tl-onboarding-card,
.bt4y-tl-prize-card,
.bt4y-tl-rules-card,
.bt4y-tl-following-card {
  border: 1px solid var(--tl-border);
  border-radius: 20px;
  background: var(--tl-white);
  box-shadow: 0 8px 24px rgba(14, 23, 38, 0.02);
  padding: 24px;
  margin-bottom: 16px;
}

.bt4y-tl-alert.is-ok {
  background: var(--tl-green-bg);
  color: var(--tl-green-dark);
  border-color: rgba(0,181,116,0.18);
}

.bt4y-tl-compact-info-row,
.bt4y-tl-offer-grid,
.bt4y-tl-following-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin: 20px 0;
}

.bt4y-tl-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 18px;
}

.bt4y-tl-section-head h3,
.bt4y-tl-section-title,
.bt4y-tl-tipster-tab-panel h2 {
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--tl-ink);
}

.bt4y-tl-section-head p,
.bt4y-tl-tipster-meta,
.bt4y-tl-profile-scope,
.bt4y-tl-tipster-action-note,
.bt4y-tl-follow-login {
  color: var(--tl-muted);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
}

.bt4y-tl-profile-scope {
  display: block;
  border: 1px solid #d8e8ff;
  background: #f3f8ff;
  border-radius: 14px;
  padding: 14px 16px;
  margin: 18px 0;
}

/* Fixture polish: stop horizontal stretching and keep crests/team labels aligned. */
.bt4y-tl-fixture-hero {
  padding: 24px;
}

.bt4y-tl-fixture-hero .bt4y-tl-fixture,
.bt4y-tl-game-card .bt4y-tl-fixture {
  max-width: 760px;
  margin: 0 auto;
}

.bt4y-tl-fixture-hero .bt4y-tl-meta,
.bt4y-tl-game-card .bt4y-tl-meta {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.bt4y-tl-back,
.bt4y-tl-text-link {
  display: inline-flex;
  align-items: center;
  color: var(--tl-muted) !important;
  text-decoration: none !important;
  font-weight: 800;
  font-size: 14px;
}

.bt4y-tl-back:hover,
.bt4y-tl-text-link:hover {
  color: var(--tl-ink) !important;
}

/* Game footer pills */
.bt4y-tl-game-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  border-top: 1px solid #edf2f7;
  margin-top: 16px;
  padding-top: 14px;
}

.bt4y-tl-game-footer span,
.bt4y-tl-game-footer strong {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 999px;
  background: var(--tl-soft);
  color: var(--tl-muted);
  padding: 0 10px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.bt4y-tl-game-footer strong {
  margin-left: auto;
  color: var(--tl-green-dark);
  background: var(--tl-green-bg);
}

/* Directory/profile cards: contain all dynamic strings and remove visual squeezing. */
.bt4y-tl-directory-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.bt4y-tl-directory-hero h1,
.bt4y-tl-public-profile-hero h1 {
  margin: 8px 0 10px;
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.bt4y-tl-tipster-head,
.bt4y-tl-public-profile-head,
.bt4y-tl-following-card-head,
.bt4y-tl-tipster-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.bt4y-tl-tipster-head,
.bt4y-tl-following-card-head {
  margin-bottom: 16px;
}

.bt4y-tl-tipster-actions {
  border-top: 1px solid #edf2f7;
  margin-top: 18px;
  padding-top: 16px;
}

.bt4y-tl-tipster-card p,
.bt4y-tl-public-comment p,
.bt4y-tl-following-card p {
  margin: 12px 0;
  color: #334155;
  font-size: 14px;
  line-height: 1.55;
}

.bt4y-tl-tipster-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin: 12px 0 16px;
}

.bt4y-tl-tipster-meta span {
  display: inline-flex;
  gap: 4px;
  align-items: baseline;
}

.bt4y-tl-tipster-meta strong {
  font-weight: 900;
  color: var(--tl-ink);
}

.bt4y-tl-tipster-title-row .bt4y-tl-kicker {
  width: max-content;
  margin-bottom: 4px;
}

.bt4y-tl-public-profile-hero-main {
  display: flex;
  align-items: center;
  gap: 20px;
}

.bt4y-tl-public-profile-hero-action {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.bt4y-tl-public-profile-head {
  border: 1px solid var(--tl-border);
  border-radius: 18px;
  background: var(--tl-white);
  padding: 18px 20px;
  margin-bottom: 18px;
}

/* Tipster tab controls. */
.bt4y-tl-tipster-tabs-wrap {
  margin-top: 20px;
}

.bt4y-tl-tipster-tabs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  background: #eef2f6;
  border: 1px solid rgba(14,23,38,0.05);
  border-radius: 999px;
  padding: 6px;
  margin-bottom: 20px;
  scrollbar-width: none;
}

.bt4y-tl-tipster-tabs::-webkit-scrollbar {
  display: none;
}

.bt4y-tl-tipster-tabs button {
  appearance: none;
  border: 0;
  background: transparent;
  min-height: 42px;
  border-radius: 999px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 800;
  color: #4a5568;
  white-space: nowrap;
  cursor: pointer;
}

.bt4y-tl-tipster-tabs button.is-active {
  background: var(--tl-white);
  color: var(--tl-ink);
  box-shadow: 0 4px 16px rgba(14,23,38,0.06);
}

.bt4y-tl-tipster-tab-panel[hidden] {
  display: none !important;
}

/* Forms */
.bt4y-tl-profile-form label,
.bt4y-tl-feedback-form label,
.bt4y-tl-tip-comment-form label,
.bt4y-tl-reward-form label {
  display: grid;
  gap: 7px;
  font-weight: 800;
  color: var(--tl-ink);
  margin-bottom: 14px;
}

.bt4y-tl-profile-form input[type="text"],
.bt4y-tl-profile-form textarea,
.bt4y-tl-tip-comment-form textarea,
.bt4y-tl-reward-form textarea,
.bt4y-tl-feedback-form input,
.bt4y-tl-feedback-form select,
.bt4y-tl-feedback-form textarea,
.bt4y-tl-bet-form input {
  width: 100%;
  min-height: 46px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
  color: var(--tl-ink);
  background: var(--tl-white);
}

.bt4y-tl-profile-form textarea,
.bt4y-tl-tip-comment-form textarea,
.bt4y-tl-feedback-form textarea,
.bt4y-tl-reward-form textarea {
  min-height: 96px;
  resize: vertical;
}

.bt4y-tl-profile-form input:focus,
.bt4y-tl-profile-form textarea:focus,
.bt4y-tl-feedback-form input:focus,
.bt4y-tl-feedback-form textarea:focus,
.bt4y-tl-feedback-form select:focus {
  outline: none;
  border-color: var(--tl-green);
  box-shadow: 0 0 0 3px rgba(0,181,116,0.15);
}

.bt4y-tl-check,
.bt4y-tl-profile-form .bt4y-tl-check {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid var(--tl-border);
  border-radius: 14px;
  background: var(--tl-soft);
  padding: 12px;
  font-size: 13px;
  font-weight: 650;
  color: var(--tl-muted);
}

/* Avatar picker */
.bt4y-tl-avatar-picker {
  margin-bottom: 16px;
}

.bt4y-tl-avatar-picker > span {
  display: block;
  margin-bottom: 8px;
  font-weight: 800;
  color: var(--tl-ink);
}

.bt4y-tl-avatar-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.bt4y-tl-avatar-choice {
  position: relative;
  display: grid !important;
  gap: 5px !important;
  justify-items: center;
  align-items: center;
  border: 1px solid var(--tl-border);
  border-radius: 14px;
  background: var(--tl-white);
  padding: 10px 4px;
  cursor: pointer;
  text-align: center;
}

.bt4y-tl-avatar-choice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.bt4y-tl-avatar-choice span {
  font-size: 23px;
  line-height: 1;
}

.bt4y-tl-avatar-choice small {
  font-size: 9px;
  color: var(--tl-muted);
  font-weight: 800;
  text-transform: uppercase;
}

.bt4y-tl-avatar-choice:has(input:checked) {
  border-color: var(--tl-green);
  background: var(--tl-green-bg);
}

/* Following feed picks */
.bt4y-tl-following-pick {
  border: 1px solid var(--tl-border);
  border-radius: 16px;
  background: var(--tl-white);
  margin-bottom: 12px;
}

/* Avoid clipped leaderboard/meta rows on narrow viewports. */
@media (max-width: 680px) {
  .bt4y-tl-directory-hero,
  .bt4y-tl-public-profile-hero-main,
  .bt4y-tl-public-profile-hero-action,
  .bt4y-tl-tipster-head,
  .bt4y-tl-public-profile-head,
  .bt4y-tl-following-card-head,
  .bt4y-tl-tipster-actions,
  .bt4y-tl-section-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .bt4y-tl-leader-row {
    display: grid !important;
    grid-template-columns: 44px 1fr;
    grid-template-areas: "rank name" "rank profit" "rank meta";
  }

  .bt4y-tl-leader-row span:not(.rank) {
    text-align: left;
  }

  .bt4y-tl-public-profile-hero-main {
    align-items: center;
    text-align: center;
    width: 100%;
  }

  .bt4y-tl-public-profile-hero-action {
    width: 100%;
  }

  .bt4y-tl-public-profile-hero-action .bt4y-tl-btn,
  .bt4y-tl-tipster-actions .bt4y-tl-follow-form,
  .bt4y-tl-tipster-actions .bt4y-tl-follow-btn,
  .bt4y-tl-main-area-btn {
    width: 100%;
  }

  .bt4y-tl-avatar-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ==========================================================================
   BT4Y Tipster League - Wise.com Comprehensive UX System (v6.8 Final)
   ========================================================================== */

:root {
  --tl-ink: #0e1726;
  --tl-muted: #5f738c;
  --tl-border: #e2e8f0;
  --tl-soft: #f5f7fa;
  --tl-white: #ffffff;
  --tl-green: #00b574;
  --tl-green-dark: #009e64;
  --tl-green-bg: #e6faf2;
  --tl-red: #dc2626;
  --tl-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.bt4y-tl-app {
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(16px, 4vw, 40px) clamp(12px, 2.5vw, 24px);
  color: var(--tl-ink);
  font-family: var(--tl-font);
  letter-spacing: -0.01em;
  line-height: 1.6;
}

.bt4y-tl-app * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

/* --- 1. Fixtures & Logos (Neat, Horizontal, Centered) --- */
.bt4y-tl-fixture {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-direction: row !important;
}

.bt4y-tl-team {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  flex: unset !important; /* Prevents stretching */
}

/* Force standard L-to-R ordering for both teams to fix the layout */
.bt4y-tl-team img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
  order: 1 !important;
}
.bt4y-tl-team strong {
  font-size: 16px !important;
  font-weight: 800 !important;
  order: 2 !important;
  color: var(--tl-ink);
}

.bt4y-tl-fixture > span {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #94a3b8 !important;
  margin: 0 4px !important;
}

.bt4y-tl-meta {
  margin: 12px 0 0;
  color: var(--tl-muted);
  text-align: center;
  font-size: 13px;
  font-weight: 600;
}

/* --- 2. Rewards & Rules Cards (Vibrant, Styled, Unsquashed) --- */
.bt4y-tl-disclosure-card {
  border: 1px solid var(--tl-border) !important;
  border-left: 4px solid var(--tl-green) !important;
  border-radius: 16px !important;
  background: var(--tl-white) !important;
  box-shadow: 0 4px 16px rgba(14,23,38,0.03) !important;
  margin-bottom: 16px !important;
}

.bt4y-tl-disclosure-card:nth-of-type(2) {
  border-left-color: #3b82f6 !important; /* Blue for rules */
}

.bt4y-tl-disclosure-card > summary {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  padding: 16px 20px !important;
  position: relative;
  list-style: none;
  cursor: pointer;
}

.bt4y-tl-disclosure-card > summary::-webkit-details-marker { display: none; }

.bt4y-tl-disclosure-card > summary span {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: var(--tl-muted) !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.bt4y-tl-disclosure-card > summary strong {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--tl-ink) !important;
  padding-right: 32px; /* Space for plus icon */
}

.bt4y-tl-disclosure-card > summary::after {
  content: '+';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--tl-soft);
  color: var(--tl-ink);
  font-size: 18px;
  font-weight: 700;
}
.bt4y-tl-disclosure-card[open] > summary::after { content: '–'; }

/* --- 3. My Bets (Compact, Styled, Unsquashed Strings) --- */
.bt4y-tl-bet-list { display: grid; gap: 12px; }

.bt4y-tl-bet-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 16px !important;
  padding: 16px 20px !important;
  background: var(--tl-white) !important;
  border: 1px solid var(--tl-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 12px rgba(14,23,38,0.02) !important;
}

/* Force inline elements to stack vertically safely */
.bt4y-tl-bet-row > div:first-child,
.bt4y-tl-bet-row > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important; /* UN-SQUASHES TEXT */
}

.bt4y-tl-bet-row > div:last-child { align-items: flex-end; text-align: right; }

.bt4y-tl-bet-row strong { font-size: 15px !important; font-weight: 800 !important; color: var(--tl-ink) !important; margin: 0 !important; }
.bt4y-tl-bet-row span { font-size: 13px !important; font-weight: 600 !important; color: var(--tl-muted) !important; margin: 0 !important; }
.bt4y-tl-bet-row small { font-size: 12px !important; color: #94a3b8 !important; margin: 0 !important; }

/* --- 4. Leaderboard Tabs (Modern Segmented Pills) --- */
.bt4y-tl-leader-controls {
  background: var(--tl-soft);
  border: 1px solid var(--tl-border);
  border-radius: 999px;
  padding: 4px;
  display: inline-flex;
  gap: 4px;
  margin-bottom: 20px;
}

.bt4y-tl-leader-controls button {
  appearance: none;
  border: none !important;
  background: transparent !important;
  color: var(--tl-muted) !important;
  border-radius: 999px !important;
  min-height: 36px !important;
  padding: 0 20px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer;
  box-shadow: none !important;
  transition: all 0.15s ease;
}

.bt4y-tl-leader-controls button.is-active {
  background: var(--tl-ink) !important;
  color: var(--tl-white) !important;
  box-shadow: 0 4px 12px rgba(14,23,38,0.1) !important;
}

/* Leaderboard Rows Fix */
.bt4y-tl-leader-row {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  grid-template-areas: "rank name profit" "rank meta meta";
  gap: 4px 16px;
  align-items: center;
  padding: 16px 20px;
  background: var(--tl-white);
  border: 1px solid var(--tl-border);
  border-radius: 16px;
}
.bt4y-tl-leader-row .rank { grid-area: rank; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: var(--tl-soft); border-radius: 50%; font-weight: 800; font-size: 14px; color: var(--tl-muted); }
.bt4y-tl-leader-row strong { grid-area: name; font-size: 16px; font-weight: 800; color: var(--tl-ink); margin: 0; }
.bt4y-tl-leader-row span:not(.rank) { grid-area: profit; font-size: 16px; font-weight: 800; color: var(--tl-green-dark); text-align: right; margin: 0; }
.bt4y-tl-leader-row em { grid-area: meta; font-size: 12px; color: var(--tl-muted); font-style: normal; margin: 0; }

/* --- 5. Activity Feed (Icons & Styling) --- */
.bt4y-tl-activity-list { display: grid; gap: 12px; }

.bt4y-tl-activity-item {
  display: flex !important;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: var(--tl-white);
  border: 1px solid var(--tl-border);
  border-radius: 16px;
}

.bt4y-tl-activity-item::before {
  content: '🔔';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--tl-soft);
  font-size: 16px;
  flex-shrink: 0;
}

.bt4y-tl-activity-item.is-pick::before { content: '🎯'; background: #eef2ff; }
.bt4y-tl-activity-item.is-credits::before { content: '💰'; background: var(--tl-green-bg); }
.bt4y-tl-activity-item.is-reward::before { content: '🎁'; background: #fff7ed; }

.bt4y-tl-activity-item > div {
  display: flex;
  flex-direction: column;
  gap: 4px; /* Unsquashes text */
}

/* --- 6. Avatar Images (Fixes Masking & Squashing) --- */
.bt4y-tl-tipster-avatar {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important; /* Perfect circle */
  background: var(--tl-soft) !important;
  border: 1px solid var(--tl-border) !important;
  overflow: hidden !important;
  flex: 0 0 52px !important;
  padding: 0 !important;
}

.bt4y-tl-tipster-avatar img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* Prevents squashing faces */
  object-position: center !important;
  border-radius: 50% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important; /* Removes internal borders */
}

/* --- 7. Profile / Invite Grids (Fixes Strings like Profit0.00) --- */
.bt4y-tl-profile-stats {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: 12px !important;
  margin: 20px 0 !important;
}

.bt4y-tl-profile-stats div {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important; /* UNSQUASH STRINGS */
  background: var(--tl-white) !important;
  border: 1px solid var(--tl-border) !important;
  padding: 16px !important;
  border-radius: 16px !important;
}

.bt4y-tl-profile-stats span {
  font-size: 11px !important;
  color: var(--tl-muted) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  order: 1 !important; /* Label on top */
  margin: 0 !important;
}

.bt4y-tl-profile-stats strong {
  font-size: 20px !important;
  font-weight: 900 !important;
  color: var(--tl-ink) !important;
  order: 2 !important; /* Value below */
  margin: 0 !important;
}

/* Following Cards Text Unsquash */
.bt4y-tl-following-pick-main,
.bt4y-tl-following-pick-meta,
.bt4y-tl-tipster-title-row > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: flex-start;
}

/* --- 8. Small Print Restored Properly --- */
.bt4y-tl-compliance,
.bt4y-tl-card-note,
p.bt4y-tl-compliance {
  display: block;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--tl-muted) !important;
  margin: 24px auto 0 !important;
  padding: 0 16px !important;
  max-width: 720px;
}

/* --- Global Utilities (Tabs, Buttons, Forms) --- */
.bt4y-tl-tabs {
  position: relative; z-index: 5; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none;
  background: #eef2f6; border-radius: 999px; padding: 6px; margin: 24px 0;
}
.bt4y-tl-tabs::-webkit-scrollbar { display: none; }
.bt4y-tl-tabs button, .bt4y-tl-tabs a {
  background: transparent; flex: 1 0 auto; min-height: 40px; border-radius: 999px; padding: 0 20px;
  display: inline-flex; align-items: center; justify-content: center; text-decoration: none !important;
  color: #4a5568; font-size: 14px; font-weight: 700; cursor: pointer; border: 0; transition: all 0.1s ease;
}
.bt4y-tl-tabs button.is-active, .bt4y-tl-tabs a.is-active { background: var(--tl-white) !important; color: var(--tl-ink) !important; box-shadow: 0 4px 16px rgba(14, 23, 38, 0.06); }

.bt4y-tl-btn {
  appearance: none; border: 0; border-radius: 999px; min-height: 48px; padding: 0 28px;
  background: var(--tl-ink); color: var(--tl-white) !important; font-size: 14px; font-weight: 700;
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
  box-shadow: 0 8px 24px rgba(14, 23, 38, 0.1);
}
.bt4y-tl-btn.secondary { background: var(--tl-white) !important; color: var(--tl-ink) !important; border: 1px solid var(--tl-border); box-shadow: none; }

.bt4y-tl-invite-link-box {
  display: flex; flex-direction: column; gap: 12px; background: var(--tl-soft); border: 1px solid var(--tl-border); padding: 20px; border-radius: 16px; margin: 20px 0;
}
.bt4y-tl-invite-link-box input { height: 48px; border-radius: 12px; border: 1px solid #cbd5e1; padding: 0 16px; font-size: 14px; color: var(--tl-ink); font-weight: 600; width: 100%; }
.bt4y-tl-invite-link-box label { font-size: 11px; font-weight: 800; color: var(--tl-muted); text-transform: uppercase; }

/* Status Pills */
.bt4y-tl-status-pill { display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; padding: 4px 8px; font-size: 11px; font-weight: 800; background: var(--tl-soft); color: var(--tl-ink); letter-spacing: 0.05em; text-transform: uppercase; }
.bt4y-tl-status-pill.is-won { background: #dcfce7; color: #15803d; }
.bt4y-tl-status-pill.is-lost { background: #fee2e2; color: #b91c1c; }

/* Responsive Grid Overrides */
@media (max-width: 860px) {
  .bt4y-tl-summary-grid { grid-template-columns: repeat(2, 1fr); }
  .bt4y-tl-profile-stats { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 680px) {
  .bt4y-tl-app { padding: 12px 10px 40px !important; }
  .bt4y-tl-tabs { position: sticky !important; top: 0 !important; border-radius: 16px !important; margin: 16px 0 !important; }
  .bt4y-tl-bet-row { grid-template-columns: 1fr !important; }
  .bt4y-tl-bet-row > div:last-child { align-items: flex-start; text-align: left; }
  .bt4y-tl-leader-row { grid-template-columns: 44px 1fr !important; grid-template-areas: "rank name" "rank profit" "rank meta"; }
  .bt4y-tl-leader-row span:not(.rank) { text-align: left; }
}

/* ==========================================================================
   BT4Y Tipster League - v6.8.3 Runtime Hardening Overrides
   These target the remaining live screenshots where the PHP outputs raw text nodes
   between inline tags. No database, settlement or competition logic is changed.
   ========================================================================== */

.bt4y-tl-comment-progress {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 14px !important;
}

.bt4y-tl-comment-progress > span {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 118px !important;
  padding: 18px 16px !important;
  border: 1px solid var(--tl-border) !important;
  border-radius: 18px !important;
  background: var(--tl-white) !important;
  text-align: center !important;
  box-shadow: 0 4px 12px rgba(14,23,38,0.02) !important;
  color: var(--tl-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.bt4y-tl-progress-label {
  display: block !important;
  order: 1 !important;
  color: var(--tl-muted) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  line-height: 1.2 !important;
}

.bt4y-tl-comment-progress > span > strong {
  order: 2 !important;
  display: block !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1 !important;
  margin: 0 !important;
  color: var(--tl-ink) !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  text-transform: none !important;
}

.bt4y-tl-comment-progress > span > em {
  order: 3 !important;
  display: block !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: var(--tl-muted) !important;
  font-weight: 800 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin: 0 !important;
}

/* Keep status names from becoming oversized inside the unlock cards. */
.bt4y-tl-comment-progress > span.is-status > strong {
  font-size: clamp(20px, 2.4vw, 28px) !important;
  letter-spacing: -0.03em !important;
}

/* Stronger leaderboard tabs reset in case the theme applies default button chrome. */
.bt4y-tl-app .bt4y-tl-leader-controls {
  width: max-content !important;
  max-width: 100% !important;
  background: var(--tl-soft) !important;
  border: 1px solid var(--tl-border) !important;
  border-radius: 999px !important;
  padding: 5px !important;
  display: inline-flex !important;
  gap: 5px !important;
  box-shadow: none !important;
}

.bt4y-tl-app .bt4y-tl-leader-controls button,
.bt4y-tl-app .bt4y-tl-leader-controls .button {
  all: unset;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  color: var(--tl-muted) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  font-family: var(--tl-font) !important;
}

.bt4y-tl-app .bt4y-tl-leader-controls button.is-active {
  background: var(--tl-ink) !important;
  color: var(--tl-white) !important;
  box-shadow: 0 6px 16px rgba(14, 23, 38, 0.12) !important;
}

/* Compact activity and bet cards while keeping content separated. */
.bt4y-tl-app .bt4y-tl-activity-item strong,
.bt4y-tl-app .bt4y-tl-bet-row strong {
  letter-spacing: -0.025em !important;
}

.bt4y-tl-app .bt4y-tl-activity-item p,
.bt4y-tl-app .bt4y-tl-bet-row span {
  line-height: 1.45 !important;
}

/* Prevent avatar images from inheriting theme figure/img borders or padding. */
.bt4y-tl-app .bt4y-tl-tipster-avatar,
.bt4y-tl-app .bt4y-tl-tipster-avatar img {
  box-sizing: border-box !important;
}

.bt4y-tl-app .bt4y-tl-tipster-avatar img {
  max-width: none !important;
  max-height: none !important;
}

@media (max-width: 680px) {
  .bt4y-tl-comment-progress {
    grid-template-columns: 1fr !important;
  }
  .bt4y-tl-comment-progress > span {
    min-height: 96px !important;
  }
}

/* ==========================================================================
   BT4Y Tipster League - v6.8.4 Gemini final mobile/fixture/avatar overrides
   Applied after v6.8.3 so these rules win without removing wider component coverage.
   ========================================================================== */

/* ==========================================================================
   BT4Y Tipster League - Wise.com Comprehensive UX System (v6.8 Final Polish)
   ========================================================================== */

:root {
  --tl-ink: #0e1726;
  --tl-muted: #5f738c;
  --tl-border: #e2e8f0;
  --tl-soft: #f5f7fa;
  --tl-white: #ffffff;
  --tl-green: #00b574;
  --tl-green-dark: #009e64;
  --tl-green-bg: #e6faf2;
  --tl-red: #dc2626;
  --tl-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.bt4y-tl-app {
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(16px, 4vw, 40px) clamp(12px, 2.5vw, 24px);
  color: var(--tl-ink);
  font-family: var(--tl-font);
  letter-spacing: -0.01em;
  line-height: 1.6;
}

.bt4y-tl-app * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

/* --- 1. Fixtures & Logos (Perfect Vertical & Horizontal Alignment) --- */
.bt4y-tl-fixture {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  flex-direction: row !important;
  width: 100%;
}

.bt4y-tl-team {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 !important;
}

.bt4y-tl-team:first-child { justify-content: flex-end !important; }
.bt4y-tl-team:last-child { justify-content: flex-start !important; }

/* Home Team (Left): Text First, Logo Second */
.bt4y-tl-team:first-child img { order: 2 !important; }
.bt4y-tl-team:first-child strong { order: 1 !important; text-align: right !important; }

/* Away Team (Right): Logo First, Text Second */
.bt4y-tl-team:last-child img { order: 1 !important; }
.bt4y-tl-team:last-child strong { order: 2 !important; text-align: left !important; }

.bt4y-tl-team img {
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
  display: block !important;
}

.bt4y-tl-team strong {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--tl-ink) !important;
  line-height: 1 !important; /* Locks vertical alignment with logo */
  margin: 0 !important;
}

.bt4y-tl-fixture > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #94a3b8 !important;
  background: var(--tl-soft) !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  flex: 0 0 24px !important;
  text-transform: lowercase;
}

.bt4y-tl-meta {
  margin: 14px 0 0;
  color: var(--tl-muted);
  text-align: center;
  font-size: 13px;
  font-weight: 600;
}

/* --- 2. Rewards & Rules Cards (Vibrant & Styled) --- */
.bt4y-tl-disclosure-card {
  border: 1px solid var(--tl-border) !important;
  border-left: 4px solid var(--tl-green) !important;
  border-radius: 16px !important;
  background: var(--tl-white) !important;
  box-shadow: 0 4px 16px rgba(14,23,38,0.03) !important;
  margin-bottom: 16px !important;
}

.bt4y-tl-disclosure-card:nth-of-type(2) {
  border-left-color: #3b82f6 !important; /* Blue for rules */
}

.bt4y-tl-disclosure-card > summary {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  padding: 16px 20px !important;
  position: relative;
  list-style: none;
  cursor: pointer;
}

.bt4y-tl-disclosure-card > summary::-webkit-details-marker { display: none; }

.bt4y-tl-disclosure-card > summary span {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: var(--tl-muted) !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.bt4y-tl-disclosure-card > summary strong {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--tl-ink) !important;
  padding-right: 32px;
}

.bt4y-tl-disclosure-card > summary::after {
  content: '+';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--tl-soft);
  color: var(--tl-ink);
  font-size: 18px;
  font-weight: 700;
}
.bt4y-tl-disclosure-card[open] > summary::after { content: '–'; }

/* --- 3. My Bets (Compact, Styled, Unsquashed Strings) --- */
.bt4y-tl-bet-list { display: grid; gap: 12px; }

.bt4y-tl-bet-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 16px !important;
  padding: 16px 20px !important;
  background: var(--tl-white) !important;
  border: 1px solid var(--tl-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 12px rgba(14,23,38,0.02) !important;
}

.bt4y-tl-bet-row > div:first-child,
.bt4y-tl-bet-row > div:last-child {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important; 
}

.bt4y-tl-bet-row > div:last-child { align-items: flex-end; text-align: right; }
.bt4y-tl-bet-row strong { font-size: 15px !important; font-weight: 800 !important; color: var(--tl-ink) !important; margin: 0 !important; }
.bt4y-tl-bet-row span { font-size: 13px !important; font-weight: 600 !important; color: var(--tl-muted) !important; margin: 0 !important; }
.bt4y-tl-bet-row small { font-size: 12px !important; color: #94a3b8 !important; margin: 0 !important; }

/* --- 4. Leaderboard Tabs (Modern Segmented Pills) --- */
.bt4y-tl-leader-controls {
  background: var(--tl-soft);
  border: 1px solid var(--tl-border);
  border-radius: 999px;
  padding: 4px;
  display: inline-flex;
  gap: 4px;
  margin-bottom: 20px;
}

.bt4y-tl-leader-controls button {
  appearance: none;
  border: none !important;
  background: transparent !important;
  color: var(--tl-muted) !important;
  border-radius: 999px !important;
  min-height: 36px !important;
  padding: 0 20px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer;
  box-shadow: none !important;
  transition: all 0.15s ease;
}

.bt4y-tl-leader-controls button.is-active {
  background: var(--tl-ink) !important;
  color: var(--tl-white) !important;
  box-shadow: 0 4px 12px rgba(14,23,38,0.1) !important;
}

/* Leaderboard Rows Fix */
.bt4y-tl-leader-row {
  display: grid;
  grid-template-columns: 44px 1fr auto;
  grid-template-areas: "rank name profit" "rank meta meta";
  gap: 4px 16px;
  align-items: center;
  padding: 16px 20px;
  background: var(--tl-white);
  border: 1px solid var(--tl-border);
  border-radius: 16px;
}
.bt4y-tl-leader-row .rank { grid-area: rank; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: var(--tl-soft); border-radius: 50%; font-weight: 800; font-size: 14px; color: var(--tl-muted); }
.bt4y-tl-leader-row strong { grid-area: name; font-size: 16px; font-weight: 800; color: var(--tl-ink); margin: 0; }
.bt4y-tl-leader-row span:not(.rank) { grid-area: profit; font-size: 16px; font-weight: 800; color: var(--tl-green-dark); text-align: right; margin: 0; }
.bt4y-tl-leader-row em { grid-area: meta; font-size: 12px; color: var(--tl-muted); font-style: normal; margin: 0; }

/* --- 5. Activity Feed (Icons & Styling) --- */
.bt4y-tl-activity-list { display: grid; gap: 12px; }

.bt4y-tl-activity-item {
  display: flex !important;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: var(--tl-white);
  border: 1px solid var(--tl-border);
  border-radius: 16px;
}

.bt4y-tl-activity-item::before {
  content: '🔔';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--tl-soft);
  font-size: 16px;
  flex-shrink: 0;
}

.bt4y-tl-activity-item.is-pick::before { content: '🎯'; background: #eef2ff; }
.bt4y-tl-activity-item.is-credits::before { content: '💰'; background: var(--tl-green-bg); }
.bt4y-tl-activity-item.is-reward::before { content: '🎁'; background: #fff7ed; }

.bt4y-tl-activity-item > div {
  display: flex;
  flex-direction: column;
  gap: 4px; 
}

/* --- 6. Avatar Images (Fixes Masking & Squashing) --- */
.bt4y-tl-tipster-avatar {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important; /* Perfect circle */
  background: var(--tl-soft) !important;
  border: 1px solid var(--tl-border) !important;
  overflow: hidden !important;
  flex: 0 0 52px !important;
  padding: 0 !important;
}

.bt4y-tl-tipster-avatar.is-large {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  font-size: 32px;
}

.bt4y-tl-tipster-avatar img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; 
  object-position: center !important;
  border-radius: 50% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important; 
}

/* --- 7. Profile / Follow Cards & Stars (Fixes Strings & Ugly Stars) --- */

/* Hides the raw text star */
.bt4y-tl-follow-tipsters-icon { display: none !important; }

.bt4y-tl-follow-tipsters-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 24px !important;
  border: 1px solid rgba(0, 181, 116, 0.2) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 60%) !important;
}

.bt4y-tl-profile-stats,
.bt4y-tl-invite-card .bt4y-tl-profile-stats {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
  gap: 12px !important;
  margin: 20px 0 !important;
}

.bt4y-tl-profile-stats div {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important; /* UNSQUASH STRINGS */
  background: var(--tl-white) !important;
  border: 1px solid var(--tl-border) !important;
  padding: 16px !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 12px rgba(14,23,38,0.02);
}

.bt4y-tl-profile-stats span {
  font-size: 11px !important;
  color: var(--tl-muted) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  order: 1 !important; 
  margin: 0 !important;
}

.bt4y-tl-profile-stats strong {
  font-size: 20px !important;
  font-weight: 900 !important;
  color: var(--tl-ink) !important;
  order: 2 !important; 
  margin: 0 !important;
}

/* Following Cards Text Unsquash */
.bt4y-tl-following-pick-main,
.bt4y-tl-following-pick-meta,
.bt4y-tl-tipster-title-row > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: flex-start;
}

/* --- 8. Small Print & Compliance Caveats --- */
.bt4y-tl-compliance,
.bt4y-tl-card-note,
p.bt4y-tl-compliance {
  display: block;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: var(--tl-muted) !important;
  margin: 24px auto 0 !important;
  padding: 0 16px !important;
  max-width: 720px;
}

/* --- Global Utilities --- */
.bt4y-tl-kicker, .bt4y-tl-offer-badge, .bt4y-tl-comment-unlock-badge {
  display: inline-flex; align-items: center; border-radius: 999px; background: var(--tl-green-bg); color: var(--tl-green-dark); border: 1px solid rgba(0, 181, 116, 0.15); padding: 6px 12px; font-size: 11px; font-weight: 800; text-transform: uppercase; margin-bottom: 12px;
}
.bt4y-tl-btn { appearance: none; border: 0; border-radius: 999px; min-height: 48px; padding: 0 28px; background: var(--tl-ink); color: var(--tl-white) !important; font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 8px 24px rgba(14, 23, 38, 0.1); }
.bt4y-tl-btn.secondary { background: var(--tl-white) !important; color: var(--tl-ink) !important; border: 1px solid var(--tl-border); box-shadow: none; }
.bt4y-tl-invite-link-box { display: flex; flex-direction: column; gap: 12px; background: var(--tl-soft); border: 1px solid var(--tl-border); padding: 20px; border-radius: 16px; margin: 20px 0; }
.bt4y-tl-invite-link-box input { height: 48px; border-radius: 12px; border: 1px solid #cbd5e1; padding: 0 16px; font-size: 14px; font-weight: 600; width: 100%; }

/* Responsive Grid Overrides */
@media (max-width: 860px) {
  .bt4y-tl-summary-grid { grid-template-columns: repeat(2, 1fr); }
  .bt4y-tl-profile-stats { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 680px) {
  .bt4y-tl-app { padding: 12px 10px 40px !important; }
  
  /* Restore the V on mobile and keep team flex row but scale down */
  .bt4y-tl-fixture { gap: 8px !important; }
  .bt4y-tl-team { gap: 6px !important; }
  .bt4y-tl-team img { width: 22px !important; height: 22px !important; }
  .bt4y-tl-team strong { font-size: 14px !important; }
  .bt4y-tl-fixture > span { display: inline-flex !important; } /* Unhides the V */

  .bt4y-tl-tabs { position: sticky !important; top: 0 !important; border-radius: 16px !important; margin: 16px 0 !important; }
  .bt4y-tl-bet-row { grid-template-columns: 1fr !important; }
  .bt4y-tl-bet-row > div:last-child { align-items: flex-start; text-align: left; }
  .bt4y-tl-leader-row { grid-template-columns: 44px 1fr !important; grid-template-areas: "rank name" "rank profit" "rank meta"; }
  .bt4y-tl-leader-row span:not(.rank) { text-align: left; }
}


/* ==========================================================================
   v6.8.12 STRICTLY SCOPED LOGGED-OUT SIGNUP PAGE STYLES
   This block only targets [bt4y_tipster_league_signup] output and does not
   override logged-in dashboard components.
   ========================================================================== */
.bt4y-tl-app.bt4y-tl-signup-shortcode {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: clamp(18px, 4vw, 42px) clamp(12px, 2.5vw, 24px) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-shell {
  display: grid !important;
  gap: 24px !important;
  margin: 0 !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card,
.bt4y-tl-signup-shortcode .bt4y-tl-onboarding-panel,
.bt4y-tl-signup-shortcode .bt4y-tl-signup-active-card {
  border: 1px solid var(--tl-border, #e2e8f0) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 42px rgba(14, 23, 38, 0.045) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr) !important;
  gap: 28px !important;
  align-items: center !important;
  padding: clamp(24px, 4vw, 44px) !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(0,181,116,.11), transparent 34%),
    radial-gradient(circle at 96% 10%, rgba(29,92,255,.08), transparent 28%),
    #ffffff !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card h3,
.bt4y-tl-signup-shortcode .bt4y-tl-onboarding-panel h3 {
  margin: 0 !important;
  color: var(--tl-ink, #0e1726) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  line-height: 1.04 !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card h3 {
  font-size: clamp(34px, 5vw, 58px) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-onboarding-panel h3 {
  font-size: clamp(26px, 3.2vw, 38px) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card p,
.bt4y-tl-signup-shortcode .bt4y-tl-onboarding-panel p {
  margin: 0 !important;
  color: var(--tl-muted, #5f738c) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 550 !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-self: stretch !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-metrics > span {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 112px !important;
  padding: 18px !important;
  border: 1px solid var(--tl-border, #e2e8f0) !important;
  border-radius: 18px !important;
  background: rgba(248,250,252,.94) !important;
  text-align: center !important;
  overflow: hidden !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-metrics strong {
  display: block !important;
  margin: 0 !important;
  color: var(--tl-ink, #0e1726) !important;
  font-size: clamp(18px, 2.2vw, 28px) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  white-space: normal !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-metrics em {
  display: block !important;
  margin: 0 !important;
  color: var(--tl-muted, #5f738c) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: .045em !important;
  white-space: normal !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-actions,
.bt4y-tl-signup-shortcode .bt4y-tl-onboarding-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 8px !important;
  align-items: center !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-btn {
  appearance: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 52px !important;
  padding: 0 28px !important;
  background: var(--tl-ink, #0e1726) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 26px rgba(14, 23, 38, .14) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-btn.secondary {
  background: #ffffff !important;
  color: var(--tl-ink, #0e1726) !important;
  border: 1px solid var(--tl-border, #e2e8f0) !important;
  box-shadow: none !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-onboarding-panel {
  padding: clamp(22px, 3.2vw, 36px) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-section-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 0 22px !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-section-head > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0 !important;
  max-width: 760px !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-onboarding-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-onboarding-steps > article {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 18px !important;
  border: 1px solid var(--tl-border, #e2e8f0) !important;
  border-radius: 18px !important;
  background: var(--tl-soft, #f5f7fa) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-onboarding-steps > article > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 50% !important;
  background: var(--tl-ink, #0e1726) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-onboarding-steps > article > strong {
  display: block !important;
  color: var(--tl-ink, #0e1726) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-onboarding-steps > article > p {
  display: block !important;
  color: var(--tl-muted, #5f738c) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-active-card {
  padding: 20px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  border-left: 4px solid var(--tl-green, #00b574) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-active-card strong {
  color: var(--tl-ink, #0e1726) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-active-card small {
  color: var(--tl-muted, #5f738c) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

@media (max-width: 960px) {
  .bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card {
    grid-template-columns: 1fr !important;
  }
  .bt4y-tl-signup-shortcode .bt4y-tl-onboarding-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .bt4y-tl-app.bt4y-tl-signup-shortcode {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .bt4y-tl-signup-shortcode .bt4y-tl-signup-shell {
    gap: 18px !important;
  }
  .bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card,
  .bt4y-tl-signup-shortcode .bt4y-tl-onboarding-panel {
    border-radius: 20px !important;
    padding: 22px 16px !important;
  }
  .bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card h3 {
    font-size: 32px !important;
  }
  .bt4y-tl-signup-shortcode .bt4y-tl-signup-metrics,
  .bt4y-tl-signup-shortcode .bt4y-tl-onboarding-steps {
    grid-template-columns: 1fr !important;
  }
  .bt4y-tl-signup-shortcode .bt4y-tl-actions,
  .bt4y-tl-signup-shortcode .bt4y-tl-onboarding-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .bt4y-tl-signup-shortcode .bt4y-tl-btn {
    width: 100% !important;
  }
}


/* v6.8.12 restored full dashboard stylesheet marker */
body:before {
  content: "bt4y-tl-v6-8-12-restored-css";
  position: fixed;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* ==========================================================================
   v6.8.13 GUEST COMPETITION SIGNUP STATE FIX
   The logged-out /tipster-competition/ view renders the signup shell inside the
   normal .bt4y-tl-app dashboard wrapper, not inside .bt4y-tl-signup-shortcode.
   These selectors target only that guest shell and do not affect logged-in tabs.
   ========================================================================== */

.bt4y-tl-app .bt4y-tl-guest-signup-shell {
  display: grid !important;
  gap: 24px !important;
  margin: 28px 0 0 !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-panel,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-active-card {
  border: 1px solid var(--tl-border, #e2e8f0) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 42px rgba(14, 23, 38, 0.045) !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr) !important;
  gap: 28px !important;
  align-items: center !important;
  padding: clamp(24px, 4vw, 44px) !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(0,181,116,.11), transparent 34%),
    radial-gradient(circle at 96% 10%, rgba(29,92,255,.08), transparent 28%),
    #ffffff !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card h3,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-panel h3 {
  margin: 0 !important;
  color: var(--tl-ink, #0e1726) !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  line-height: 1.04 !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card h3 {
  font-size: clamp(34px, 5vw, 58px) !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-panel h3 {
  font-size: clamp(26px, 3.2vw, 38px) !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card p,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-panel p {
  margin: 0 !important;
  color: var(--tl-muted, #5f738c) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 550 !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-self: stretch !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-metrics > span {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 112px !important;
  padding: 18px !important;
  border: 1px solid var(--tl-border, #e2e8f0) !important;
  border-radius: 18px !important;
  background: rgba(248,250,252,.94) !important;
  text-align: center !important;
  overflow: hidden !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-metrics strong {
  display: block !important;
  margin: 0 !important;
  color: var(--tl-ink, #0e1726) !important;
  font-size: clamp(18px, 2.2vw, 28px) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  white-space: normal !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-metrics em {
  display: block !important;
  margin: 0 !important;
  color: var(--tl-muted, #5f738c) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: .045em !important;
  white-space: normal !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-actions,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 8px !important;
  align-items: center !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-btn {
  appearance: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  min-height: 52px !important;
  padding: 0 28px !important;
  background: var(--tl-ink, #0e1726) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 26px rgba(14, 23, 38, .14) !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-btn.secondary {
  background: #ffffff !important;
  color: var(--tl-ink, #0e1726) !important;
  border: 1px solid var(--tl-border, #e2e8f0) !important;
  box-shadow: none !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-panel {
  padding: clamp(22px, 3.2vw, 36px) !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-section-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 0 22px !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-section-head > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0 !important;
  max-width: 760px !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-steps > article {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 18px !important;
  border: 1px solid var(--tl-border, #e2e8f0) !important;
  border-radius: 18px !important;
  background: var(--tl-soft, #f5f7fa) !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-steps > article > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 50% !important;
  background: var(--tl-ink, #0e1726) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-steps > article > strong {
  display: block !important;
  color: var(--tl-ink, #0e1726) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-steps > article > p {
  display: block !important;
  color: var(--tl-muted, #5f738c) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-active-card {
  padding: 20px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  border-left: 4px solid var(--tl-green, #00b574) !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-active-card strong {
  color: var(--tl-ink, #0e1726) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-active-card small {
  color: var(--tl-muted, #5f738c) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

@media (max-width: 960px) {
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card {
    grid-template-columns: 1fr !important;
  }
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .bt4y-tl-app .bt4y-tl-guest-signup-shell {
    gap: 18px !important;
  }
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-panel {
    border-radius: 20px !important;
    padding: 22px 16px !important;
  }
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card h3 {
    font-size: 32px !important;
  }
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-metrics,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-steps {
    grid-template-columns: 1fr !important;
  }
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-actions,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-onboarding-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-btn {
    width: 100% !important;
  }
}


/* v6.8.13 guest competition stylesheet marker */
body:before {
  content: "bt4y-tl-v6-8-13-guest-css";
  position: fixed;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* ==========================================================================
   v6.8.14 signup metric chips upgrade
   Makes the logged-out hero metrics feel more premium and less wasteful.
   ========================================================================== */
.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-grid,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-self: start !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 88px !important;
  padding: 16px 18px !important;
  border: 1px solid var(--tl-border, #e2e8f0) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,247,250,.96)) !important;
  box-shadow: 0 10px 26px rgba(14, 23, 38, 0.05) !important;
  text-align: left !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-icon,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-icon {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  color: var(--tl-ink, #0e1726) !important;
  box-shadow: inset 0 -1px 0 rgba(148, 163, 184, .08) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-free .bt4y-tl-signup-chip-icon,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-free .bt4y-tl-signup-chip-icon {
  color: var(--tl-green, #00b574) !important;
  background: rgba(0,181,116,.08) !important;
  border-color: rgba(0,181,116,.12) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-units .bt4y-tl-signup-chip-icon,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-units .bt4y-tl-signup-chip-icon {
  color: #2563eb !important;
  background: rgba(37,99,235,.08) !important;
  border-color: rgba(37,99,235,.12) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-stakes .bt4y-tl-signup-chip-icon,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-stakes .bt4y-tl-signup-chip-icon {
  color: #f59e0b !important;
  background: rgba(245,158,11,.10) !important;
  border-color: rgba(245,158,11,.14) !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-icon svg,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-icon svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-copy,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-copy strong,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-copy strong {
  display: block !important;
  margin: 0 !important;
  font-size: clamp(24px, 2.1vw, 32px) !important;
  line-height: .98 !important;
  letter-spacing: -.04em !important;
  color: var(--tl-ink, #0e1726) !important;
  font-weight: 900 !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-copy em,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-copy em {
  display: block !important;
  margin: 0 !important;
  color: var(--tl-muted, #5f738c) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

@media (max-width: 960px) {
  .bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-grid,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  .bt4y-tl-signup-shortcode .bt4y-tl-signup-chip,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip {
    min-height: 78px !important;
    padding: 14px 15px !important;
    border-radius: 18px !important;
  }

  .bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-copy strong,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-copy strong {
    font-size: 22px !important;
  }
}



/* ==========================================================================
   v6.8.15 mobile chip fix
   Removes dependency on the old tall metric-card behaviour and keeps only two
   compact chips: Free + Units. Also prevents SVG/icon blow-ups on mobile.
   ========================================================================== */

/* Hide any stale third chip if cached markup or older blocks still output it. */
.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-stakes,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-stakes {
  display: none !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-grid,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

/* More specific than the older .bt4y-tl-signup-metrics > span rule, so it wins. */
.bt4y-tl-signup-shortcode .bt4y-tl-signup-metrics.bt4y-tl-signup-chip-grid > .bt4y-tl-signup-chip,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-metrics.bt4y-tl-signup-chip-grid > .bt4y-tl-signup-chip {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 12px !important;
  min-height: 82px !important;
  padding: 16px !important;
  text-align: left !important;
  flex-direction: unset !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip > .bt4y-tl-signup-chip-icon,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip > .bt4y-tl-signup-chip-icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  flex: 0 0 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip > .bt4y-tl-signup-chip-icon svg,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip > .bt4y-tl-signup-chip-icon svg {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  display: block !important;
  flex: 0 0 20px !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-copy,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-copy strong,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-copy strong {
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1 !important;
}

.bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-copy em,
.bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-copy em {
  font-size: 11px !important;
  line-height: 1.15 !important;
}

@media (max-width: 680px) {
  .bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-grid,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .bt4y-tl-signup-shortcode .bt4y-tl-signup-metrics.bt4y-tl-signup-chip-grid > .bt4y-tl-signup-chip,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-metrics.bt4y-tl-signup-chip-grid > .bt4y-tl-signup-chip {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    min-height: 68px !important;
    padding: 12px 10px !important;
    gap: 8px !important;
    border-radius: 16px !important;
  }

  .bt4y-tl-signup-shortcode .bt4y-tl-signup-chip > .bt4y-tl-signup-chip-icon,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip > .bt4y-tl-signup-chip-icon {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    flex-basis: 34px !important;
    border-radius: 12px !important;
  }

  .bt4y-tl-signup-shortcode .bt4y-tl-signup-chip > .bt4y-tl-signup-chip-icon svg,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip > .bt4y-tl-signup-chip-icon svg {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    flex-basis: 16px !important;
  }

  .bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-copy strong,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-copy strong {
    font-size: 18px !important;
  }

  .bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-copy em,
  .bt4y-tl-app .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-copy em {
    font-size: 9px !important;
    letter-spacing: .04em !important;
  }
}



/* ==========================================================================
   v6.8.17 Turnstile mobile layout fix
   Hides the honeypot properly and prevents the Cloudflare widget overflowing
   the mobile auth card.
   ========================================================================== */
.bt4y-tl-auth-form,
.bt4y-tl-auth-card,
.bt4y-tl-register-card,
.bt4y-tl-login-card {
  max-width: 100% !important;
  overflow-x: clip !important;
}

.bt4y-tl-turnstile-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 72px !important;
  margin: 4px 0 2px !important;
  padding: 8px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.bt4y-tl-turnstile-wrap .cf-turnstile,
.bt4y-tl-turnstile-wrap iframe {
  max-width: 100% !important;
}

.bt4y-tl-hp-field,
.bt4y-tl-hp-field *,
.bt4y-tl-auth-form .bt4y-tl-hp-field,
.bt4y-tl-auth-form .bt4y-tl-hp-field * {
  position: absolute !important;
  left: -10000px !important;
  right: auto !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

@media (max-width: 480px) {
  .bt4y-tl-turnstile-wrap {
    justify-content: flex-start !important;
    /* removed v6.8.18 */ !important;
    transform-origin: left center !important;
    100% !important;
    max-100% !important;
    min-height: 64px !important;
    100% !important;
  }
}


/* ==========================================================================
   v6.8.18 Auth + Turnstile layout fix
   - no visible honeypot field
   - no horizontal overflow on mobile
   - Turnstile constrained to the auth form card
   ========================================================================== */
.bt4y-tl-auth-app,
.bt4y-tl-auth-card,
.bt4y-tl-auth-form,
.bt4y-tl-auth-form label,
.bt4y-tl-auth-form input,
.bt4y-tl-turnstile-wrap,
.bt4y-tl-turnstile-inner {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.bt4y-tl-auth-app,
.bt4y-tl-auth-card {
  overflow-x: clip !important;
}

.bt4y-tl-auth-form input[type="hidden"][name="bt4y_tl_website"] {
  display: none !important;
}

.bt4y-tl-turnstile-wrap {
  width: 100% !important;
  min-width: 0 !important;
  margin: 8px 0 6px !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
}

.bt4y-tl-turnstile-inner {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.bt4y-tl-turnstile-wrap .cf-turnstile {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.bt4y-tl-turnstile-wrap iframe {
  max-width: 100% !important;
}

@media (max-width: 520px) {
  .bt4y-tl-auth-app {
    overflow-x: hidden !important;
  }

  .bt4y-tl-auth-card {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .bt4y-tl-auth-form {
    width: 100% !important;
    min-width: 0 !important;
  }

  .bt4y-tl-turnstile-wrap {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
}



/* ==========================================================================
   v6.8.19 mobile auth overflow hard fix
   Forces the login/register card and Turnstile widget to stay inside viewport.
   ========================================================================== */
.bt4y-tl-auth-app,
.bt4y-tl-auth-app *,
.bt4y-tl-auth-card,
.bt4y-tl-auth-card *,
.bt4y-tl-auth-form,
.bt4y-tl-auth-form * {
  box-sizing: border-box !important;
}

.bt4y-tl-auth-app {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.bt4y-tl-auth-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.bt4y-tl-auth-card > *,
.bt4y-tl-auth-form,
.bt4y-tl-auth-form label,
.bt4y-tl-auth-form input,
.bt4y-tl-auth-form button,
.bt4y-tl-turnstile-wrap,
.bt4y-tl-turnstile-inner {
  min-width: 0 !important;
  max-width: 100% !important;
}

.bt4y-tl-auth-form input:not([type="checkbox"]):not([type="hidden"]),
.bt4y-tl-auth-form button {
  width: 100% !important;
}

.bt4y-tl-turnstile-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  display: block !important;
}

.bt4y-tl-turnstile-inner {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.bt4y-tl-turnstile-wrap .cf-turnstile,
.bt4y-tl-turnstile-wrap iframe {
  max-width: 100% !important;
}

@media (max-width: 760px) {
  .bt4y-tl-auth-card {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
    padding: 22px 14px !important;
    border-radius: 20px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
  }

  .bt4y-tl-auth-card > div,
  .bt4y-tl-auth-card > section,
  .bt4y-tl-auth-card > form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .bt4y-tl-auth-form {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .bt4y-tl-auth-form label {
    width: 100% !important;
    max-width: 100% !important;
  }

  .bt4y-tl-auth-form input:not([type="checkbox"]):not([type="hidden"]) {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 430px) {
  .bt4y-tl-auth-app {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .bt4y-tl-auth-card {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .bt4y-tl-turnstile-wrap {
    /* removed in v6.8.20 */ !important;
    transform-origin: left top !important;
    /* removed in v6.8.20 */ !important;
    max-/* removed in v6.8.20 */ !important;
    /* removed in v6.8.20 */ !important;
  }
}

@media (max-width: 380px) {
  .bt4y-tl-turnstile-wrap {
    /* removed in v6.8.20 */ !important;
    /* removed in v6.8.20 */ !important;
    max-/* removed in v6.8.20 */ !important;
  }
}



/* ==========================================================================
   v6.8.20 Turnstile compact auth fix
   Uses compact Turnstile in custom Tipster auth forms to prevent challenge
   overflow on mobile. No transform scaling or wider-than-card wrappers.
   ========================================================================== */
.bt4y-tl-auth-app,
.bt4y-tl-auth-card,
.bt4y-tl-auth-form {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

.bt4y-tl-turnstile-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 150px !important;
  margin: 10px 0 8px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  transform: none !important;
}

.bt4y-tl-turnstile-inner {
  width: 150px !important;
  max-width: 150px !important;
  min-width: 150px !important;
  margin: 0 auto !important;
  display: block !important;
  overflow: visible !important;
  transform: none !important;
}

.bt4y-tl-turnstile-wrap .cf-turnstile {
  width: 150px !important;
  max-width: 150px !important;
  min-width: 150px !important;
  margin: 0 auto !important;
  transform: none !important;
}

.bt4y-tl-turnstile-wrap iframe {
  max-width: 150px !important;
  width: 150px !important;
  min-width: 150px !important;
  transform: none !important;
}

@media (max-width: 760px) {
  .bt4y-tl-auth-card {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow-x: hidden !important;
  }

  .bt4y-tl-auth-form,
  .bt4y-tl-auth-form label,
  .bt4y-tl-auth-form input:not([type="checkbox"]):not([type="hidden"]),
  .bt4y-tl-auth-form button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .bt4y-tl-turnstile-wrap {
    justify-content: center !important;
    min-height: 150px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}



/* ==========================================================================
   v6.8.21 branded forgot-password form
   ========================================================================== */
.bt4y-tl-auth-mini-head {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 16px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  background: #f8fafc !important;
}

.bt4y-tl-auth-mini-head h4 {
  margin: 0 !important;
  color: #0e1726 !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
}

.bt4y-tl-auth-mini-head p {
  margin: 0 !important;
  color: #5f738c !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 650 !important;
}

.bt4y-tl-lostpassword-form .bt4y-tl-btn {
  margin-top: 2px !important;
}



/* ==========================================================================
   v6.8.22 auth form spacing fix
   Adds a small breather between the green benefit chips and every auth form.
   ========================================================================== */
.bt4y-tl-auth-card .bt4y-tl-auth-form,
.bt4y-tl-auth-card .bt4y-tl-login-form,
.bt4y-tl-auth-card .bt4y-tl-register-form,
.bt4y-tl-auth-card .bt4y-tl-lostpassword-form {
  margin-top: 18px !important;
}

@media (max-width: 760px) {
  .bt4y-tl-auth-card .bt4y-tl-auth-form,
  .bt4y-tl-auth-card .bt4y-tl-login-form,
  .bt4y-tl-auth-card .bt4y-tl-register-form,
  .bt4y-tl-auth-card .bt4y-tl-lostpassword-form {
    margin-top: 20px !important;
  }
}



/* ==========================================================================
   v6.8.23 auth panel spacing fix
   Adds real breathing room between the benefit chips and the visible auth form
   panel/card on login, register and reset screens.
   ========================================================================== */
.bt4y-tl-auth-card {
  row-gap: 28px !important;
}

.bt4y-tl-auth-card .bt4y-tl-auth-form {
  margin-top: 24px !important;
}

.bt4y-tl-auth-card > .bt4y-tl-auth-form,
.bt4y-tl-auth-card > form.bt4y-tl-auth-form,
.bt4y-tl-auth-card .bt4y-tl-login-form,
.bt4y-tl-auth-card .bt4y-tl-register-form,
.bt4y-tl-auth-card .bt4y-tl-lostpassword-form {
  margin-top: 24px !important;
}

.bt4y-tl-auth-card .bt4y-tl-auth-benefits,
.bt4y-tl-auth-card .bt4y-tl-auth-chips,
.bt4y-tl-auth-card .bt4y-tl-benefits,
.bt4y-tl-auth-card [class*="chip"] {
  margin-bottom: 10px !important;
}

@media (max-width: 760px) {
  .bt4y-tl-auth-card {
    row-gap: 30px !important;
  }

  .bt4y-tl-auth-card .bt4y-tl-auth-form,
  .bt4y-tl-auth-card > .bt4y-tl-auth-form,
  .bt4y-tl-auth-card > form.bt4y-tl-auth-form,
  .bt4y-tl-auth-card .bt4y-tl-login-form,
  .bt4y-tl-auth-card .bt4y-tl-register-form,
  .bt4y-tl-auth-card .bt4y-tl-lostpassword-form {
    margin-top: 30px !important;
  }

  .bt4y-tl-auth-card .bt4y-tl-auth-benefits,
  .bt4y-tl-auth-card .bt4y-tl-auth-chips,
  .bt4y-tl-auth-card .bt4y-tl-benefits,
  .bt4y-tl-auth-card [class*="chip"] {
    margin-bottom: 14px !important;
  }
}


.bt4y-tl-auth-form-spacer {
  display: block !important;
  height: 24px !important;
  width: 100% !important;
  flex: 0 0 24px !important;
}

@media (max-width: 760px) {
  .bt4y-tl-auth-form-spacer {
    height: 30px !important;
    flex-basis: 30px !important;
  }
}



/* ==========================================================================
   v6.8.24 Premium upsell tab and logged-in banner
   ========================================================================== */
.bt4y-tl-premium-banner,
.bt4y-tl-premium-tab,
.bt4y-tl-premium-tab * {
  box-sizing: border-box;
}

.bt4y-tl-premium-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 18px 0 16px;
  padding: 18px;
  border: 1px solid rgba(255, 183, 3, .32);
  border-radius: 22px;
  background:
    radial-gradient(circle at 8% 20%, rgba(255, 183, 3, .16), transparent 32%),
    linear-gradient(135deg, #0e1726 0%, #182338 100%);
  color: #ffffff;
  box-shadow: 0 18px 42px rgba(14, 23, 38, .13);
}

.bt4y-tl-premium-banner .bt4y-tl-kicker {
  background: rgba(255, 183, 3, .14);
  border-color: rgba(255, 183, 3, .32);
  color: #fde68a;
}

.bt4y-tl-premium-banner-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bt4y-tl-premium-banner-copy strong {
  color: #ffffff;
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.1;
  letter-spacing: -.03em;
}

.bt4y-tl-premium-banner-copy p {
  margin: 0;
  color: #cbd5e1;
  font-size: 14px;
  line-height: 1.45;
  max-width: 760px;
}

.bt4y-tl-premium-banner-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}

.bt4y-tl-premium-banner .bt4y-tl-text-link {
  color: #f8fafc;
  white-space: nowrap;
}

.bt4y-tl-premium-main-cta {
  background: #ffb703 !important;
  color: #111827 !important;
  border-color: #ffb703 !important;
  box-shadow: 0 12px 28px rgba(255,183,3,.18);
}

.bt4y-tl-premium-tab {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.bt4y-tl-premium-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
  gap: 18px;
  align-items: stretch;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 24px;
  background:
    radial-gradient(circle at 10% 10%, rgba(255, 183, 3, .14), transparent 34%),
    #ffffff;
  box-shadow: 0 16px 42px rgba(14,23,38,.045);
}

.bt4y-tl-premium-hero h3 {
  margin: 10px 0 10px;
  color: #0e1726;
  font-size: clamp(30px, 4vw, 46px);
  line-height: 1.04;
  font-weight: 950;
  letter-spacing: -.045em;
}

.bt4y-tl-premium-hero p {
  margin: 0;
  color: #5f738c;
  font-size: 16px;
  line-height: 1.58;
  font-weight: 600;
}

.bt4y-tl-premium-hero-actions {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bt4y-tl-premium-proof {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  padding: 20px;
  background: #0e1726;
  color: #ffffff;
}

.bt4y-tl-premium-proof span {
  color: #fde68a;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 900;
}

.bt4y-tl-premium-proof strong {
  color: #ffffff;
  font-size: 24px;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -.035em;
}

.bt4y-tl-premium-proof small {
  color: #cbd5e1;
  line-height: 1.45;
  font-weight: 650;
}

.bt4y-tl-premium-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.bt4y-tl-premium-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0 14px 36px rgba(14,23,38,.045);
  overflow: hidden;
}

.bt4y-tl-premium-plan.is-featured {
  border-color: rgba(0,181,116,.34);
  box-shadow: 0 18px 42px rgba(0,181,116,.08);
}

.bt4y-tl-premium-ribbon {
  position: absolute;
  top: 12px;
  right: -34px;
  transform: rotate(36deg);
  background: #ffb703;
  color: #111827;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 5px 36px;
  box-shadow: 0 8px 18px rgba(255,183,3,.2);
}

.bt4y-tl-premium-plan-head span {
  display: inline-flex;
  max-width: calc(100% - 40px);
  border-radius: 999px;
  padding: 6px 10px;
  background: #f1f5f9;
  color: #475569;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
}

.bt4y-tl-premium-plan h4 {
  margin: 14px 0 8px;
  color: #0e1726;
  font-size: 26px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.035em;
}

.bt4y-tl-premium-plan p {
  margin: 0;
  color: #5f738c;
  font-size: 14px;
  line-height: 1.46;
  font-weight: 650;
}

.bt4y-tl-premium-price {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 0;
  border-top: 1px solid #eef2f7;
  border-bottom: 1px solid #eef2f7;
}

.bt4y-tl-premium-price strong {
  color: #0e1726;
  font-size: 28px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.04em;
}

.bt4y-tl-premium-price span {
  color: #64748b;
  font-size: 12px;
  font-weight: 850;
  text-align: right;
}

.bt4y-tl-premium-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.bt4y-tl-premium-metrics div {
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 10px;
  background: #f8fafc;
}

.bt4y-tl-premium-metrics span {
  display: block;
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.bt4y-tl-premium-metrics strong {
  color: #00a86b;
  font-size: 15px;
  line-height: 1;
  font-weight: 950;
  white-space: nowrap;
}

.bt4y-tl-premium-mini-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bt4y-tl-premium-mini-stats span {
  display: inline-flex;
  border-radius: 999px;
  background: #eef2ff;
  color: #334155;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 850;
}

.bt4y-tl-premium-points {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 9px;
  color: #334155;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 650;
}

.bt4y-tl-premium-points li {
  position: relative;
  padding-left: 22px;
}

.bt4y-tl-premium-points li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #00a86b;
  font-weight: 950;
}

.bt4y-tl-premium-plan-actions {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bt4y-tl-premium-bottom-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(0,181,116,.22);
  border-radius: 22px;
  padding: 20px;
  background: #f0fdf8;
}

.bt4y-tl-premium-bottom-cta h4 {
  margin: 8px 0 6px;
  color: #0e1726;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -.035em;
}

.bt4y-tl-premium-bottom-cta p {
  margin: 0;
  color: #475569;
  line-height: 1.5;
  font-weight: 650;
}

.bt4y-tl-premium-note {
  margin: 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
  font-weight: 650;
}

@media (max-width: 980px) {
  .bt4y-tl-premium-banner,
  .bt4y-tl-premium-bottom-cta {
    flex-direction: column;
    align-items: flex-start;
  }

  .bt4y-tl-premium-banner-actions,
  .bt4y-tl-premium-hero-actions {
    width: 100%;
  }

  .bt4y-tl-premium-banner-actions .bt4y-tl-btn,
  .bt4y-tl-premium-hero-actions .bt4y-tl-btn,
  .bt4y-tl-premium-bottom-cta .bt4y-tl-btn {
    width: 100%;
  }

  .bt4y-tl-premium-hero {
    grid-template-columns: 1fr;
  }

  .bt4y-tl-premium-plan-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .bt4y-tl-premium-banner,
  .bt4y-tl-premium-hero,
  .bt4y-tl-premium-plan,
  .bt4y-tl-premium-bottom-cta {
    border-radius: 18px;
    padding: 16px;
  }

  .bt4y-tl-premium-metrics {
    grid-template-columns: 1fr;
  }

  .bt4y-tl-premium-price {
    align-items: flex-start;
    flex-direction: column;
  }

  .bt4y-tl-premium-price span {
    text-align: left;
  }
}



/* ==========================================================================
   v6.8.26 slim premium banner + readable contrast
   ========================================================================== */
.bt4y-tl-premium-banner {
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 14px 0 12px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(255, 183, 3, .32) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #0e1726 0%, #172033 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 26px rgba(14,23,38,.10) !important;
}

.bt4y-tl-premium-banner-copy {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.bt4y-tl-premium-banner-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: rgba(255,183,3,.16) !important;
  border: 1px solid rgba(255,183,3,.34) !important;
  color: #fde68a !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

.bt4y-tl-premium-banner-copy strong {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
}

.bt4y-tl-premium-banner-copy small {
  display: inline-block !important;
  color: #cbd5e1 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.bt4y-tl-premium-banner-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
}

.bt4y-tl-premium-banner .bt4y-tl-btn {
  min-height: 36px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

.bt4y-tl-premium-banner .bt4y-tl-text-link {
  color: #e2e8f0 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.bt4y-tl-premium-banner .bt4y-tl-text-link:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

@media (max-width: 980px) {
  .bt4y-tl-premium-banner {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 13px !important;
  }

  .bt4y-tl-premium-banner-copy {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 7px !important;
  }

  .bt4y-tl-premium-banner-copy strong,
  .bt4y-tl-premium-banner-copy small {
    white-space: normal !important;
  }

  .bt4y-tl-premium-banner-actions {
    width: 100% !important;
  }

  .bt4y-tl-premium-banner .bt4y-tl-btn {
    width: auto !important;
    flex: 0 0 auto !important;
  }
}

@media (max-width: 560px) {
  .bt4y-tl-premium-banner-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .bt4y-tl-premium-banner .bt4y-tl-btn,
  .bt4y-tl-premium-banner .bt4y-tl-text-link {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}



/* ==========================================================================
   v6.8.27 desktop-only premium banner overlap fix
   Keeps mobile behaviour unchanged.
   ========================================================================== */
@media (min-width: 981px) {
  .bt4y-tl-premium-banner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 20px !important;
  }

  .bt4y-tl-premium-banner-copy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .bt4y-tl-premium-banner-copy strong,
  .bt4y-tl-premium-banner-copy small {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .bt4y-tl-premium-banner-copy strong {
    max-width: 470px !important;
  }

  .bt4y-tl-premium-banner-copy small {
    max-width: 420px !important;
  }

  .bt4y-tl-premium-banner-actions {
    justify-self: end !important;
    flex: 0 0 auto !important;
    min-width: max-content !important;
  }
}

@media (min-width: 1180px) {
  .bt4y-tl-premium-banner-copy strong {
    max-width: 620px !important;
  }

  .bt4y-tl-premium-banner-copy small {
    max-width: 520px !important;
  }
}



/* ==========================================================================
   v6.8.28 Newsletter preferences tab
   ========================================================================== */
.bt4y-tl-newsletter-tab,
.bt4y-tl-newsletter-tab * {
  box-sizing: border-box;
}

.bt4y-tl-newsletter-tab {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.bt4y-tl-newsletter-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 18px;
  align-items: stretch;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 24px;
  background:
    radial-gradient(circle at 8% 14%, rgba(0,181,116,.13), transparent 34%),
    #ffffff;
  box-shadow: 0 16px 42px rgba(14,23,38,.045);
}

.bt4y-tl-newsletter-hero h3 {
  margin: 10px 0 10px;
  color: #0e1726;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.045em;
}

.bt4y-tl-newsletter-hero p {
  margin: 0;
  color: #5f738c;
  font-size: 16px;
  line-height: 1.58;
  font-weight: 650;
}

.bt4y-tl-newsletter-proof {
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  background: #0e1726;
  color: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

.bt4y-tl-newsletter-proof strong {
  color: #ffffff;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -.035em;
}

.bt4y-tl-newsletter-proof span {
  color: #86efac;
  font-weight: 900;
}

.bt4y-tl-newsletter-proof small {
  color: #cbd5e1;
  line-height: 1.45;
  font-weight: 650;
}

.bt4y-tl-newsletter-form {
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  padding: 22px;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(14,23,38,.04);
}

.bt4y-tl-newsletter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.bt4y-tl-newsletter-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bt4y-tl-newsletter-field span,
.bt4y-tl-newsletter-section h4 {
  color: #0e1726;
  font-size: 16px;
  font-weight: 900;
}

.bt4y-tl-newsletter-field input,
.bt4y-tl-newsletter-field select {
  width: 100%;
  min-height: 48px;
  border: 1px solid #cbd5e1;
  border-radius: 16px;
  padding: 0 14px;
  font-weight: 750;
  color: #0e1726;
  background: #f8fafc;
}

.bt4y-tl-newsletter-field em {
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  font-style: normal;
  font-weight: 650;
}

.bt4y-tl-newsletter-section {
  margin-top: 22px;
}

.bt4y-tl-newsletter-section h4 {
  margin: 0 0 6px;
  font-size: 20px;
}

.bt4y-tl-newsletter-section p {
  margin: 0 0 14px;
  color: #64748b;
  font-weight: 650;
}

.bt4y-tl-newsletter-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.bt4y-tl-newsletter-option {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 14px;
  background: #f8fafc;
}

.bt4y-tl-newsletter-option input,
.bt4y-tl-newsletter-consent input {
  margin-top: 3px;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.bt4y-tl-newsletter-option span {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bt4y-tl-newsletter-option strong {
  color: #0e1726;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 900;
}

.bt4y-tl-newsletter-option em {
  color: #64748b;
  font-size: 13px;
  line-height: 1.4;
  font-style: normal;
  font-weight: 650;
}

.bt4y-tl-newsletter-consent {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-top: 1px solid #e2e8f0;
  padding-top: 18px;
}

.bt4y-tl-newsletter-consent label {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  color: #334155;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
}

.bt4y-tl-newsletter-updated {
  margin: 16px 0 0;
  color: #64748b;
  font-size: 13px;
  font-weight: 750;
}

.bt4y-tl-newsletter-actions {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 820px) {
  .bt4y-tl-newsletter-hero,
  .bt4y-tl-newsletter-grid,
  .bt4y-tl-newsletter-options {
    grid-template-columns: 1fr;
  }

  .bt4y-tl-newsletter-hero,
  .bt4y-tl-newsletter-form {
    padding: 16px;
    border-radius: 20px;
  }

  .bt4y-tl-newsletter-actions .bt4y-tl-btn {
    width: 100%;
  }
}



/* ==========================================================================
   v6.8.29 progressive Turnstile signup
   Turnstile is no longer shown to every first-time registration. If it appears
   after repeated attempts, keep it compact and centred.
   ========================================================================== */
.bt4y-tl-turnstile-wrap {
  max-width: 100% !important;
  overflow: hidden !important;
}

.bt4y-tl-auth-help {
  margin: 4px 0 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 750 !important;
}



/* ==========================================================================
   v6.8.30 mobile density / app-style UI fix
   Mobile-only: reduces vertical estate, font sizes and oversized panels.
   Desktop is intentionally untouched.
   ========================================================================== */
@media (max-width: 760px) {
  .bt4y-tl-app,
  .bt4y-tl-auth-app {
    font-size: 15px !important;
  }

  .bt4y-tl-app > section:first-child,
  .bt4y-tl-app .bt4y-tl-hero,
  .bt4y-tl-auth-app > section:first-child,
  .bt4y-tl-auth-app .bt4y-tl-auth-hero {
    padding: 18px 16px !important;
    border-radius: 20px !important;
    margin-bottom: 14px !important;
    min-height: 0 !important;
  }

  .bt4y-tl-app h1,
  .bt4y-tl-auth-app h1 {
    font-size: 34px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
    margin: 10px 0 10px !important;
  }

  .bt4y-tl-app h2,
  .bt4y-tl-auth-app h2 {
    font-size: 28px !important;
    line-height: 1.08 !important;
    margin: 8px 0 !important;
  }

  .bt4y-tl-app h3,
  .bt4y-tl-auth-app h3 {
    font-size: 24px !important;
    line-height: 1.1 !important;
    margin: 8px 0 !important;
  }

  .bt4y-tl-app > section:first-child p,
  .bt4y-tl-auth-app > section:first-child p,
  .bt4y-tl-auth-hero p,
  .bt4y-tl-hero p {
    font-size: 16px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
  }

  .bt4y-tl-kicker,
  .bt4y-tl-pill,
  .bt4y-tl-auth-card [class*="pill"],
  .bt4y-tl-auth-card [class*="chip"] {
    font-size: 11px !important;
    line-height: 1 !important;
    padding: 7px 11px !important;
    min-height: 0 !important;
  }

  .bt4y-tl-alert,
  .bt4y-tl-message,
  .bt4y-tl-app .bt4y-tl-notice {
    padding: 12px 14px !important;
    border-radius: 16px !important;
    margin: 12px 0 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .bt4y-tl-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 14px 0 !important;
  }

  .bt4y-tl-summary-card {
    min-height: 96px !important;
    padding: 14px 12px !important;
    border-radius: 18px !important;
  }

  .bt4y-tl-summary-card span {
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: .05em !important;
  }

  .bt4y-tl-summary-card strong {
    font-size: 32px !important;
    line-height: 1 !important;
    margin: 7px 0 5px !important;
  }

  .bt4y-tl-summary-card em {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  .bt4y-tl-premium-banner {
    margin: 12px 0 !important;
    padding: 11px 12px !important;
    border-radius: 16px !important;
  }

  .bt4y-tl-premium-banner-copy {
    gap: 6px !important;
  }

  .bt4y-tl-premium-banner-copy strong {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .bt4y-tl-premium-banner-copy small {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .bt4y-tl-premium-banner .bt4y-tl-btn,
  .bt4y-tl-premium-banner .bt4y-tl-text-link {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .bt4y-tl-tabs {
    gap: 7px !important;
    padding: 7px !important;
    margin: 12px 0 !important;
    border-radius: 18px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .bt4y-tl-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .bt4y-tl-tabs button {
    min-height: 36px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .bt4y-tl-tab-panels {
    margin-top: 10px !important;
  }

  .bt4y-tl-auth-card {
    padding: 16px 12px !important;
    border-radius: 20px !important;
    margin-top: 12px !important;
  }

  .bt4y-tl-auth-form,
  .bt4y-tl-register-form,
  .bt4y-tl-login-form,
  .bt4y-tl-lostpassword-form {
    gap: 13px !important;
    margin-top: 16px !important;
  }

  .bt4y-tl-auth-form-spacer {
    height: 14px !important;
    flex-basis: 14px !important;
  }

  .bt4y-tl-auth-form label {
    gap: 6px !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .bt4y-tl-auth-form label > span,
  .bt4y-tl-auth-check span {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  .bt4y-tl-auth-form small,
  .bt4y-tl-auth-form em,
  .bt4y-tl-auth-help {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .bt4y-tl-auth-form input:not([type="checkbox"]):not([type="hidden"]),
  .bt4y-tl-auth-form select {
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    padding: 0 13px !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .bt4y-tl-auth-check {
    gap: 9px !important;
    align-items: flex-start !important;
    margin: 3px 0 !important;
  }

  .bt4y-tl-auth-check input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    margin-top: 3px !important;
  }

  .bt4y-tl-auth-form .bt4y-tl-btn {
    min-height: 54px !important;
    border-radius: 999px !important;
    font-size: 18px !important;
    margin-top: 6px !important;
  }

  .bt4y-tl-auth-switch {
    margin-top: 8px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
  }

  .bt4y-tl-auth-mini-head {
    padding: 13px !important;
    border-radius: 16px !important;
  }

  .bt4y-tl-auth-mini-head h4 {
    font-size: 22px !important;
  }

  .bt4y-tl-auth-mini-head p {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  .bt4y-tl-newsletter-hero,
  .bt4y-tl-premium-hero,
  .bt4y-tl-newsletter-form,
  .bt4y-tl-premium-plan,
  .bt4y-tl-premium-bottom-cta {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .bt4y-tl-newsletter-hero h3,
  .bt4y-tl-premium-hero h3 {
    font-size: 28px !important;
    line-height: 1.06 !important;
  }

  .bt4y-tl-newsletter-hero p,
  .bt4y-tl-premium-hero p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .bt4y-tl-newsletter-options,
  .bt4y-tl-premium-plan-grid {
    gap: 10px !important;
  }

  .bt4y-tl-newsletter-option {
    padding: 12px !important;
    border-radius: 15px !important;
  }
}

@media (max-width: 390px) {
  .bt4y-tl-app h1,
  .bt4y-tl-auth-app h1 {
    font-size: 31px !important;
  }

  .bt4y-tl-summary-card strong {
    font-size: 29px !important;
  }

  .bt4y-tl-auth-form label {
    font-size: 17px !important;
  }

  .bt4y-tl-auth-form label > span,
  .bt4y-tl-auth-check span {
    font-size: 16px !important;
  }

  .bt4y-tl-auth-form .bt4y-tl-btn {
    min-height: 50px !important;
    font-size: 17px !important;
  }
}



/* ==========================================================================
   v6.8.31 higher Wise-style green section navigation
   Moves navigation above dashboard stats and makes active section clearer.
   ========================================================================== */
.bt4y-tl-dashboard-nav-wrap {
  margin: 16px 0 14px !important;
  padding: 10px !important;
  border: 1px solid #d8f3e6 !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, #f0fdf8 0%, #ffffff 100%) !important;
  box-shadow: 0 12px 28px rgba(14,23,38,.04) !important;
}

.bt4y-tl-section-nav-label {
  display: none;
}

.bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs {
  margin: 0 !important;
  background: transparent !important;
}

.bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs button.is-active {
  background: #8ee96f !important;
  color: #10210d !important;
  border-color: #8ee96f !important;
  box-shadow: 0 10px 24px rgba(142,233,111,.24) !important;
}

.bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs button:not(.is-active) {
  background: #ffffff !important;
  color: #334155 !important;
  border-color: #e2e8f0 !important;
}

@media (max-width: 760px) {
  .bt4y-tl-dashboard-nav-wrap {
    position: relative !important;
    margin: 10px 0 12px !important;
    padding: 10px 10px 9px !important;
    border-radius: 20px !important;
  }

  .bt4y-tl-section-nav-label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 2px 8px !important;
  }

  .bt4y-tl-section-nav-label span {
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .07em !important;
  }

  .bt4y-tl-section-nav-label strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 28px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    background: #8ee96f !important;
    color: #10210d !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    box-shadow: 0 8px 20px rgba(142,233,111,.22) !important;
  }

  .bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow-x: auto !important;
    background: transparent !important;
    scroll-snap-type: x proximity !important;
  }

  .bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs button {
    scroll-snap-align: start !important;
    min-height: 40px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    border: 1px solid #e2e8f0 !important;
    flex: 0 0 auto !important;
  }

  .bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs button.is-active {
    min-width: auto !important;
    background: #8ee96f !important;
    color: #10210d !important;
    border-color: #8ee96f !important;
  }

  .bt4y-tl-summary-grid {
    margin-top: 10px !important;
  }
}



/* ==========================================================================
   v6.8.32 logged-out-only SEO content
   Logged-in users should not see long SEO/supporting content below the
   signup chips/dashboard, keeping the app experience compact.
   ========================================================================== */
body.logged-in .bt4y-tl-signup-seo,
body.logged-in .bt4y-tl-seo-content,
body.logged-in .bt4y-seo-box,
body.logged-in [data-bt4y-logged-out-seo="1"] {
  display: none !important;
}



/* ==========================================================================
   v6.8.33 compact Wise-style metrics carousel + logged-in SEO hiding
   Applies to desktop and mobile.
   ========================================================================== */

/* Gutenberg SEO boxes/content below the shortcode must be visible to logged-out
   visitors only. This catches the Custom HTML SEO block even outside plugin markup. */
body.logged-in .bt4y-seo-box,
body.logged-in section.bt4y-seo-box,
body.logged-in .entry-content > .bt4y-seo-box,
body.logged-in .entry-content .bt4y-seo-box,
body.logged-in .wp-block-html .bt4y-seo-box,
body.logged-in .wp-block-group .bt4y-seo-box,
body.logged-in [data-bt4y-logged-out-seo="1"],
body.logged-in .bt4y-tl-signup-seo,
body.logged-in .bt4y-tl-seo-content {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Metrics are now a compact horizontal wallet-style panel on all devices. */
.bt4y-tl-summary-grid {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px 0 14px !important;
  padding: 4px 2px 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
}

.bt4y-tl-summary-grid::-webkit-scrollbar {
  display: none !important;
}

.bt4y-tl-summary-card {
  flex: 0 0 178px !important;
  width: 178px !important;
  min-width: 178px !important;
  min-height: 98px !important;
  height: auto !important;
  scroll-snap-align: start !important;
  padding: 13px 14px !important;
  border-radius: 22px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(14,23,38,.045) !important;
}

.bt4y-tl-summary-card span {
  display: block !important;
  color: #64748b !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  font-weight: 950 !important;
  margin: 0 0 9px !important;
  white-space: nowrap !important;
}

.bt4y-tl-summary-card strong {
  display: block !important;
  color: #0e1726 !important;
  font-size: 28px !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
  font-weight: 950 !important;
  margin: 0 0 7px !important;
  white-space: nowrap !important;
}

.bt4y-tl-summary-card em {
  display: block !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-style: normal !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

/* Subtle scroll hint using fade on wider screens. */
.bt4y-tl-dashboard-nav-wrap + .bt4y-tl-summary-grid,
.bt4y-tl-summary-grid {
  mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 32px), rgba(0,0,0,.22) 100%) !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 32px), rgba(0,0,0,.22) 100%) !important;
}

@media (min-width: 900px) {
  .bt4y-tl-summary-card {
    flex-basis: 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    min-height: 100px !important;
  }

  .bt4y-tl-summary-card strong {
    font-size: 30px !important;
  }
}

@media (max-width: 760px) {
  .bt4y-tl-summary-grid {
    gap: 9px !important;
    margin: 10px 0 12px !important;
    padding: 3px 0 9px !important;
  }

  .bt4y-tl-summary-card {
    flex-basis: 152px !important;
    width: 152px !important;
    min-width: 152px !important;
    min-height: 90px !important;
    padding: 12px !important;
    border-radius: 20px !important;
  }

  .bt4y-tl-summary-card span {
    font-size: 9.5px !important;
    margin-bottom: 8px !important;
  }

  .bt4y-tl-summary-card strong {
    font-size: 25px !important;
    margin-bottom: 6px !important;
  }

  .bt4y-tl-summary-card em {
    font-size: 12.5px !important;
  }
}

@media (max-width: 390px) {
  .bt4y-tl-summary-card {
    flex-basis: 142px !important;
    width: 142px !important;
    min-width: 142px !important;
  }

  .bt4y-tl-summary-card strong {
    font-size: 23px !important;
  }
}



/* ==========================================================================
   v6.8.34 desktop/mobile nav, metrics, games and logged-in SEO cleanup
   ========================================================================== */

/* Remove duplicate "Sections / Markets" label if older markup is cached. */
.bt4y-tl-section-nav-label {
  display: none !important;
}

/* Make section nav identical and clean on desktop + mobile. */
.bt4y-tl-dashboard-nav-wrap {
  margin: 12px 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs,
.bt4y-tl-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 4px 2px 10px !important;
  border: 0 !important;
  background: transparent !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  scroll-snap-type: x proximity !important;
}

.bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs::-webkit-scrollbar,
.bt4y-tl-tabs::-webkit-scrollbar {
  display: none !important;
}

.bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs button,
.bt4y-tl-tabs button {
  flex: 0 0 auto !important;
  min-width: auto !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #334155 !important;
  box-shadow: 0 8px 20px rgba(14,23,38,.045) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  scroll-snap-align: start !important;
}

.bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs button.is-active,
.bt4y-tl-tabs button.is-active {
  background: #8ee96f !important;
  color: #10210d !important;
  border-color: #8ee96f !important;
  box-shadow: 0 10px 24px rgba(142,233,111,.28) !important;
}

/* Strong compact metrics carousel on all devices. */
.bt4y-tl-summary-grid {
  display: flex !important;
  grid-template-columns: none !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 14px !important;
  padding: 2px 2px 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  scroll-snap-type: x proximity !important;
  mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 36px), rgba(0,0,0,.18) 100%) !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 36px), rgba(0,0,0,.18) 100%) !important;
}

.bt4y-tl-summary-grid::-webkit-scrollbar {
  display: none !important;
}

.bt4y-tl-summary-card {
  flex: 0 0 168px !important;
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
  min-height: 88px !important;
  padding: 12px 13px !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 24px rgba(14,23,38,.045) !important;
  scroll-snap-align: start !important;
}

.bt4y-tl-summary-card span {
  display: block !important;
  margin: 0 0 8px !important;
  color: #64748b !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.bt4y-tl-summary-card strong {
  display: block !important;
  margin: 0 0 6px !important;
  color: #0e1726 !important;
  font-size: 25px !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.bt4y-tl-summary-card em {
  display: block !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-style: normal !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

/* Logged-in Gutenberg SEO copy below the shortcode: hide on Tipster page. */
body.logged-in .bt4y-seo-box,
body.logged-in section.bt4y-seo-box,
body.logged-in .entry-content .bt4y-seo-box,
body.logged-in .wp-block-html .bt4y-seo-box,
body.logged-in [data-bt4y-logged-out-seo="1"],
body.logged-in .bt4y-tl-signup-seo,
body.logged-in .bt4y-tl-seo-content {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Logged-in page title cleanup. The inline page-specific style is stricter;
   this covers common theme wrappers if CSS cache loads only. */
body.logged-in .bt4y-tl-app {
  margin-top: 0 !important;
}

/* Super 6-style fixture cards in Markets. */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-market-card,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-fixture-card,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] article,
.bt4y-tl-markets article {
  border-radius: 24px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 14px 32px rgba(14,23,38,.055) !important;
  overflow: hidden !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-fixture {
  padding: 18px 14px 12px !important;
  min-height: 128px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #ffffff !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-team {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-team:first-child,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-team:last-child {
  justify-content: center !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-team img {
  order: 1 !important;
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
  transform: none !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-team strong {
  order: 2 !important;
  color: #0e1726 !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  text-align: center !important;
  letter-spacing: -.02em !important;
  max-width: 100% !important;
  white-space: normal !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-fixture > span {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-fixture-meta {
  text-align: center !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  padding: 0 12px 14px !important;
}

@media (min-width: 980px) {
  .bt4y-tl-summary-card {
    flex-basis: 176px !important;
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
  }

  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-team img {
    width: 62px !important;
    height: 62px !important;
  }

  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-fixture {
    min-height: 142px !important;
  }
}

@media (max-width: 760px) {
  .bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs button,
  .bt4y-tl-tabs button {
    min-height: 40px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
  }

  .bt4y-tl-summary-card {
    flex-basis: 146px !important;
    width: 146px !important;
    min-width: 146px !important;
    max-width: 146px !important;
    min-height: 84px !important;
  }

  .bt4y-tl-summary-card strong {
    font-size: 23px !important;
  }

  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-team img {
    width: 48px !important;
    height: 48px !important;
  }

  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-team strong {
    font-size: 13px !important;
  }

  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-fixture {
    min-height: 118px !important;
  }
}



/* ==========================================================================
   v6.8.35 app-dashboard compact layout
   - section chips first
   - compact logged-in hero
   - premium banner moved visually to bottom
   - rewards/rules compact horizontal cards
   ========================================================================== */

/* Logged-in app shell as flex so we can make dashboard feel like an app. */
.bt4y-tl-app {
  display: flex !important;
  flex-direction: column !important;
}

/* Put navigation first visually on desktop and mobile. */
.bt4y-tl-dashboard-nav-wrap {
  order: -20 !important;
  margin: 0 0 10px !important;
}

/* Hero sits underneath chips and becomes a compact status header, not a landing block. */
.bt4y-tl-app > section:first-child,
.bt4y-tl-app .bt4y-tl-hero {
  order: -10 !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 24px rgba(14,23,38,.035) !important;
}

.bt4y-tl-app > section:first-child h1,
.bt4y-tl-app .bt4y-tl-hero h1,
.bt4y-tl-app > section:first-child h2,
.bt4y-tl-app .bt4y-tl-hero h2 {
  margin: 7px 0 6px !important;
  font-size: 28px !important;
  line-height: 1.05 !important;
  letter-spacing: -.045em !important;
}

.bt4y-tl-app > section:first-child p,
.bt4y-tl-app .bt4y-tl-hero p {
  margin: 0 !important;
  max-width: 980px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  color: #42526a !important;
}

/* Keep the app CTA/status parts immediately below compact hero. */
.bt4y-tl-message,
.bt4y-tl-alert,
.bt4y-tl-app .bt4y-tl-notice {
  order: -9 !important;
}

/* Metrics after message but still compact. */
.bt4y-tl-summary-grid {
  order: -8 !important;
}

/* Premium banner should not interrupt the app flow. It belongs below the tab panels. */
.bt4y-tl-premium-banner {
  order: 50 !important;
  margin-top: 18px !important;
  margin-bottom: 8px !important;
}

/* Rewards/rules: compact horizontal cards instead of giant vertical slabs. */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] > .bt4y-tl-card,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-accordion,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-info-card,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-rules-card,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-rewards-card {
  min-height: 0 !important;
}

/* Many current cards are rendered as top-level sections/articles/cards; target first intro cards before fixtures. */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] > section:not([class*="fixture"]):not([class*="market"]),
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] > div:not(.bt4y-tl-markets):not(.bt4y-tl-fixtures):not(.bt4y-tl-market-list):not(.bt4y-tl-games-list):not(.bt4y-tl-empty),
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details {
  padding: 14px 16px !important;
  border-radius: 18px !important;
}

/* If rewards/rules are details accordions, make them compact. */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details summary {
  min-height: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details summary h3,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details summary strong,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details h3,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details strong {
  font-size: 17px !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
}

/* Specific visible text blocks: shrink typography aggressively. */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] h3,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] h4 {
  font-size: 17px !important;
  line-height: 1.18 !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] p,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] li {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

/* Compact reward/rules cards as horizontal rail when adjacent blocks exist. */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-competition-meta,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-info-grid,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-rules-rewards {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding-bottom: 8px !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-competition-meta::-webkit-scrollbar,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-info-grid::-webkit-scrollbar,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-rules-rewards::-webkit-scrollbar {
  display: none !important;
}

/* Try to catch the actual Rewards/Competition Rules cards by class fragments. */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] [class*="reward"],
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] [class*="rules"] {
  font-size: 13px !important;
}

/* Games list: ensure fixtures follow after compact info cards without big top gaps. */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-markets,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-fixtures,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-market-list,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-games-list {
  margin-top: 12px !important;
}

/* Mobile: make top area genuinely above-the-fold friendly. */
@media (max-width: 760px) {
  .bt4y-tl-dashboard-nav-wrap {
    margin: 0 0 8px !important;
  }

  .bt4y-tl-app > section:first-child,
  .bt4y-tl-app .bt4y-tl-hero {
    padding: 12px 14px !important;
    border-radius: 17px !important;
    margin-bottom: 8px !important;
  }

  .bt4y-tl-app > section:first-child .bt4y-tl-kicker,
  .bt4y-tl-app .bt4y-tl-hero .bt4y-tl-kicker {
    font-size: 10px !important;
    padding: 6px 10px !important;
  }

  .bt4y-tl-app > section:first-child h1,
  .bt4y-tl-app .bt4y-tl-hero h1,
  .bt4y-tl-app > section:first-child h2,
  .bt4y-tl-app .bt4y-tl-hero h2 {
    font-size: 23px !important;
    line-height: 1.05 !important;
    margin: 6px 0 5px !important;
  }

  .bt4y-tl-app > section:first-child p,
  .bt4y-tl-app .bt4y-tl-hero p {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .bt4y-tl-message,
  .bt4y-tl-alert,
  .bt4y-tl-app .bt4y-tl-notice {
    padding: 10px 12px !important;
    margin: 8px 0 !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  .bt4y-tl-premium-banner {
    margin-top: 14px !important;
  }

  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] > section:not([class*="fixture"]):not([class*="market"]),
  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] > div:not(.bt4y-tl-markets):not(.bt4y-tl-fixtures):not(.bt4y-tl-market-list):not(.bt4y-tl-games-list):not(.bt4y-tl-empty),
  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details {
    padding: 12px !important;
    border-radius: 16px !important;
  }

  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] h3,
  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] h4 {
    font-size: 15px !important;
  }

  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] p,
  .bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] li {
    font-size: 12px !important;
  }
}



/* ==========================================================================
   v6.8.36 horizontal rules/rewards + logged-out conversion-first auth
   ========================================================================== */

/* 1) Rewards + Competition Rules become a compact horizontal rail before games */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] {
  overflow-x: hidden !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] > :is(.bt4y-tl-card, .bt4y-tl-info-card, .bt4y-tl-rewards-card, .bt4y-tl-rules-card, details):has(+ :is(.bt4y-tl-card, .bt4y-tl-info-card, .bt4y-tl-rewards-card, .bt4y-tl-rules-card, details)),
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] > details {
  max-width: none !important;
}

/* Fallback rail: first two card-like children in markets are Rewards/Rules in current markup */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] {
  display: block !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] > details:nth-of-type(-n+2),
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] > section:nth-of-type(-n+2),
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] > article:nth-of-type(-n+2) {
  display: inline-flex !important;
  vertical-align: top !important;
  width: min(320px, 82vw) !important;
  min-width: min(320px, 82vw) !important;
  max-width: min(320px, 82vw) !important;
  min-height: 92px !important;
  margin: 0 10px 12px 0 !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Create a horizontal flow if wrappers/classes are present */
.bt4y-tl-rules-rewards,
.bt4y-tl-info-grid,
.bt4y-tl-competition-meta {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 0 0 10px !important;
  margin: 8px 0 12px !important;
}

.bt4y-tl-rules-rewards::-webkit-scrollbar,
.bt4y-tl-info-grid::-webkit-scrollbar,
.bt4y-tl-competition-meta::-webkit-scrollbar {
  display: none !important;
}

.bt4y-tl-rules-rewards > *,
.bt4y-tl-info-grid > *,
.bt4y-tl-competition-meta > * {
  flex: 0 0 min(320px, 82vw) !important;
  width: min(320px, 82vw) !important;
  min-width: min(320px, 82vw) !important;
  min-height: 92px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details summary,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] [class*="reward"],
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] [class*="rules"] {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details h3,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details h4,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details strong,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] [class*="reward"] h3,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] [class*="rules"] h3,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] [class*="reward"] strong,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] [class*="rules"] strong {
  font-size: 17px !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
  margin: 0 !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details p,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] details li {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

/* Keep games close after the compact rail */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-markets,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-fixtures,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-market-list,
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] .bt4y-tl-games-list {
  margin-top: 8px !important;
}

/* 2) Logged-out register/login pages: conversion-first and compact.
   SEO content below remains untouched for logged-out users. */
body:not(.logged-in) .bt4y-tl-auth-app {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body:not(.logged-in) .bt4y-tl-auth-app > section:first-child,
body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-auth-hero {
  padding: 18px 16px !important;
  border-radius: 20px !important;
  margin: 0 0 8px !important;
  min-height: 0 !important;
  background:
    radial-gradient(circle at 0 0, rgba(0,181,116,.13), transparent 34%),
    #ffffff !important;
}

body:not(.logged-in) .bt4y-tl-auth-app > section:first-child h1,
body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-auth-hero h1,
body:not(.logged-in) .bt4y-tl-auth-app > section:first-child h2,
body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-auth-hero h2 {
  font-size: clamp(30px, 5vw, 48px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.05em !important;
  margin: 8px 0 8px !important;
}

body:not(.logged-in) .bt4y-tl-auth-app > section:first-child p,
body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-auth-hero p {
  font-size: 15px !important;
  line-height: 1.4 !important;
  max-width: 760px !important;
  margin: 0 !important;
  color: #42526a !important;
}

/* Key benefits: make them immediate proof chips */
body:not(.logged-in) .bt4y-tl-auth-card [class*="chip"],
body:not(.logged-in) .bt4y-tl-auth-card [class*="pill"],
body:not(.logged-in) .bt4y-tl-auth-app [class*="benefit"] [class*="chip"],
body:not(.logged-in) .bt4y-tl-auth-app [class*="benefit"] [class*="pill"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #e8fff3 !important;
  border: 1px solid #b8f3d6 !important;
  color: #009e63 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .025em !important;
}

/* Auth card becomes a compact action card above the fold */
body:not(.logged-in) .bt4y-tl-auth-card {
  padding: 16px !important;
  border-radius: 20px !important;
  margin-top: 8px !important;
  gap: 14px !important;
}

body:not(.logged-in) .bt4y-tl-auth-card h2,
body:not(.logged-in) .bt4y-tl-auth-card h3 {
  font-size: 28px !important;
  line-height: 1.08 !important;
  margin: 0 0 8px !important;
}

body:not(.logged-in) .bt4y-tl-auth-card p {
  font-size: 14px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* Buttons/CTA: prominent, compact and above fold */
body:not(.logged-in) .bt4y-tl-auth-form .bt4y-tl-btn,
body:not(.logged-in) .bt4y-tl-auth-card .bt4y-tl-btn {
  min-height: 50px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  box-shadow: 0 12px 30px rgba(14,23,38,.10) !important;
}

body:not(.logged-in) .bt4y-tl-auth-form,
body:not(.logged-in) .bt4y-tl-register-form,
body:not(.logged-in) .bt4y-tl-login-form {
  gap: 12px !important;
  margin-top: 12px !important;
}

body:not(.logged-in) .bt4y-tl-auth-form label {
  font-size: 16px !important;
  line-height: 1.15 !important;
  gap: 6px !important;
}

body:not(.logged-in) .bt4y-tl-auth-form input:not([type="checkbox"]):not([type="hidden"]),
body:not(.logged-in) .bt4y-tl-auth-form select {
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
}

/* Add a visual steps feel to any ordered step list/cards in the logged-out area */
body:not(.logged-in) .bt4y-tl-auth-app ol,
body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body:not(.logged-in) .bt4y-tl-auth-app ol > li,
body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-steps > * {
  padding: 12px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(14,23,38,.035) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Desktop logged-out: keep compact, not giant landing-page blocks */
@media (min-width: 900px) {
  body:not(.logged-in) .bt4y-tl-auth-app > section:first-child,
  body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-auth-hero {
    padding: 22px 24px !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-card {
    padding: 20px !important;
  }
}

/* Mobile logged-out: very tight above fold */
@media (max-width: 760px) {
  body:not(.logged-in) .bt4y-tl-auth-app > section:first-child,
  body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-auth-hero {
    padding: 13px 14px !important;
    border-radius: 17px !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-app > section:first-child h1,
  body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-auth-hero h1,
  body:not(.logged-in) .bt4y-tl-auth-app > section:first-child h2,
  body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-auth-hero h2 {
    font-size: 25px !important;
    line-height: 1.04 !important;
    margin: 6px 0 !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-app > section:first-child p,
  body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-auth-hero p {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-card {
    padding: 13px !important;
    border-radius: 17px !important;
    margin-top: 6px !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-card h2,
  body:not(.logged-in) .bt4y-tl-auth-card h3 {
    font-size: 22px !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-card p {
    font-size: 12.5px !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-form input:not([type="checkbox"]):not([type="hidden"]),
  body:not(.logged-in) .bt4y-tl-auth-form select {
    min-height: 42px !important;
    height: 42px !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-form .bt4y-tl-btn,
  body:not(.logged-in) .bt4y-tl-auth-card .bt4y-tl-btn {
    min-height: 48px !important;
    font-size: 15px !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-app ol,
  body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-steps {
    display: flex !important;
    overflow-x: auto !important;
    grid-template-columns: none !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-app ol::-webkit-scrollbar,
  body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-steps::-webkit-scrollbar {
    display: none !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-app ol > li,
  body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-steps > * {
    flex: 0 0 190px !important;
  }
}



.bt4y-tl-loggedout-proof-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 8px 0 10px !important;
}

.bt4y-tl-loggedout-proof-chips span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #e8fff3 !important;
  border: 1px solid #b8f3d6 !important;
  color: #009e63 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .025em !important;
}

@media (max-width: 760px) {
  .bt4y-tl-loggedout-proof-chips {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .bt4y-tl-loggedout-proof-chips::-webkit-scrollbar {
    display: none !important;
  }
  .bt4y-tl-loggedout-proof-chips span {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    font-size: 11px !important;
  }
}



/* ==========================================================================
   v6.8.37 critical tab, premium and logged-out conversion fix
   ========================================================================== */

/* Critical: hidden tab panels must stay hidden. This prevents Markets carrying
   over above other tab content even if older broad CSS is cached. */
.bt4y-tl-tab-panel[hidden],
.bt4y-tl-tab-panel:not(.is-active)[hidden],
.bt4y-tl-tab-panel:not(.is-active) {
  display: none !important;
}

.bt4y-tl-tab-panel.is-active {
  display: block !important;
}

/* Undo v6.8.36 broad market panel display interference. */
.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"] {
  display: none !important;
}

.bt4y-tl-tab-panel[data-bt4y-tab-panel="markets"].is-active {
  display: block !important;
}

/* Premium banner restored and kept compact. */
.bt4y-tl-premium-banner {
  display: flex !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  opacity: 1 !important;
  margin: 12px 0 14px !important;
}

/* Logged-out conversion panel: real above-the-fold benefit explanation. */
.bt4y-tl-loggedout-conversion {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 420px) !important;
  gap: 14px !important;
  align-items: center !important;
  margin: 8px 0 12px !important;
  padding: 16px !important;
  border: 1px solid #d8f3e6 !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at 0 0, rgba(0,181,116,.12), transparent 32%), #ffffff !important;
  box-shadow: 0 12px 30px rgba(14,23,38,.04) !important;
}

.bt4y-tl-loggedout-conversion h3 {
  margin: 8px 0 6px !important;
  color: #0e1726 !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.045em !important;
}

.bt4y-tl-loggedout-conversion p {
  margin: 0 !important;
  color: #42526a !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  font-weight: 650 !important;
}

.bt4y-tl-loggedout-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.bt4y-tl-loggedout-steps span {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 76px !important;
  padding: 10px 8px !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0e1726 !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  text-align: center !important;
}

.bt4y-tl-loggedout-steps strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: #8ee96f !important;
  color: #10210d !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

/* Logged-out form is compact but not hidden. */
body:not(.logged-in) .bt4y-tl-auth-card {
  padding: 14px !important;
  gap: 12px !important;
}

body:not(.logged-in) .bt4y-tl-auth-form .bt4y-tl-btn,
body:not(.logged-in) .bt4y-tl-auth-card .bt4y-tl-btn {
  min-height: 50px !important;
}

/* Rewards/rules safer horizontal rail: do not alter tab-panel display. */
.bt4y-tl-rules-rewards,
.bt4y-tl-info-grid,
.bt4y-tl-competition-meta {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding-bottom: 8px !important;
}

.bt4y-tl-rules-rewards::-webkit-scrollbar,
.bt4y-tl-info-grid::-webkit-scrollbar,
.bt4y-tl-competition-meta::-webkit-scrollbar {
  display: none !important;
}

.bt4y-tl-rules-rewards > *,
.bt4y-tl-info-grid > *,
.bt4y-tl-competition-meta > * {
  flex: 0 0 min(320px, 82vw) !important;
  width: min(320px, 82vw) !important;
  min-width: min(320px, 82vw) !important;
}

@media (max-width: 760px) {
  .bt4y-tl-loggedout-conversion {
    display: block !important;
    padding: 12px !important;
    border-radius: 17px !important;
  }

  .bt4y-tl-loggedout-conversion h3 {
    font-size: 23px !important;
    margin: 6px 0 5px !important;
  }

  .bt4y-tl-loggedout-conversion p {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
  }

  .bt4y-tl-loggedout-steps {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin-top: 10px !important;
  }

  .bt4y-tl-loggedout-steps::-webkit-scrollbar {
    display: none !important;
  }

  .bt4y-tl-loggedout-steps span {
    flex: 0 0 116px !important;
    min-height: 66px !important;
    font-size: 11px !important;
  }
}



/* ==========================================================================
   v6.8.38 desktop tab arrows + pre-join logged-out redesign
   ========================================================================== */
.bt4y-tl-dashboard-nav-wrap {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs {
  min-width: 0 !important;
  max-width: 100% !important;
}

.bt4y-tl-tab-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0e1726 !important;
  box-shadow: 0 10px 24px rgba(14,23,38,.06) !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.bt4y-tl-tab-arrow:hover {
  background: #8ee96f !important;
  border-color: #8ee96f !important;
  color: #10210d !important;
}

/* Logged-out pre-join page conversion panel */
.bt4y-tl-prejoin-panels {
  margin-top: 10px !important;
}

.bt4y-tl-prejoin-conversion {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 460px) !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 18px !important;
  border: 1px solid #d8f3e6 !important;
  border-radius: 22px !important;
  background: radial-gradient(circle at 0 0, rgba(0,181,116,.13), transparent 34%), #ffffff !important;
  box-shadow: 0 14px 34px rgba(14,23,38,.045) !important;
}

.bt4y-tl-prejoin-copy h3 {
  margin: 8px 0 8px !important;
  color: #0e1726 !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.05em !important;
  font-weight: 950 !important;
}

.bt4y-tl-prejoin-copy p {
  margin: 0 !important;
  max-width: 720px !important;
  color: #42526a !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
}

.bt4y-tl-prejoin-proof-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
}

.bt4y-tl-prejoin-proof-chips span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #e8fff3 !important;
  border: 1px solid #b8f3d6 !important;
  color: #009e63 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .025em !important;
}

.bt4y-tl-prejoin-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.bt4y-tl-prejoin-steps {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.bt4y-tl-prejoin-steps article {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  justify-content: center !important;
  min-height: 92px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

.bt4y-tl-prejoin-steps strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  background: #8ee96f !important;
  color: #10210d !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.bt4y-tl-prejoin-steps span {
  color: #0e1726 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

.bt4y-tl-prejoin-quick-stats {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  margin: 0 0 14px !important;
  padding: 2px 0 8px !important;
}

.bt4y-tl-prejoin-quick-stats::-webkit-scrollbar {
  display: none !important;
}

.bt4y-tl-prejoin-quick-stats div {
  flex: 0 0 180px !important;
  min-width: 180px !important;
  padding: 13px !important;
  border-radius: 18px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(14,23,38,.045) !important;
}

.bt4y-tl-prejoin-quick-stats span {
  display: block !important;
  color: #64748b !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  font-weight: 950 !important;
  margin-bottom: 8px !important;
}

.bt4y-tl-prejoin-quick-stats strong {
  display: block !important;
  color: #0e1726 !important;
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
  margin-bottom: 6px !important;
}

.bt4y-tl-prejoin-quick-stats em {
  display: block !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-style: normal !important;
  font-weight: 750 !important;
}

@media (max-width: 760px) {
  .bt4y-tl-dashboard-nav-wrap {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .bt4y-tl-tab-arrow {
    display: none !important;
  }

  .bt4y-tl-prejoin-conversion {
    display: block !important;
    padding: 13px !important;
    border-radius: 18px !important;
  }

  .bt4y-tl-prejoin-copy h3 {
    font-size: 25px !important;
    line-height: 1.04 !important;
    margin: 6px 0 !important;
  }

  .bt4y-tl-prejoin-copy p {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
  }

  .bt4y-tl-prejoin-proof-chips {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin-top: 10px !important;
  }

  .bt4y-tl-prejoin-proof-chips::-webkit-scrollbar {
    display: none !important;
  }

  .bt4y-tl-prejoin-proof-chips span {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    font-size: 11px !important;
  }

  .bt4y-tl-prejoin-actions .bt4y-tl-btn {
    width: 100% !important;
  }

  .bt4y-tl-prejoin-steps {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    grid-template-columns: none !important;
    margin-top: 12px !important;
  }

  .bt4y-tl-prejoin-steps::-webkit-scrollbar {
    display: none !important;
  }

  .bt4y-tl-prejoin-steps article {
    flex: 0 0 138px !important;
    min-height: 78px !important;
    padding: 11px !important;
  }

  .bt4y-tl-prejoin-steps span {
    font-size: 12px !important;
  }
}



/* ==========================================================================
   v6.8.40 safe recovery patch
   - no broad fixture/card overrides
   - restores clean logged-in market card behaviour from v6.8.38
   - improves Back to all games and logged-out/signup conversion areas only
   ========================================================================== */

/* Keep hidden tab panels hidden. */
.bt4y-tl-tab-panel[hidden],
.bt4y-tl-tab-panel:not(.is-active)[hidden],
.bt4y-tl-tab-panel:not(.is-active) {
  display: none !important;
}
.bt4y-tl-tab-panel.is-active {
  display: block !important;
}

/* Desktop tab arrows: make scrolling sections easier without affecting panels. */
.bt4y-tl-dashboard-nav-wrap {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}
.bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs {
  min-width: 0 !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}
.bt4y-tl-dashboard-nav-wrap .bt4y-tl-tabs::-webkit-scrollbar {
  display: none !important;
}
.bt4y-tl-tab-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #0e1726 !important;
  box-shadow: 0 10px 24px rgba(14,23,38,.06) !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
.bt4y-tl-tab-arrow:hover {
  background: #8ee96f !important;
  border-color: #8ee96f !important;
}
@media (max-width: 760px) {
  .bt4y-tl-dashboard-nav-wrap {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .bt4y-tl-tab-arrow {
    display: none !important;
  }
}

/* Back to all games: target only the detail-page back link patterns/classes.
   Do not target generic market links or fixture cards. */
.bt4y-tl-back-link,
.bt4y-tl-all-games,
.bt4y-tl-game-back,
.bt4y-tl-back,
.bt4y-tl-market-detail > a:first-child,
.bt4y-tl-fixture-detail > a:first-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 0 16px !important;
  margin: 8px 0 14px !important;
  border-radius: 999px !important;
  background: #0e1726 !important;
  border: 1px solid #0e1726 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(14,23,38,.13) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

/* Logged-out/signup shortcode conversion band. This affects logged-out content only. */
body:not(.logged-in) .bt4y-tl-signup-conversion-band {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 420px) !important;
  gap: 14px !important;
  align-items: center !important;
  margin: 12px 0 !important;
  padding: 16px !important;
  border: 1px solid #d8f3e6 !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at 0 0, rgba(0,181,116,.12), transparent 34%), #ffffff !important;
  box-shadow: 0 12px 30px rgba(14,23,38,.04) !important;
}
body:not(.logged-in) .bt4y-tl-signup-conversion-band strong {
  display: block !important;
  margin: 8px 0 6px !important;
  color: #0e1726 !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  font-weight: 950 !important;
}
body:not(.logged-in) .bt4y-tl-signup-conversion-band p {
  margin: 0 !important;
  color: #42526a !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;
}
body:not(.logged-in) .bt4y-tl-signup-conversion-steps {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
body:not(.logged-in) .bt4y-tl-signup-conversion-steps span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 8px !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0e1726 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  text-align: center !important;
}

/* Compact the logged-out signup shell without hiding SEO below. */
body:not(.logged-in) .bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card {
  padding: 16px !important;
  border-radius: 20px !important;
}
body:not(.logged-in) .bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card h3 {
  font-size: clamp(28px, 4vw, 42px) !important;
  line-height: 1.04 !important;
  margin: 8px 0 !important;
}
body:not(.logged-in) .bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card p {
  font-size: 15px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}
body:not(.logged-in) .bt4y-tl-signup-shortcode .bt4y-tl-signup-chip-grid {
  gap: 8px !important;
}
body:not(.logged-in) .bt4y-tl-signup-shortcode .bt4y-tl-signup-chip {
  min-height: 40px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
}
body:not(.logged-in) .bt4y-tl-signup-shortcode .bt4y-tl-actions {
  margin-top: 12px !important;
}

/* Keep current prejoin conversion from v6.8.38 visible if that render path is used. */
body:not(.logged-in) .bt4y-tl-prejoin-conversion,
body:not(.logged-in) .bt4y-tl-force-guest-hero {
  display: grid !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  opacity: 1 !important;
}

@media (max-width: 760px) {
  body:not(.logged-in) .bt4y-tl-signup-conversion-band {
    display: block !important;
    padding: 13px !important;
    border-radius: 17px !important;
  }
  body:not(.logged-in) .bt4y-tl-signup-conversion-band strong {
    font-size: 22px !important;
    margin: 6px 0 !important;
  }
  body:not(.logged-in) .bt4y-tl-signup-conversion-band p {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
  }
  body:not(.logged-in) .bt4y-tl-signup-conversion-steps {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin-top: 10px !important;
  }
  body:not(.logged-in) .bt4y-tl-signup-conversion-steps::-webkit-scrollbar {
    display: none !important;
  }
  body:not(.logged-in) .bt4y-tl-signup-conversion-steps span {
    flex: 0 0 132px !important;
    min-height: 44px !important;
  }
  body:not(.logged-in) .bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card {
    padding: 13px !important;
    border-radius: 17px !important;
  }
  body:not(.logged-in) .bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card h3 {
    font-size: 24px !important;
  }
  body:not(.logged-in) .bt4y-tl-signup-shortcode .bt4y-tl-signup-hero-card p {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
  }
}



/* ==========================================================================
   v6.8.42 critical logged-out hotfix
   Safe, defensive logged-out strip. Does not replace the shortcode renderer.
   ========================================================================== */
body:not(.logged-in) .bt4y-tl-guest-safe-strip {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  margin: 0 0 12px !important;
  padding: 14px 16px !important;
  border: 1px solid #d8f3e6 !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at 0 0, rgba(0,181,116,.12), transparent 34%), #ffffff !important;
  box-shadow: 0 12px 30px rgba(14,23,38,.04) !important;
}

body:not(.logged-in) .bt4y-tl-guest-safe-strip strong {
  display: block !important;
  margin: 8px 0 5px !important;
  color: #0e1726 !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

body:not(.logged-in) .bt4y-tl-guest-safe-strip p {
  margin: 0 !important;
  color: #42526a !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

body:not(.logged-in) .bt4y-tl-guest-safe-actions {
  display: flex !important;
  gap: 9px !important;
  min-width: 300px !important;
}

body:not(.logged-in) .bt4y-tl-guest-safe-actions .bt4y-tl-btn {
  min-height: 44px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

/* Compact the existing logged-out onboarding shell without removing it. */
body:not(.logged-in) .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card {
  padding: 14px !important;
  border-radius: 18px !important;
}

body:not(.logged-in) .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card h3 {
  font-size: clamp(26px, 3.5vw, 38px) !important;
  line-height: 1.04 !important;
  margin: 8px 0 !important;
}

body:not(.logged-in) .bt4y-tl-guest-signup-shell .bt4y-tl-signup-hero-card p {
  font-size: 14px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

body:not(.logged-in) .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip-grid {
  gap: 8px !important;
}

body:not(.logged-in) .bt4y-tl-guest-signup-shell .bt4y-tl-signup-chip {
  min-height: 42px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
}

/* Keep Back to all games visible without touching fixture cards. */
.bt4y-tl-back-link,
.bt4y-tl-all-games,
.bt4y-tl-game-back,
.bt4y-tl-back,
.bt4y-tl-market-detail > a:first-child,
.bt4y-tl-fixture-detail > a:first-child {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 0 16px !important;
  margin: 8px 0 14px !important;
  border-radius: 999px !important;
  background: #0e1726 !important;
  border: 1px solid #0e1726 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(14,23,38,.13) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

@media (max-width: 760px) {
  body:not(.logged-in) .bt4y-tl-guest-safe-strip {
    display: block !important;
    padding: 12px !important;
    border-radius: 17px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-safe-strip strong {
    font-size: 22px !important;
    margin: 6px 0 !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-safe-strip p {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-safe-actions {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-safe-actions .bt4y-tl-btn {
    min-height: 42px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }
}



/* ==========================================================================
   v6.8.43 safe logged-out renderer redesign
   Changes the existing render_signup_onboarding_landing() output used by
   [bt4y_tipster_league], without replacing the shortcode branch.
   ========================================================================== */

body:not(.logged-in) .bt4y-tl-loggedout-redesign {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

body:not(.logged-in) .bt4y-tl-guest-hero-v43 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 390px) !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid #d8f3e6 !important;
  border-radius: 22px !important;
  background: radial-gradient(circle at 0 0, rgba(0,181,116,.14), transparent 34%), #ffffff !important;
  box-shadow: 0 14px 34px rgba(14,23,38,.045) !important;
}

body:not(.logged-in) .bt4y-tl-guest-hero-copy-v43 h3 {
  margin: 8px 0 8px !important;
  max-width: 760px !important;
  color: #0e1726 !important;
  font-size: clamp(30px, 4vw, 50px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
  font-weight: 950 !important;
}

body:not(.logged-in) .bt4y-tl-guest-hero-copy-v43 p {
  margin: 0 !important;
  max-width: 760px !important;
  color: #42526a !important;
  font-size: 15px !important;
  line-height: 1.42 !important;
  font-weight: 650 !important;
}

body:not(.logged-in) .bt4y-tl-guest-chips-v43 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
}

body:not(.logged-in) .bt4y-tl-guest-chips-v43 span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #e8fff3 !important;
  border: 1px solid #b8f3d6 !important;
  color: #009e63 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .025em !important;
}

body:not(.logged-in) .bt4y-tl-guest-actions-v43 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

body:not(.logged-in) .bt4y-tl-guest-actions-v43 .bt4y-tl-btn {
  min-height: 48px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
}

body:not(.logged-in) .bt4y-tl-guest-steps-card-v43 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 16px !important;
  border-radius: 20px !important;
  background: #0e1726 !important;
  color: #ffffff !important;
}

body:not(.logged-in) .bt4y-tl-guest-steps-card-v43 > strong {
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
}

body:not(.logged-in) .bt4y-tl-guest-steps-v43 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body:not(.logged-in) .bt4y-tl-guest-steps-v43 span {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-height: 76px !important;
  padding: 10px !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #e2e8f0 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body:not(.logged-in) .bt4y-tl-guest-steps-v43 b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: #8ee96f !important;
  color: #10210d !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

body:not(.logged-in) .bt4y-tl-guest-stats-v43 {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  margin: 0 !important;
  padding: 2px 0 9px !important;
  mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 34px), rgba(0,0,0,.18) 100%) !important;
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 34px), rgba(0,0,0,.18) 100%) !important;
}

body:not(.logged-in) .bt4y-tl-guest-stats-v43::-webkit-scrollbar {
  display: none !important;
}

body:not(.logged-in) .bt4y-tl-guest-stats-v43 div {
  flex: 0 0 190px !important;
  min-width: 190px !important;
  padding: 13px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(14,23,38,.045) !important;
}

body:not(.logged-in) .bt4y-tl-guest-stats-v43 span {
  display: block !important;
  margin-bottom: 8px !important;
  color: #64748b !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  font-weight: 950 !important;
}

body:not(.logged-in) .bt4y-tl-guest-stats-v43 strong {
  display: block !important;
  color: #0e1726 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
  white-space: nowrap !important;
}

body:not(.logged-in) .bt4y-tl-guest-stats-v43 em {
  display: block !important;
  margin-top: 6px !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-style: normal !important;
  font-weight: 750 !important;
}

body:not(.logged-in) .bt4y-tl-guest-value-v43 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
}

body:not(.logged-in) .bt4y-tl-guest-value-v43 h3 {
  margin: 0 0 4px !important;
  color: #0e1726 !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

body:not(.logged-in) .bt4y-tl-guest-value-v43 p {
  margin: 0 !important;
  color: #42526a !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

@media (max-width: 760px) {
  body:not(.logged-in) .bt4y-tl-guest-hero-v43 {
    display: block !important;
    padding: 13px !important;
    border-radius: 18px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-hero-copy-v43 h3 {
    font-size: 25px !important;
    line-height: 1.04 !important;
    margin: 6px 0 !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-hero-copy-v43 p {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-chips-v43 {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin-top: 10px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-chips-v43::-webkit-scrollbar {
    display: none !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-chips-v43 span {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    font-size: 11px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-actions-v43 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-actions-v43 .bt4y-tl-btn {
    min-height: 44px !important;
    width: 100% !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-steps-card-v43 {
    margin-top: 12px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-steps-v43 {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-steps-v43::-webkit-scrollbar {
    display: none !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-steps-v43 span {
    flex: 0 0 116px !important;
    min-height: 66px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-stats-v43 div {
    flex-basis: 158px !important;
    min-width: 158px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-stats-v43 strong {
    font-size: 21px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-value-v43 {
    display: block !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-value-v43 .bt4y-tl-btn {
    width: 100% !important;
    margin-top: 10px !important;
  }
}



/* v6.8.44 marker: logged-out critical styles are also printed inline by the shortcode renderer. */
.bt4y-tl-v6844-assets-loaded { --bt4y-tl-version: "6.8.44"; }


/* ==========================================================================
   v6.8.45 logged-out inline attributes fallback
   Key logged-out layout is now inline style attributes. This block only handles
   mobile layout changes that require media queries.
   ========================================================================== */
@media (max-width: 760px) {
  body:not(.logged-in) .bt4y-tl-guest-hero-v43 {
    display: block !important;
    padding: 13px !important;
    border-radius: 18px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-hero-copy-v43 h3 {
    font-size: 25px !important;
    line-height: 1.04 !important;
    margin: 6px 0 !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-hero-copy-v43 p {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-chips-v43 {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-actions-v43 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-actions-v43 .bt4y-tl-btn {
    min-height: 44px !important;
    width: 100% !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-steps-card-v43 {
    margin-top: 12px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-steps-v43 {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-steps-v43 span {
    flex: 0 0 116px !important;
    min-height: 66px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-stats-v43 div {
    flex-basis: 158px !important;
    min-width: 158px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-stats-v43 strong {
    font-size: 21px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-value-v43 {
    display: block !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-value-v43 .bt4y-tl-btn {
    width: 100% !important;
    margin-top: 10px !important;
  }
}


/* ==========================================================================
   v6.8.46 compact logged-out UI refinements
   Main logged-out styling is inline; this only handles small-screen tightening.
   ========================================================================== */
@media (max-width: 760px) {
  body:not(.logged-in) .bt4y-tl-guest-hero-v46 {
    padding: 12px !important;
    border-radius: 17px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-hero-v46 h3 {
    font-size: 23px !important;
    line-height: 1.04 !important;
    margin: 6px 0 !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-hero-v46 p {
    font-size: 12.5px !important;
    line-height: 1.32 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-actions-v46 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-actions-v46 .bt4y-tl-btn {
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 9px !important;
    font-size: 12.5px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-stats-v46 div {
    flex-basis: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    min-height: 82px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-stats-v46 strong {
    font-size: 20px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-value-v46 {
    display: block !important;
    padding: 11px 12px !important;
    border-radius: 16px !important;
  }
  body:not(.logged-in) .bt4y-tl-guest-value-v46 .bt4y-tl-btn {
    width: 100% !important;
    margin-top: 9px !important;
  }
}


/* ==========================================================================
   v6.8.47 logged-out stat fit
   Prevents the Current Competition card from clipping long names.
   ========================================================================== */
body:not(.logged-in) .bt4y-tl-guest-stats-v46 div:first-child {
  flex-basis: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
}

body:not(.logged-in) .bt4y-tl-guest-stats-v46 div:first-child strong {
  font-size: 17px !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

@media (max-width: 760px) {
  body:not(.logged-in) .bt4y-tl-guest-stats-v46 div:first-child {
    flex-basis: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-stats-v46 div:first-child strong {
    font-size: 16px !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-stats-v46 strong {
    font-size: 18px !important;
  }
}


/* ==========================================================================
   v6.8.48 mobile logged-out CTA overflow fix
   Prevents the secondary login button overflowing the hero card.
   ========================================================================== */
@media (max-width: 760px) {
  body:not(.logged-in) .bt4y-tl-guest-actions-v46 {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-actions-v46 .bt4y-tl-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:not(.logged-in) .bt4y-tl-guest-hero-v46 {
    overflow: hidden !important;
  }
}


/* ==========================================================================
   v6.8.49 login/register page recovery
   The compact competition marketing UI must not affect the dedicated auth pages.
   ========================================================================== */

body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-loggedout-conversion,
body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-loggedout-proof-chips,
body:not(.logged-in) .bt4y-tl-auth-form .bt4y-tl-loggedout-conversion,
body:not(.logged-in) .bt4y-tl-auth-form .bt4y-tl-loggedout-proof-chips {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Restore the auth pages to a normal two-column/stacked form layout. */
body:not(.logged-in) .bt4y-tl-auth-app,
body:not(.logged-in) .bt4y-tl-auth-shell,
body:not(.logged-in) .bt4y-tl-auth-wrap {
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:not(.logged-in) .bt4y-tl-auth-card {
  overflow: hidden !important;
  min-width: 0 !important;
}

body:not(.logged-in) .bt4y-tl-auth-card h1,
body:not(.logged-in) .bt4y-tl-auth-card h2,
body:not(.logged-in) .bt4y-tl-auth-card h3 {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.08 !important;
}

body:not(.logged-in) .bt4y-tl-auth-card p,
body:not(.logged-in) .bt4y-tl-auth-card label,
body:not(.logged-in) .bt4y-tl-auth-card span,
body:not(.logged-in) .bt4y-tl-auth-card strong {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body:not(.logged-in) .bt4y-tl-auth-form,
body:not(.logged-in) .bt4y-tl-login-form,
body:not(.logged-in) .bt4y-tl-register-form {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body:not(.logged-in) .bt4y-tl-auth-form input:not([type="checkbox"]):not([type="hidden"]),
body:not(.logged-in) .bt4y-tl-auth-form select,
body:not(.logged-in) .bt4y-tl-auth-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Keep the compact competition-only logged-out renderer scoped to the shortcode block. */
body:not(.logged-in) .bt4y-tl-app .bt4y-tl-loggedout-redesign {
  display: flex !important;
}

body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-guest-hero-v46,
body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-guest-stats-v46,
body:not(.logged-in) .bt4y-tl-auth-app .bt4y-tl-guest-value-v46 {
  display: none !important;
}

@media (max-width: 760px) {
  body:not(.logged-in) .bt4y-tl-auth-card {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-card h1,
  body:not(.logged-in) .bt4y-tl-auth-card h2,
  body:not(.logged-in) .bt4y-tl-auth-card h3 {
    font-size: 24px !important;
  }

  body:not(.logged-in) .bt4y-tl-auth-form .bt4y-tl-btn,
  body:not(.logged-in) .bt4y-tl-auth-card .bt4y-tl-btn {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* v6.9.54: keep the pre-join CTA visibly above the compact disclosure folders. */
.bt4y-tl-join-form-primary {
  margin: 18px 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.bt4y-tl-join-form-primary .bt4y-tl-btn {
  min-width: 160px !important;
}
@media (max-width: 680px) {
  .bt4y-tl-join-form-primary .bt4y-tl-btn {
    width: 100% !important;
  }
}