/* Match the darker neutral treatment used on bonus-hunt without the blue slate cast. */

body.g22-route-bonus-hunt [data-g22-bonus-hunt-host="1"] {
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(22,22,24,.72), rgba(10,10,12,.54)) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.24) !important;
  backdrop-filter: blur(10px) !important;
}

body.g22-route-bonus-hunt [data-g22-bonus-hunt-host="1"] > .grid:first-child {
  background: rgba(24,24,26,.58) !important;
}

body.g22-route-bonus-hunt [data-g22-bonus-hunt-host="1"] > .grid:not(:first-child) {
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

body.g22-route-bonus-hunt [data-g22-bonus-hunt-host="1"] > .grid > div {
  background: transparent !important;
}

body.g22-route-bonus-hunt [data-g22-bonus-hunt-host="1"] .g22-bh-slot-fallback {
  border-radius: 12px !important;
  background: rgba(18,18,20,.42) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}

body.g22-route-bonus-buy .bb-shell,
body.g22-route-bonus-buy .bb-table-card,
body.g22-route-bonus-buy .bb-side-card,
body.g22-route-bonus-buy .bb-empty-state,
body.g22-route-bonus-buy .bb-loading,
body.g22-route-bonus-buy-battle .bbb-side-card,
body.g22-route-bonus-buy-battle .bbb-battle-card,
body.g22-route-bonus-buy-battle .bbb-compare-card,
body.g22-route-bonus-buy-battle .bbb-empty-state,
body.g22-route-bonus-buy-battle .bbb-loading,
body.g22-route-tournaments .tt-side-card,
body.g22-route-tournaments .tt-board-card,
body.g22-route-tournaments .tt-finalist-card,
body.g22-route-tournaments .tt-empty-state,
body.g22-route-tournaments .tt-loading {
  border: 1px solid hsl(var(--border)) !important;
  background: linear-gradient(180deg, rgba(22,22,24,.72), rgba(10,10,12,.54)) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.24) !important;
  backdrop-filter: blur(10px) !important;
}

body.g22-route-bonus-buy .bb-page-copy,
body.g22-route-bonus-buy-battle .bbb-page-kicker,
body.g22-route-bonus-buy-battle .bbb-page-copy,
body.g22-route-tournaments .tt-page-kicker,
body.g22-route-bonus-buy .bb-empty-state p,
body.g22-route-bonus-buy .bb-loading,
body.g22-route-bonus-buy-battle .bbb-empty-state p,
body.g22-route-bonus-buy-battle .bbb-loading,
body.g22-route-tournaments .tt-empty-state p,
body.g22-route-tournaments .tt-loading {
  color: #adadb8 !important;
}

body.g22-route-bonus-buy .bb-nav-btn,
body.g22-route-bonus-buy .bb-page-btn,
body.g22-route-bonus-buy .bb-side-tab,
body.g22-route-bonus-buy-battle .bbb-nav-btn,
body.g22-route-tournaments .tt-nav-btn {
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(24,24,26,.5) !important;
  color: #d4d4da !important;
}

body.g22-route-bonus-buy .bb-nav-btn:hover:not(:disabled),
body.g22-route-bonus-buy .bb-page-btn:hover:not(:disabled),
body.g22-route-bonus-buy .bb-side-tab:hover:not(:disabled),
body.g22-route-bonus-buy-battle .bbb-nav-btn:hover:not(:disabled),
body.g22-route-tournaments .tt-nav-btn:hover:not(:disabled) {
  border-color: rgba(165,116,255,.34) !important;
  background: rgba(28,28,30,.62) !important;
  color: #f4f6ff !important;
}

body.g22-route-bonus-buy .bb-nav-btn:disabled,
body.g22-route-bonus-buy .bb-page-btn:disabled,
body.g22-route-bonus-buy-battle .bbb-nav-btn:disabled,
body.g22-route-tournaments .tt-nav-btn:disabled {
  opacity: .45 !important;
}

body.g22-route-bonus-buy .bb-page-btn.is-active,
body.g22-route-bonus-buy .bb-side-tab.is-active {
  border-color: rgba(165,116,255,.42) !important;
  background: rgba(135,71,255,.16) !important;
  color: #f4f6ff !important;
}

body.g22-route-bonus-buy .bb-session-pill,
body.g22-route-bonus-buy-battle .bbb-session-pill,
body.g22-route-bonus-buy-battle .bbb-side-head,
body.g22-route-tournaments .tt-board-pill,
body.g22-route-tournaments .tt-side-card-head {
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(24,24,26,.56) !important;
}

body.g22-route-bonus-buy .bb-session-title,
body.g22-route-bonus-buy-battle .bbb-session-title,
body.g22-route-bonus-buy-battle .bbb-side-head,
body.g22-route-tournaments .tt-board-title,
body.g22-route-tournaments .tt-side-card-head {
  color: #f4f6ff !important;
}

body.g22-route-bonus-buy .bb-session-meta,
body.g22-route-bonus-buy-battle .bbb-session-meta,
body.g22-route-tournaments .tt-board-meta {
  color: #d7c8ff !important;
}

body.g22-route-bonus-buy .bb-table-wrap {
  background: rgba(18,18,20,.38) !important;
}

body.g22-route-bonus-buy .bb-table thead th {
  background: rgba(24,24,26,.52) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #a8a8b2 !important;
}

body.g22-route-bonus-buy .bb-table tbody td {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  color: #e5ebff !important;
}

body.g22-route-bonus-buy .bb-table tbody tr:nth-child(odd) td,
body.g22-route-bonus-buy .bb-table tbody tr:nth-child(even) td {
  background: transparent !important;
}

body.g22-route-bonus-buy .bb-table tbody tr.bb-row-gold td {
  background: rgba(245,158,11,.06) !important;
  border-bottom-color: rgba(245,158,11,.16) !important;
  color: #fde7b2 !important;
}

body.g22-route-bonus-buy .bb-table tbody tr.bb-row-emerald td,
body.g22-route-bonus-buy .bb-table tbody tr.bb-row-pos td {
  background: rgba(21,128,61,.08) !important;
  border-bottom-color: rgba(34,197,94,.16) !important;
  color: #d7f9e4 !important;
}

body.g22-route-bonus-buy .bb-table tbody tr.bb-row-violet td {
  background: rgba(135,71,255,.1) !important;
  border-bottom-color: rgba(165,116,255,.18) !important;
  color: #e8d9ff !important;
}

body.g22-route-bonus-buy .bb-table tbody tr.bb-row-neg td {
  background: rgba(127,29,29,.08) !important;
  border-bottom-color: rgba(239,68,68,.16) !important;
  color: #fecaca !important;
}

body.g22-route-bonus-buy .bb-slot-cell strong,
body.g22-route-bonus-buy .bb-stat-value,
body.g22-route-bonus-buy .bb-session-copy h3,
body.g22-route-bonus-buy-battle .bbb-participant-name,
body.g22-route-bonus-buy-battle .bbb-metric-value,
body.g22-route-bonus-buy-battle .bbb-compare-value,
body.g22-route-tournaments .tt-slot-name,
body.g22-route-tournaments .tt-finalist-name,
body.g22-route-tournaments .tt-finalist-score,
body.g22-route-tournaments .tt-side-value {
  color: #f4f6ff !important;
}

body.g22-route-bonus-buy .bb-slot-cell span,
body.g22-route-bonus-buy .bb-stat-label,
body.g22-route-bonus-buy .bb-session-copy p,
body.g22-route-bonus-buy-battle .bbb-metric-label,
body.g22-route-bonus-buy-battle .bbb-participant-provider,
body.g22-route-bonus-buy-battle .bbb-participant-player,
body.g22-route-bonus-buy-battle .bbb-compare-labels span,
body.g22-route-tournaments .tt-side-label,
body.g22-route-tournaments .tt-side-sub,
body.g22-route-tournaments .tt-slot-player,
body.g22-route-tournaments .tt-slot-player-name,
body.g22-route-tournaments .tt-stage-title {
  color: #adadb8 !important;
}

body.g22-route-bonus-buy .bb-side-body,
body.g22-route-bonus-buy .bb-stat-icon,
body.g22-route-bonus-buy .bb-session-media,
body.g22-route-bonus-buy-battle .bbb-metric,
body.g22-route-bonus-buy-battle .bbb-participant-score,
body.g22-route-bonus-buy-battle .bbb-payout-side,
body.g22-route-bonus-buy-battle .bbb-compare-value,
body.g22-route-tournaments .tt-side-metric,
body.g22-route-tournaments .tt-side-winner,
body.g22-route-tournaments .tt-payout-chip {
  border: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(16,16,18,.38) !important;
}

body.g22-route-bonus-buy-battle .bbb-metric-icon,
body.g22-route-bonus-buy-battle .bbb-participant-media,
body.g22-route-tournaments .tt-side-icon,
body.g22-route-tournaments .tt-slot-media {
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(24,24,26,.46) !important;
  color: #d7c8ff !important;
}

body.g22-route-bonus-buy .bb-stat-icon,
body.g22-route-bonus-buy .bb-session-media {
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(24,24,26,.46) !important;
}

body.g22-route-bonus-buy .bb-row-pill-pending,
body.g22-route-bonus-buy .bb-meta-pill,
body.g22-route-bonus-buy-battle .bbb-chip,
body.g22-route-tournaments .tt-payout-chip {
  border-color: rgba(255,255,255,.08) !important;
  background: rgba(24,24,26,.46) !important;
  color: #d9d9df !important;
}

body.g22-route-bonus-buy .bb-row-pill-opened,
body.g22-route-bonus-buy .bb-meta-pill.is-pos,
body.g22-route-bonus-buy-battle .bbb-chip.is-pos,
body.g22-route-bonus-buy-battle .bbb-compare-value.is-pos,
body.g22-route-tournaments .tt-payout-chip.is-pos {
  border-color: rgba(34,197,94,.32) !important;
  background: rgba(21,128,61,.18) !important;
  color: #bbf7d0 !important;
}

body.g22-route-bonus-buy .bb-meta-pill.is-neg,
body.g22-route-bonus-buy-battle .bbb-chip.is-neg,
body.g22-route-bonus-buy-battle .bbb-compare-value.is-neg,
body.g22-route-tournaments .tt-payout-chip.is-neg {
  border-color: rgba(239,68,68,.32) !important;
  background: rgba(127,29,29,.18) !important;
  color: #fecaca !important;
}

body.g22-route-bonus-buy-battle .bbb-chip.is-empty,
body.g22-route-tournaments .tt-payout-chip.is-empty,
body.g22-route-bonus-buy .bb-empty-cell {
  color: #9ca8c4 !important;
}

body.g22-route-bonus-buy .bb-stat-value.is-live,
body.g22-route-bonus-buy .bb-stat-value.is-pos,
body.g22-route-bonus-buy-battle .bbb-metric-value.is-pos,
body.g22-route-tournaments .tt-side-value.is-pos,
body.g22-route-tournaments .tt-slot-score {
  color: #bbf7d0 !important;
}

body.g22-route-bonus-buy .bb-stat-value.is-neg,
body.g22-route-bonus-buy-battle .bbb-metric-value.is-neg,
body.g22-route-tournaments .tt-side-value.is-neg {
  color: #fecaca !important;
}

body.g22-route-bonus-buy-battle .bbb-battle-hero {
  border: 1px solid rgba(255,255,255,.08) !important;
  background: linear-gradient(90deg, rgba(22,22,24,.7), rgba(12,12,14,.56), rgba(22,22,24,.7)) !important;
}

body.g22-route-bonus-buy-battle .bbb-battle-hero.bbb-leader-a,
body.g22-route-bonus-buy-battle .bbb-battle-hero.bbb-leader-b,
body.g22-route-tournaments .tt-finalist-card.is-winner {
  border-color: rgba(165,116,255,.58) !important;
  box-shadow: inset 0 0 0 1px rgba(165,116,255,.24), 0 0 0 1px rgba(165,116,255,.16) !important;
}

body.g22-route-bonus-buy-battle .bbb-battle-vs-icon,
body.g22-route-bonus-buy .bb-empty-icon,
body.g22-route-bonus-buy-battle .bbb-empty-icon,
body.g22-route-tournaments .tt-empty-icon {
  border-color: rgba(165,116,255,.58) !important;
  background: rgba(135,71,255,.16) !important;
  color: #d7c8ff !important;
}

body.g22-route-tournaments .tt-matchup {
  border: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(18,18,20,.38) !important;
}

body.g22-route-tournaments .tt-matchup:after {
  background: rgba(255,255,255,.12) !important;
}

body.g22-route-tournaments .tt-slot-row {
  background: transparent !important;
}

body.g22-route-tournaments .tt-slot-row + .tt-slot-row {
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

body.g22-route-tournaments .tt-slot-row.is-winner {
  background: rgba(135,71,255,.08) !important;
}

body.g22-route-tournaments .tt-slot-row.is-eliminated .tt-slot-score,
body.g22-route-tournaments .tt-slot-row.is-placeholder .tt-slot-score {
  color: #9ca8c4 !important;
}