@keyframes scan {
  0% {
    transform: translateX(-100%)
  }

  to {
    transform: translateX(100%)
  }
}

@keyframes rowEnergy {

  0%,
  to {
    background-position: 0 50%
  }

  50% {
    background-position: 100% 50%
  }
}

@keyframes gooDrift {
  0% {
    transform: translate(-4%, -2%) scale(1)
  }

  50% {
    transform: translate(5%, 3%) scale(1.08)
  }

  to {
    transform: translate(-2%, 5%) scale(1.02)
  }
}

@keyframes rowShimmer {

  0%,
  65% {
    transform: translateX(-120%);
    opacity: 0
  }

  75% {
    opacity: .75
  }

  to {
    transform: translateX(120%);
    opacity: 0
  }
}

body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at top left, rgba(71, 255, 117, .12), transparent 28%), radial-gradient(circle at top right, rgba(159, 75, 255, .18), transparent 32%), linear-gradient(180deg, #030711, #050814 60%, #02040a);
  color: #f4f7ff;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
}

.brand,
.parlay-nav {
  display: flex;
  align-items: center
}

.parlay-nav {
  justify-content: space-between;
  margin-bottom: 38px
}

.brand {
  gap: 12px;
  color: #fff;
  text-decoration: none;
  letter-spacing: .12em
}

.bolt {
  color: #47ff75;
  font-size: 34px;
  text-shadow: 0 0 22px rgba(71, 255, 117, .8)
}

.nav-links {
  display: flex;
  gap: 26px
}

.nav-links a {
  color: #95a3bc;
  text-decoration: none;
  font-weight: 700
}

.nav-links a.active {
  color: #42c9ff
}

.copy-btn,
.pro-pill,
.upgrade-btn,
.upgrade-strip button {
  border: 0;
  border-radius: 18px;
  padding: 14px 24px;
  font-weight: 900;
  cursor: pointer;
  background: linear-gradient(135deg, #55ff65, #b7ff4f)
}

.upgrade-strip button {
  box-shadow: 0 0 34px rgba(91, 255, 102, .35)
}

.hero-grid {
  grid-template-columns: .9fr 1.5fr;
  align-items: center;
  margin-bottom: 28px
}

.kicker {
  color: #72ff72;
  font-weight: 900;
  letter-spacing: .28em;
  font-size: 13px
}

.hero-copy h1 {
  margin: 8px 0;
  font-size: clamp(46px, 6vw, 76px);
  font-style: italic;
  text-transform: uppercase
}

.hero-copy p {
  color: #b9c5dc;
  max-width: 560px;
  line-height: 1.6
}

.tier-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px
}

.tier-card {
  min-height: 150px;
  border: 1px solid rgba(117, 142, 180, .32);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(15, 23, 48, .95), rgba(7, 11, 24, .95));
  color: #fff;
  cursor: pointer;
  display: grid;
  place-items: center;
  gap: 7px
}

.tier-card.active {
  border-color: #68ff73;
  box-shadow: 0 0 32px rgba(104, 255, 115, .28)
}

.tier-icon,
.tier-label {
  color: #67ff7a;
  font-weight: 900
}

.tier-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #75ff81;
  color: #061008
}

.lock {
  font-size: 36px
}

.tier-card small {
  color: #ffd84f;
  font-weight: 800
}

.metric-ribbon {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  margin: 26px 0
}

.metric-card {
  border: 1px solid rgba(126, 151, 190, .25);
  border-radius: 22px;
  padding: 18px;
  background: rgba(5, 12, 28, .84)
}

.metric-card small,
.metric-card span {
  display: block;
  color: #95a3bc
}

.metric-card strong {
  display: block;
  font-size: 32px;
  margin: 8px 0
}

.glow-green strong {
  color: #72ff72
}

.glow-blue strong {
  color: #42c9ff
}

.board-card {
  border: 1px solid rgba(111, 145, 190, .34);
  border-radius: 30px;
  padding: 26px;
  background: rgba(4, 10, 24, .88)
}

.board-head {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.board-head h2 {
  margin: 6px 0 18px;
  font-size: 34px
}

.leg-row {
  background: radial-gradient(circle at left, rgba(69, 255, 105, .09), transparent 25%), rgba(5, 12, 29, .9)
}

.rank-badge {
  border: 1px solid #4eff6d
}

.matchup-cell strong {
  font-size: 17px
}

.pick-cell small,
.status-cell small {
  color: #8fa1bd;
  margin-top: 4px
}

.team-line img {
  width: 34px;
  height: 34px;
  object-fit: contain
}

.vs {
  color: #3bc8ff;
  font-weight: 900;
  display: block;
  margin: 2px 0
}

.number-cell {
  font-size: 30px;
  font-weight: 900
}

.ring-mini {
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(circle closest-side, #061022 68%, transparent 70%), conic-gradient(#40bfff calc(var(--value)*1%), #253149 0)
}

.ring-mini span {
  font-weight: 900
}

.result-pill {
  display: inline-block;
  font-size: 12px
}

.result-pill.open {
  background: rgba(77, 255, 113, .12)
}

.result-pill.win {
  background: rgba(77, 255, 113, .2)
}

.result-pill.loss {
  background: rgba(255, 77, 77, .18)
}

.result-pill.push {
  background: rgba(255, 221, 88, .16)
}

.signal-bars label {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  color: #c4cee2;
  margin: 9px 0;
  gap: 14px
}

.signal-bars i {
  height: 9px;
  width: var(--w);
  border-radius: 999px;
  background: linear-gradient(90deg, #5dff8a, #3fc7ff);
  box-shadow: 0 0 15px rgba(63, 199, 255, .45)
}

.empty-state {
  padding: 40px;
  color: #b9c5dc;
  border: 1px dashed rgba(160, 180, 220, .35);
  border-radius: 24px
}

.explain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 24px
}

.explain-card {
  border: 1px solid rgba(126, 151, 190, .25);
  border-radius: 22px;
  padding: 24px;
  background: rgba(5, 12, 28, .78)
}

.explain-card p,
.explain-card small {
  color: #b7c2d8;
  line-height: 1.55
}

.badge {
  width: 28px;
  height: 28px;
  border: 1px solid #6cff72;
  color: #6cff72;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 900
}

.badge.blue {
  border-color: #42c9ff;
  color: #42c9ff
}

.badge.purple {
  border-color: #c06cff;
  color: #c06cff
}

.formula {
  margin: 18px 0;
  padding: 15px;
  border-radius: 14px;
  background: #061022;
  color: #72ff72;
  font-weight: 900;
  border: 1px solid rgba(108, 255, 114, .35)
}

.upgrade-strip {
  margin-top: 26px;
  border: 1px solid rgba(168, 80, 255, .45);
  border-radius: 24px;
  padding: 24px;
  display: grid;
  grid-template-columns: 80px 1fr auto;
  gap: 20px;
  align-items: center;
  background: radial-gradient(circle at left, rgba(116, 65, 255, .3), transparent 32%), rgba(12, 8, 30, .9)
}

.rocket {
  font-size: 48px
}

.upgrade-strip h2 {
  margin: 0 0 6px
}

.upgrade-strip p {
  margin: 0;
  color: #b9c5dc
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  display: none;
  place-items: center;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(10px);
  z-index: 50
}

.modal-backdrop.show {
  display: grid
}

.lock-modal {
  width: min(460px, calc(100% - 40px));
  border-radius: 28px;
  padding: 30px;
  background: #070d1c;
  border: 1px solid rgba(119, 145, 188, .4);
  text-align: center;
  box-shadow: 0 0 70px rgba(91, 255, 102, .18);
  position: relative
}

.modal-x {
  position: absolute;
  top: 14px;
  right: 16px;
  border: 0;
  background: 0 0;
  color: #fff;
  font-size: 28px;
  cursor: pointer
}

.lock-big {
  font-size: 54px
}

.scan-box {
  overflow: hidden;
  position: relative;
  margin: 22px 0;
  border-radius: 15px;
  padding: 15px;
  background: rgba(255, 255, 255, .05);
  color: #b9c5dc
}

.scan-box i {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(101, 255, 126, .22), transparent);
  animation: scan 1.4s infinite
}

@media (max-width:1100px) {

  .explain-grid,
  .hero-grid,
  .metric-ribbon {
    grid-template-columns: 1fr
  }

  .tier-row {
    grid-template-columns: repeat(2, 1fr)
  }

  .table-header {
    display: none
  }

  .leg-row {
    grid-template-columns: 1fr
  }
}

.team-logo {
  flex-shrink: 0
}

.entered-cell,
.entered-check span {
  display: flex;
  justify-content: center;
  align-items: center
}

.bet-check {
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: #21d07a
}

.matchup-cell::after,
.matchup-cell::before,
.team-line::after,
.team-line::before {
  content: none !important
}

.learn-admin-tools {
  display: flex;
  gap: 18px;
  margin-top: 30px
}

.learn-refresh-btn,
.learn-run-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 24px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 800;
  transition: .2s
}

.learn-run-btn {
  color: #05131c;
  background: #27e5ff;
  box-shadow: 0 0 22px rgba(39, 229, 255, .45)
}

.learn-run-btn:hover {
  transform: translateY(-2px)
}

.learn-refresh-btn {
  color: #27e5ff;
  border: 1px solid rgba(39, 229, 255, .35);
  background: rgba(15, 20, 30, .65)
}

.signal-universe {
  margin-top: 42px;
  padding: 38px;
  border-radius: 34px;
  border: 1px solid rgba(38, 229, 255, .22);
  background: radial-gradient(circle at 8% 8%, rgba(96, 255, 125, .18), transparent 30%), radial-gradient(circle at 92% 16%, rgba(255, 65, 219, .18), transparent 28%), linear-gradient(180deg, rgba(6, 11, 22, .96), rgba(2, 4, 10, .98));
  box-shadow: 0 30px 90px rgba(0, 0, 0, .55)
}

.signal-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 28px
}

.signal-kicker {
  color: #60ff7d;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .28em
}

.signal-head h2 {
  margin: 10px 0;
  font-size: clamp(32px, 5vw, 66px);
  line-height: .95;
  max-width: 980px;
  letter-spacing: -.055em;
  color: #eef6ff
}

.signal-head p {
  max-width: 720px;
  color: rgba(234, 242, 255, .64);
  font-size: 18px;
  line-height: 1.45
}

.signal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px
}

.signal-card {
  position: relative;
  min-height: 250px;
  padding: 30px;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .09);
  background: radial-gradient(circle at top right, rgba(38, 229, 255, .1), transparent 38%), linear-gradient(180deg, rgba(11, 17, 34, .94), rgba(5, 8, 18, .96))
}

.signal-card::before {
  content: "";
  position: absolute;
  inset: -80px auto auto -80px;
  width: 190px;
  height: 190px;
  border-radius: 45% 55% 60% 40%;
  background: rgba(38, 229, 255, .08);
  filter: blur(2px)
}

.signal-card:hover {
  transform: translateY(-4px);
  border-color: rgba(38, 229, 255, .35)
}

.signal-primary {
  grid-column: span 1;
  background: radial-gradient(circle at 80% 10%, rgba(96, 255, 125, .24), transparent 34%), linear-gradient(180deg, rgba(9, 22, 27, .96), rgba(4, 8, 14, .98))
}

.signal-formula,
.signal-orb {
  border-radius: 16px;
  color: #60ff7d;
  font-weight: 950
}

.signal-orb {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(96, 255, 125, .5);
  background: rgba(96, 255, 125, .09);
  box-shadow: 0 0 24px rgba(96, 255, 125, .18)
}

.signal-orb.cyan {
  color: #26e5ff;
  border-color: rgba(38, 229, 255, .5);
  background: rgba(38, 229, 255, .09)
}

.signal-orb.purple {
  color: #bf65ff;
  border-color: rgba(191, 101, 255, .5);
  background: rgba(191, 101, 255, .09)
}

.signal-orb.green {
  color: #60ff7d
}

.signal-orb.pink {
  color: #ff4bdd;
  border-color: rgba(255, 75, 221, .5);
  background: rgba(255, 75, 221, .09)
}

.signal-orb.gold {
  color: #ffd84d;
  border-color: rgba(255, 216, 77, .5);
  background: rgba(255, 216, 77, .09)
}

.signal-card h3 {
  margin: 28px 0 14px;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.035em;
  color: #f2f7ff
}

.signal-card p {
  color: rgba(234, 242, 255, .68);
  font-size: 17px;
  line-height: 1.5
}

.signal-formula {
  margin-top: 22px;
  padding: 16px 18px;
  background: rgba(96, 255, 125, .08);
  border: 1px solid rgba(96, 255, 125, .25);
  font-size: 17px;
  letter-spacing: -.02em
}

@media (max-width:980px) {
  .signal-grid {
    grid-template-columns: 1fr
  }
}

.entered-check span {
  background: rgba(96, 255, 125, .05);
  flex: 0 0 42px;
  box-sizing: border-box
}

.entered-check-input:checked+span {
  background: #60ff7d;
  border-color: #60ff7d;
  box-shadow: inset 0 0 6px rgba(255, 255, 255, .12), 0 0 6px rgba(96, 255, 125, .18) !important
}

.entered-check-input:checked+span::after {
  content: "✓";
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #061018;
  font-size: 22px;
  font-weight: 950;
  line-height: 1
}

.rank-badge {
  background: radial-gradient(circle at 30% 30%, rgba(108, 255, 114, .16), rgba(108, 255, 114, .05));
  flex-shrink: 0;
  background: radial-gradient(circle at center, rgba(108, 255, 114, .18), rgba(108, 255, 114, .05))
}

.rank-entered-wrap {
  justify-content: flex-start;
  max-width: 110px;
  flex: 0 0 110px
}

.entered-check,
.rank-badge {
  align-items: center;
  justify-content: center
}

.entered-check {
  display: inline-flex;
  cursor: pointer;
  flex: 0 0 42px
}

.rank-badge {
  min-height: 52px;
  flex: 0 0 52px;
  box-sizing: border-box;
  display: flex;
  line-height: 1;
  background: radial-gradient(circle at 35% 30%, rgba(108, 255, 114, .24), rgba(108, 255, 114, .06) 58%, rgba(0, 0, 0, .12))
}

.dk-ticket-grid {
  grid-template-columns: 110px minmax(300px, 1.35fr) minmax(190px, .8fr) minmax(130px, .55fr) minmax(110px, .45fr) minmax(130px, .55fr) minmax(120px, .5fr) minmax(160px, .7fr)
}

@media (max-width:980px) {
  .rank-entered-wrap {
    min-width: 96px;
    max-width: 96px;
    flex-basis: 96px;
    gap: 8px
  }

  .entered-check span {
    width: 38px;
    height: 38px;
    flex-basis: 38px
  }

  .rank-badge {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    flex-basis: 48px;
    font-size: 20px
  }
}

.board-card .leg-row {
  border-color: rgba(96, 255, 125, .2)
}

.board-card .leg-row:nth-child(4n+1) {
  background: radial-gradient(circle at 4% 50%, rgba(96, 255, 125, .2), transparent 26%), radial-gradient(circle at 88% 20%, rgba(38, 229, 255, .1), transparent 22%), rgba(5, 9, 22, .96)
}

.board-card .leg-row:nth-child(4n+2) {
  background: radial-gradient(circle at 4% 50%, rgba(38, 229, 255, .18), transparent 26%), radial-gradient(circle at 90% 20%, rgba(191, 101, 255, .12), transparent 24%), rgba(5, 9, 22, .96)
}

.board-card .leg-row:nth-child(4n+3) {
  background: radial-gradient(circle at 4% 50%, rgba(255, 75, 221, .16), transparent 26%), radial-gradient(circle at 88% 20%, rgba(96, 255, 125, .1), transparent 22%), rgba(5, 9, 22, .96)
}

.board-card .leg-row:nth-child(4n+4) {
  background: radial-gradient(circle at 4% 50%, rgba(255, 216, 77, .15), transparent 26%), radial-gradient(circle at 88% 20%, rgba(38, 229, 255, .1), transparent 22%), rgba(5, 9, 22, .96)
}

.signal-bars label:nth-child(1) i {
  background: linear-gradient(90deg, #26e5ff, #60ff7d)
}

.signal-bars label:nth-child(2) i {
  background: linear-gradient(90deg, #ff4bdd, #26e5ff)
}

.signal-bars label:nth-child(3) i {
  background: linear-gradient(90deg, #ffd84d, #60ff7d)
}

.board-card .leg-row {
  position: relative;
  isolation: isolate;
  background: linear-gradient(120deg, rgba(96, 255, 125, .1), rgba(38, 229, 255, .08), rgba(255, 75, 221, .1), rgba(255, 216, 77, .08));
  background-size: 300% 300%;
  animation: rowEnergy 12s ease-in-out infinite
}

.board-card .leg-row::before {
  content: "";
  position: absolute;
  inset: -40%;
  z-index: -1;
  background: radial-gradient(circle at 20% 50%, rgba(96, 255, 125, .22), transparent 22%), radial-gradient(circle at 70% 30%, rgba(38, 229, 255, .18), transparent 24%), radial-gradient(circle at 90% 70%, rgba(255, 75, 221, .18), transparent 20%);
  animation: gooDrift 18s ease-in-out infinite alternate
}

.board-card .leg-row::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .055), transparent);
  transform: translateX(-120%);
  animation: rowShimmer 8s ease-in-out infinite
}

.board-card .leg-row:nth-child(2n)::before {
  animation-duration: 22s;
  background: radial-gradient(circle at 12% 45%, rgba(255, 75, 221, .2), transparent 24%), radial-gradient(circle at 74% 35%, rgba(96, 255, 125, .18), transparent 22%), radial-gradient(circle at 92% 70%, rgba(38, 229, 255, .18), transparent 22%)
}

.board-card .leg-row:nth-child(3n)::before {
  animation-duration: 26s;
  background: radial-gradient(circle at 15% 58%, rgba(255, 216, 77, .18), transparent 23%), radial-gradient(circle at 68% 25%, rgba(38, 229, 255, .2), transparent 22%), radial-gradient(circle at 90% 72%, rgba(255, 75, 221, .16), transparent 22%)
}

.pick-cell {
  border-radius: 22px;
  background: radial-gradient(circle at 20% 30%, rgba(96, 255, 125, .14), transparent 38%), linear-gradient(135deg, rgba(96, 255, 125, .08), rgba(38, 229, 255, .04));
  border: 1px solid rgba(96, 255, 125, .18)
}

.pick-cell b {
  font-size: 38px
}

.number-cell.hot {
  border-radius: 22px;
  background: radial-gradient(circle at 50% 30%, rgba(38, 229, 255, .12), transparent 42%), linear-gradient(135deg, rgba(38, 229, 255, .07), rgba(255, 75, 221, .05));
  border: 1px solid rgba(38, 229, 255, .18);
  font-size: 34px
}

.ring-mini {
  transform: scale(1.08)
}

.board-card .leg-row:hover .number-cell.hot,
.board-card .leg-row:hover .pick-cell {
  border-color: rgba(96, 255, 125, .38);
  box-shadow: 0 0 28px rgba(96, 255, 125, .13), inset 0 1px 0 rgba(255, 255, 255, .05)
}

.board-card,
.board-card .leg-row,
.dk-ticket-card,
.explain-card,
.metric-card,
.signal-card,
.tier-card {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 10px 24px rgba(0, 0, 0, .24) !important
}

.board-card .leg-row::before {
  opacity: .12 !important;
  filter: blur(22px) !important
}

.board-card .leg-row::after {
  opacity: .1 !important
}

.board-card .leg-row:hover {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 12px 28px rgba(0, 0, 0, .28) !important;
  border-color: rgba(38, 229, 255, .22) !important
}

.number-cell.hot,
.pick-cell {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 4px 10px rgba(0, 0, 0, .18) !important
}

.board-head h2,
.dk-pick,
.dk-total,
.hero-copy h1,
.metric-card strong,
.number-cell.hot,
.pick-cell b {
  text-shadow: 0 0 3px rgba(96, 255, 125, .055) !important
}

.rank-badge {
  box-shadow: inset 0 0 8px rgba(108, 255, 114, .04), 0 0 4px rgba(108, 255, 114, .06) !important
}

.entered-check span {
  box-shadow: inset 0 0 6px rgba(108, 255, 114, .035), 0 0 3px rgba(108, 255, 114, .04) !important;
  width: 34px;
  height: 34px;
  display: block;
  border-radius: 10px;
  border: 1px solid rgba(108, 255, 114, .55);
  background: rgba(108, 255, 114, .04)
}

.copy-btn,
.dk-copy-main,
.pro-pill,
.upgrade-btn {
  box-shadow: 0 4px 12px rgba(96, 255, 125, .12) !important
}

.copy-btn:hover,
.dk-copy-main:hover,
.pro-pill:hover,
.upgrade-btn:hover {
  box-shadow: 0 6px 16px rgba(96, 255, 125, .16) !important
}

.result-pill,
.status-cell .result-pill.open {
  box-shadow: 0 0 5px rgba(96, 255, 125, .09) !important
}

.ring-mini {
  filter: drop-shadow(0 0 4px rgba(38, 229, 255, .1)) !important
}

.dk-team-logo,
.team-logo {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .35)) !important
}

.signal-bars label i {
  box-shadow: none !important;
  filter: none !important
}

.learn-shell,
.parlay-shell {
  background: radial-gradient(circle at top left, rgba(96, 255, 125, .06), transparent 32%), radial-gradient(circle at top right, rgba(255, 75, 221, .045), transparent 34%), linear-gradient(180deg, #06101b, #02050a) !important
}

.matchup-cell {
  max-width: 380px
}

.board-card .leg-row {
  justify-content: start
}

.board-card .leg-row,
.board-card .table-header {
  grid-template-columns: 150px 420px 270px 160px 130px 140px 140px
}

.status-cell {
  justify-self: start;
  white-space: nowrap
}

.parlay-status-cell {
  text-align: center
}

.parlay-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  border: 1px solid rgba(115, 255, 88, .45);
  color: #78ff58;
  background: rgba(115, 255, 88, .1)
}

.parlay-status-pill.status-win {
  color: #78ff58
}

.parlay-status-pill.status-loss {
  color: #ff5f6d;
  border-color: rgba(255, 95, 109, .45);
  background: rgba(255, 95, 109, .1)
}

.parlay-status-pill.status-push {
  color: #ffd166;
  border-color: rgba(255, 209, 102, .45);
  background: rgba(255, 209, 102, .1)
}

.parlay-status-pill.status-ready,
.parlay-status-pill.status-watch {
  color: #7dfcff;
  border-color: rgba(125, 252, 255, .4);
  background: rgba(125, 252, 255, .08)
}

.parlay-status-pill.status-locked {
  color: #78ff58
}

.top-picks-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch
}

.pick-feature-card {
  min-width: 0;
  overflow: hidden
}

.pick-feature-card .compact-matchup,
.pick-feature-card .ou-matchup-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 24px 0 22px !important;
  padding: 0 !important;
  overflow: hidden !important
}

.pick-feature-card .ou-team {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important
}

.pick-feature-card .ou-away {
  justify-content: flex-start !important;
  text-align: left !important
}

.pick-feature-card .ou-home {
  justify-content: flex-end !important;
  text-align: right !important
}

.pick-feature-card .ou-team-logo {
  width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  flex: 0 0 44px !important;
  object-fit: contain !important;
  display: block !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .35)) !important
}

.pick-feature-card .ou-logo-fallback {
  display: none !important
}

.pick-feature-card .ou-team-copy {
  min-width: 0 !important;
  max-width: 100% !important
}

.pick-feature-card .ou-name-full {
  font-size: clamp(.95rem, 1.25vw, 1.2rem) !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  color: #f4fbff !important;
  letter-spacing: -.02em !important
}

.pick-feature-card .ou-side {
  margin-top: 6px !important;
  font-size: .78rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .1em !important;
  color: rgba(220, 235, 245, .72) !important
}

.pick-feature-card .ou-side.home {
  color: #24f5a4 !important
}

.pick-feature-card .ou-vs {
  text-align: center !important;
  font-size: .95rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: rgba(230, 245, 255, .85) !important
}

.pick-feature-card .ou-pick-display {
  text-align: left !important;
  margin: 18px 0 24px !important
}

.pick-feature-card .ou-line-label {
  font-size: .78rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  color: rgba(220, 235, 245, .72) !important
}

.pick-feature-card .ou-main-pick {
  margin-top: 8px !important;
  font-size: clamp(2.7rem, 4.4vw, 4.7rem) !important;
  line-height: .95 !important;
  font-weight: 1000 !important;
  color: #fff !important;
  letter-spacing: -.05em !important;
  white-space: nowrap !important
}

@media (max-width:1250px) {
  .top-picks-grid {
    grid-template-columns: 1fr
  }

  .pick-feature-card .ou-team-logo {
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    flex-basis: 56px !important
  }

  .pick-feature-card .ou-name-full {
    font-size: 1.35rem !important
  }

  .pick-feature-card .ou-main-pick {
    font-size: 4rem !important
  }
}

@media (max-width:700px) {

  .pick-feature-card .compact-matchup,
  .pick-feature-card .ou-matchup-hero {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    text-align: center !important
  }

  .pick-feature-card .ou-away,
  .pick-feature-card .ou-home,
  .pick-feature-card .ou-team {
    justify-content: center !important;
    text-align: center !important
  }

  .pick-feature-card .ou-pick-display {
    text-align: center !important
  }
}

.status-cell small {
  color: rgba(235, 240, 255, .62);
  font-weight: 800;
  font-size: .58rem !important;
  line-height: 1.15 !important;
  white-space: nowrap !important
}

.pick-cell b {
  font-size: clamp(1.6rem, 2vw, 2.7rem);
  word-break: normal
}

.number-cell.hot {
  font-size: clamp(1.5rem, 1.8vw, 2.4rem)
}

.status-cell {
  gap: 6px
}

.result-pill.win {
  box-shadow: 0 0 18px rgba(99, 255, 122, .2)
}

.result-pill.loss {
  box-shadow: 0 0 18px rgba(255, 60, 90, .2)
}

@media (max-width:1250px) {

  .leg-row,
  .table-header {
    grid-template-columns: 120px minmax(220px, 1fr) minmax(180px, .9fr) 120px 90px 120px 140px;
    gap: 14px
  }

  .pick-cell b {
    font-size: 1.7rem
  }

  .ring-mini {
    width: 64px;
    height: 64px;
    min-width: 64px
  }
}

.table-header {
  width: 100%
}

.leg-row,
.table-header {
  box-sizing: border-box
}

.pick-cell b {
  line-height: 1 !important;
  display: block;
  color: #60ff7d;
  font-weight: 950;
  font-size: 1.45rem !important;
  white-space: nowrap !important
}

.status-cell {
  overflow: visible !important
}

.result-pill {
  max-width: none !important;
  width: auto !important
}

.status-cell {
  max-width: 160px !important
}

.number-cell.hot,
.pick-cell {
  flex: initial !important
}

.number-cell.hot {
  position: absolute !important;
  left: 960px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  box-sizing: border-box !important;
  grid-column: 4 !important
}

.table-header {
  gap: 0 !important
}

.leg-row {
  position: relative !important;
  display: block !important;
  min-height: 190px !important
}

.matchup-cell,
.rank-entered-wrap {
  transform: translateY(-50%) !important
}

.matchup-cell {
  width: 300px !important
}

.pick-cell {
  box-sizing: border-box !important
}

.pick-cell,
.ring-mini {
  transform: translateY(-50%) !important
}

.leg-row>.number-cell:not(.hot) {
  position: absolute !important;
  left: 1310px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 110px !important
}

.status-cell {
  transform: translateY(-50%) !important
}

.table-header {
  display: none !important
}

.leg-row {
  display: flex !important;
  justify-content: space-between;
  gap: 32px
}

.leg-left,
.leg-right {
  display: flex;
  align-items: center;
  gap: 26px;
  min-width: 430px
}

.leg-right {
  justify-content: flex-end;
  flex: 1;
  min-width: 0;
  display: grid !important;
  grid-template-columns: 250px 150px 90px 120px 120px !important;
  align-items: center !important;
  gap: 18px !important
}

.status-cell {
  flex-direction: column !important
}

.result-pill {
  border-radius: 999px !important
}

.leg-row {
  align-items: center !important
}

.rank-entered-wrap {
  grid-column: 1 !important
}

.matchup-cell {
  grid-column: 2 !important
}

.pick-cell {
  grid-column: 3 !important
}

.ring-mini {
  grid-column: 5 !important
}

.leg-row>.number-cell:not(.hot) {
  grid-column: 6 !important
}

.leg-right>.number-cell:not(.hot) {
  grid-column: 6 !important;
  font-size: 1.75rem
}

.status-cell {
  grid-column: 7 !important
}

.result-pill {
  opacity: 1 !important;
  visibility: visible !important
}

.board-card,
.leg-row {
  max-width: none !important
}

.leg-row {
  width: 100% !important;
  overflow: visible !important
}

.leg-row,
.table-header {
  grid-template-columns: 150px 360px 250px 150px 90px 130px 130px !important;
  column-gap: 22px !important
}

.parlay-shell {
  width: min(1760px, calc(100% - 48px))
}

.leg-row,
.table-header {}

.leg-left,
.leg-right {
  display: contents !important
}

.matchup-cell,
.pick-cell,
.rank-entered-wrap,
.ring-mini,
.status-cell {}

.number-cell.hot::before,
.pick-cell::before {
  content: "MODEL CALL";
  display: block;
  margin-bottom: 5px;
  color: rgba(234, 242, 255, .48);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .18em
}

.number-cell.hot::before {
  content: "EDGE"
}

.result-pill.open {
  background: rgba(255, 255, 255, .06)
}

.result-pill.push {
  background: rgba(255, 255, 255, .1)
}

@media (max-width:1100px) {
  .table-header {
    display: none
  }

  .leg-row {
    grid-template-columns: 1fr !important;
    gap: 18px
  }

  .leg-left,
  .leg-right {
    display: flex !important;
    flex-wrap: wrap;
    gap: 18px
  }
}

.parlay-shell {
  margin: 0 auto;
  padding: 28px 0 60px
}

.table-header {
  align-items: center
}

.leg-row,
.table-header {
  display: grid !important;
  grid-template-columns: 140px minmax(300px, 1.15fr) minmax(220px, .9fr) minmax(150px, .65fr) 110px 170px 130px
}

.table-header {
  padding: 0 28px 18px;
  color: #91a0bc;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-weight: 950;
  font-size: 13px
}

.table-header small {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  letter-spacing: .16em;
  color: rgba(180, 194, 220, .72)
}

.leg-row {
  margin: 12px 0;
  padding: 22px 28px !important;
  border: 1px solid rgba(97, 255, 119, .22);
  border-radius: 18px;
  background: radial-gradient(circle at 4% 50%, rgba(38, 229, 255, .12), transparent 26%), radial-gradient(circle at 92% 45%, rgba(191, 101, 255, .12), transparent 28%), rgba(5, 9, 22, .96)
}

.leg-row:nth-child(2n) {
  background: radial-gradient(circle at 4% 50%, rgba(255, 75, 221, .12), transparent 26%), radial-gradient(circle at 92% 45%, rgba(96, 255, 125, .1), transparent 28%), rgba(5, 9, 22, .96)
}

.rank-entered-wrap {
  display: flex;
  align-items: center;
  gap: 14px
}

.entered-check-input {
  display: none
}

.rank-badge {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #6cff72;
  border: 1px solid rgba(108, 255, 114, .65);
  font-size: 20px;
  font-weight: 950
}

.team-line {
  display: flex;
  align-items: center;
  gap: 10px
}

.team-line strong {
  font-size: 15px;
  white-space: nowrap
}

.team-logo {
  width: 26px;
  height: 26px;
  object-fit: contain
}

.matchup-cell small {
  display: block;
  margin-top: 4px;
  color: #8fa1bd;
  font-size: 13px
}

.pick-cell small {
  display: none
}

.number-cell.hot {
  color: #60ff7d;
  font-weight: 950
}

.ring-mini span {
  font-size: 18px
}

.ring-mini::after {
  content: "AI";
  position: absolute;
  left: 50%;
  bottom: -18px;
  transform: translateX(-50%);
  color: rgba(234, 242, 255, .52);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .18em
}

.leg-row>.number-cell:not(.hot) {
  font-weight: 950;
  color: #f4f7ff;
  font-size: 1.45rem !important;
  white-space: nowrap !important
}

.result-pill {
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase
}

.result-pill.open {
  color: #dfe8ff;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .18)
}

.result-pill.open::before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #20e000;
  box-shadow: 0 0 10px rgba(32, 224, 0, .6)
}

.result-pill.win {
  color: #63ff7a;
  background: rgba(99, 255, 122, .14);
  border: 1px solid rgba(99, 255, 122, .45)
}

.result-pill.loss {
  color: #ff6475;
  background: rgba(255, 60, 90, .14);
  border: 1px solid rgba(255, 60, 90, .45)
}

.result-pill.push {
  color: #ffd166;
  background: rgba(255, 209, 102, .12);
  border: 1px solid rgba(255, 209, 102, .35)
}

* {
  box-sizing: border-box
}

.parlay-shell {
  width: min(1760px, calc(100vw - 48px)) !important;
  max-width: 1760px !important
}

.board-card,
.parlay-table {
  width: 100% !important;
  overflow: hidden !important
}

.board-card .leg-row,
.board-card .table-header {
  display: grid !important;
  grid-template-columns: minmax(90px, .7fr) minmax(220px, 1.65fr) minmax(160px, 1.15fr) minmax(100px, .75fr) minmax(70px, .55fr) minmax(105px, .75fr) minmax(105px, .75fr) !important;
  column-gap: 18px !important;
  align-items: center !important;
  width: 100% !important
}

.board-card .table-header {
  padding: 0 24px 18px !important
}

.board-card .leg-row {
  padding: 22px 24px !important;
  min-height: 96px !important;
  overflow: hidden !important
}

.matchup-cell,
.rank-entered-wrap {
  min-width: 0 !important
}

.matchup-cell,
.pick-cell,
.rank-entered-wrap {
  position: static !important;
  transform: none !important;
  left: auto !important;
  top: auto !important
}

.number-cell {
  min-width: 0 !important
}

.number-cell,
.ring-mini,
.status-cell {
  position: static !important;
  transform: none !important;
  left: auto !important;
  top: auto !important
}

.number-cell.hot,
.pick-cell {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  background: 0 0 !important;
  border: 0 !important;
  box-shadow: none !important
}

.number-cell.hot {
  font-size: 1.35rem !important
}

.ring-mini {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important
}

.result-pill,
.status-cell {
  align-items: center !important
}

.status-cell {
  display: flex !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  opacity: 1 !important;
  visibility: visible !important
}

.status-cell small {
  display: none !important
}

.result-pill {
  display: inline-flex !important;
  gap: 6px !important;
  padding: 6px 10px !important;
  font-size: .62rem !important;
  white-space: nowrap !important
}

body::before {
  content: "CSS LOADED";
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 999999;
  background: red;
  color: #fff;
  padding: 10px;
  font-weight: 900
}

.board-actions {
  display: flex;
  gap: 12px
}

.kalshi-btn {
  border: 0;
  padding: 12px 18px;
  border-radius: 12px;
  background: linear-gradient(135deg, #00c853, #00e676);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s ease
}

.kalshi-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 230, 118, .35)
}

.boxscore-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  color: #dffcff;
  border: 1px solid rgba(56, 189, 248, .45);
  background: linear-gradient(135deg, rgba(56, 189, 248, .16), rgba(34, 211, 238, .08));
  box-shadow: inset 0 0 14px rgba(56, 189, 248, .08), 0 0 18px rgba(56, 189, 248, .12)
}

.boxscore-link:hover {
  transform: translateY(-1px);
  color: #fff;
  border-color: rgba(125, 249, 255, .8);
  box-shadow: 0 0 22px rgba(56, 189, 248, .35)
}

.result-pill.final {
  color: #fff;
  border-color: rgba(148, 163, 184, .45);
  background: linear-gradient(135deg, rgba(148, 163, 184, .24), rgba(71, 85, 105, .2))
}

.kalshi-review-modal {
  width: min(820px, 92vw);
  max-height: 92vh;
  overflow-y: auto;
  background: radial-gradient(circle at top, rgba(18, 45, 120, .35), #02061a 70%);
  border: 1px solid rgba(100, 180, 255, .2);
  border-radius: 36px;
  padding: 42px 48px 52px;
  text-align: center;
  box-shadow: 0 0 120px rgba(0, 255, 120, .08), 0 30px 80px rgba(0, 0, 0, .75)
}

.kalshi-review-modal h2 {
  margin-top: 12px;
  margin-bottom: 18px;
  font-size: 3rem;
  line-height: 1.1;
  font-weight: 800
}

.kalshi-review-modal p {
  font-size: 1.45rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, .88)
}

.kalshi-review-list {
  margin-top: 42px;
  display: flex;
  flex-direction: column;
  gap: 18px
}

.kalshi-review-leg,
.review-pill {
  border: 1px solid rgba(255, 255, 255, .08)
}

.kalshi-review-leg {
  padding: 24px 28px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .01));
  text-align: left
}

.kalshi-review-leg strong {
  display: block;
  font-size: 1.7rem;
  font-weight: 800;
  margin-bottom: 6px
}

.kalshi-review-leg .matchup {
  font-size: 1.45rem;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, .95)
}

.kalshi-review-leg small {
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 1.05rem;
  color: rgba(255, 255, 255, .72)
}

.review-pill {
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06)
}

.kalshi-review-summary {
  margin-top: 36px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px
}

.kalshi-summary-box {
  text-align: center
}

.kalshi-summary-box span {
  display: block;
  color: rgba(255, 255, 255, .7);
  font-size: 1.15rem
}

.kalshi-summary-box strong {
  display: block;
  margin-top: 10px;
  font-size: 2.5rem;
  font-weight: 800;
  color: #74ff6b
}

.kalshi-cutoff-warning {
  margin-top: 32px;
  padding: 24px 28px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(30, 50, 90, .5), rgba(20, 25, 40, .65));
  border: 1px solid rgba(120, 180, 255, .18);
  text-align: left
}

.kalshi-cutoff-warning strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1.35rem;
  color: #8cff71
}

.kalshi-cutoff-warning p {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.5
}

.kalshi-review-modal .board-actions {
  margin-top: 48px;
  display: flex;
  justify-content: center;
  gap: 24px
}

.kalshi-review-modal .copy-btn,
.kalshi-review-modal .kalshi-btn {
  min-width: 230px;
  height: 68px;
  border-radius: 999px;
  font-size: 1.4rem;
  font-weight: 800
}

@media (max-width:700px) {
  .kalshi-review-modal {
    padding: 30px 24px 40px
  }

  .kalshi-review-modal h2 {
    font-size: 2.2rem
  }

  .kalshi-review-summary {
    grid-template-columns: 1fr
  }

  .kalshi-review-modal .board-actions {
    flex-direction: column
  }

  .kalshi-review-modal .copy-btn,
  .kalshi-review-modal .kalshi-btn {
    width: 100%
  }
}

.hero-grid,
.metric-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important
}

.metric-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important
}

.metric-card,
.tier-card {
  width: auto !important;
  min-width: 0 !important
}

@media (max-width:1100px) {
  .hero-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }

  .metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
  }
}

@media (max-width:700px) {

  .hero-grid,
  .metric-grid {
    grid-template-columns: 1fr !important
  }
}

.premium-metric-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
  margin: 30px 0
}

.premium-metric-card {
  min-height: 135px;
  border-radius: 22px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(130, 180, 255, .12);
  background: radial-gradient(circle at top left, rgba(50, 200, 255, .08), transparent 45%), linear-gradient(145deg, rgba(10, 17, 35, .95), rgba(4, 8, 18, .98));
  box-shadow: inset 0 0 30px rgba(255, 255, 255, .02), 0 10px 30px rgba(0, 0, 0, .3)
}

.premium-metric-card:hover {
  border-color: rgba(112, 255, 79, .35);
  transform: translateY(-2px);
  transition: all .25s ease
}

.metric-icon {
  width: 54px;
  min-width: 54px;
  height: 54px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle, rgba(112, 255, 79, .16), transparent);
  color: #70ff4f;
  font-size: 28px
}

.metric-content {
  display: flex;
  flex-direction: column
}

.metric-content span {
  color: #9fb1ca;
  font-size: 16px
}

.metric-content strong {
  color: #fff;
  font-size: 52px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.04em;
  margin: 8px 0
}

.metric-content small {
  color: #8390a8;
  font-size: 14px
}

.green-number {
  color: #70ff4f !important
}

@media (max-width:1500px) {
  .premium-metric-grid {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media (max-width:900px) {
  .premium-metric-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width:650px) {
  .premium-metric-grid {
    grid-template-columns: 1fr
  }
}

.premium-tier-card {
  background: #050914 !important
}

.premium-tier-card::before {
  filter: grayscale(1) contrast(1.2)
}

.premium-tier-card::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, .94), rgba(0, 0, 0, .58), rgba(0, 0, 0, .82)), radial-gradient(circle at left bottom, rgba(86, 255, 86, .2), transparent 45%)
}

.premium-tier-card:hover::before {
  opacity: .9;
  transform: scale(1.04)
}

.tier-content {
  margin-left: 22px
}

.tier-circle {
  display: grid;
  place-items: center
}

.premium-tier-card h2 {
  margin: 0;
  color: #fff;
  font-size: 42px;
  line-height: .92;
  font-weight: 950;
  letter-spacing: -.06em
}

.premium-tier-card p {
  margin: 14px 0 0;
  color: #d7deea;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .04em
}

.premium-tier-card.active p {
  color: #70ff4f
}

@media (max-width:1200px) {
  .premium-hero-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width:760px) {
  .premium-hero-grid {
    grid-template-columns: 1fr
  }
}

.premium-hero-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin: 34px 0 32px
}

.premium-tier-card {
  position: relative;
  min-height: 210px;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(120, 255, 120, .15);
  cursor: pointer;
  text-align: left;
  padding: 0;
  color: #fff;
  transition: all .3s ease;
  box-shadow: inset 0 0 40px rgba(255, 255, 255, .02), 0 15px 35px rgba(0, 0, 0, .45)
}

.premium-tier-card:hover {
  transform: translateY(-3px);
  border-color: rgba(112, 255, 79, .35)
}

.premium-tier-card.active {
  border-color: #70ff4f;
  box-shadow: 0 0 35px rgba(112, 255, 79, .22), inset 0 0 40px rgba(112, 255, 79, .05)
}

.premium-tier-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: .75;
  filter: grayscale(.75) brightness(.7) contrast(1.2);
  transition: .4s ease
}

.premium-tier-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .4), rgba(0, 0, 0, .82)), linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .4))
}

.tier-circle,
.tier-content {
  display: flex;
  justify-content: center
}

.tier-content {
  position: relative;
  z-index: 5;
  height: 100%;
  padding: 36px;
  flex-direction: column;
  border-left: 0 !important
}

.tier-circle {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  border: 2px solid #70ff4f;
  align-items: center;
  color: #70ff4f;
  font-weight: 900;
  font-size: 22px;
  margin-bottom: 26px;
  background: rgba(0, 0, 0, .45);
  backdrop-filter: blur(4px)
}

.tier-baseball::before {
  background-image: url(/static/images/parlay/baseball-close.jpg)
}

.tier-batter::before {
  background-image: url(/static/images/parlay/batter-dark.jpg)
}

.tier-pitcher::before {
  background-image: url(/static/images/parlay/pitcher-dark.jpg)
}

.tier-stadium::before {
  background-image: url(/static/images/parlay/stadium-dark.jpg)
}

@media (max-width:1400px) {
  .premium-hero-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width:850px) {
  .premium-hero-grid {
    grid-template-columns: 1fr
  }

  .premium-tier-card h2 {
    font-size: 32px
  }
}

.parlay-board-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.parlay-action-btn-muted {
  color: #d9e8f4;
  background: rgba(10, 26, 42, 0.9);
  border: 1px solid rgba(94, 220, 255, 0.34);
  box-shadow: inset 0 0 18px rgba(73, 199, 255, 0.05);
}

.parlay-action-btn-muted:hover {
  color: #ffffff;
  border-color: rgba(109, 255, 112, 0.75);
  background: rgba(24, 54, 52, 0.95);
  transform: translateY(-1px);
}

.parlay-action-btn-muted:focus-visible {
  outline: 2px solid #6dff70;
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .parlay-board-actions {
    justify-content: flex-start;
  }

  .parlay-action-btn {
    flex: 1 1 auto;
  }
}

/* ============================================================
   O/U COMBINED INTELLIGENCE HEADER
   ============================================================ */

.ou-intelligence-hero {
  position: relative;
  overflow: hidden;

  margin: 22px 0 18px;
  padding: 34px;

  border: 1px solid rgba(67, 224, 219, 0.28);
  border-radius: 28px;

  background:
    radial-gradient(circle at 82% 18%,
      rgba(28, 245, 220, 0.16),
      transparent 30%),
    radial-gradient(circle at 12% 100%,
      rgba(57, 120, 255, 0.16),
      transparent 34%),
    linear-gradient(145deg,
      rgba(5, 20, 32, 0.98),
      rgba(4, 12, 24, 0.98));

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.32),
    inset 0 0 70px rgba(43, 225, 211, 0.025);
}

.ou-intelligence-hero::before {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background-image:
    linear-gradient(rgba(94, 229, 226, 0.025) 1px,
      transparent 1px),
    linear-gradient(90deg,
      rgba(94, 229, 226, 0.025) 1px,
      transparent 1px);

  background-size: 32px 32px;

  mask-image:
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0.8),
      transparent);
}

.ou-hero-grid {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  align-items: center;
  gap: 38px;
}

.ou-hero-copy {
  min-width: 0;
}

.ou-hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 14px;

  color: #71ebe5;

  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.ou-live-dot {
  width: 9px;
  height: 9px;

  border-radius: 50%;

  background: #5dff79;

  box-shadow:
    0 0 0 5px rgba(93, 255, 121, 0.1),
    0 0 18px rgba(93, 255, 121, 0.88);

  animation: ou-live-pulse 1.8s infinite;
}

@keyframes ou-live-pulse {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.55;
    transform: scale(0.78);
  }
}

.ou-intelligence-hero h1 {
  max-width: 850px;
  margin: 0;

  color: #f3fbff;

  font-size: clamp(42px, 5vw, 76px);
  font-weight: 950;
  line-height: 0.98;
  letter-spacing: -0.055em;
}

.ou-gradient-text {
  color: transparent;

  background:
    linear-gradient(90deg,
      #60ffe2,
      #4cd7ff,
      #8c83ff);

  background-clip: text;
  -webkit-background-clip: text;
}

.ou-hero-date {
  margin-top: 14px;

  color: #54ded8;

  font-size: clamp(18px, 2vw, 26px);
  font-weight: 850;
}

.ou-hero-description {
  max-width: 800px;
  margin: 20px 0 0;

  color: rgba(220, 238, 247, 0.72);

  font-size: 15px;
  line-height: 1.7;
}

.ou-score-formula {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;

  margin-top: 24px;
}

.ou-score-formula span,
.ou-score-formula strong {
  display: inline-flex;
  align-items: center;

  min-height: 30px;
  padding: 7px 11px;

  border: 1px solid rgba(81, 224, 217, 0.22);
  border-radius: 999px;

  background: rgba(11, 36, 51, 0.78);
  color: #d8edf4;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.ou-score-formula strong {
  border-color: rgba(99, 255, 111, 0.46);

  background:
    linear-gradient(135deg,
      rgba(97, 255, 111, 0.2),
      rgba(0, 214, 107, 0.13));

  color: #77ff83;
}

.ou-score-formula i {
  color: rgba(126, 236, 230, 0.65);

  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}


/* Combined-score orb */

.ou-combined-score-orb {
  position: relative;

  display: grid;
  place-items: center;

  width: 250px;
  height: 250px;
  margin: auto;

  border: 1px solid rgba(97, 239, 231, 0.22);
  border-radius: 50%;

  background:
    radial-gradient(circle,
      rgba(18, 63, 78, 0.96),
      rgba(4, 16, 29, 0.96) 65%,
      rgba(1, 8, 16, 1));

  box-shadow:
    0 0 60px rgba(40, 225, 211, 0.16),
    inset 0 0 50px rgba(59, 207, 255, 0.08);
}

.ou-score-orbit {
  position: absolute;

  border-radius: 50%;

  pointer-events: none;
}

.orbit-one {
  inset: 12px;

  border:
    1px dashed rgba(101, 238, 230, 0.42);

  animation:
    ou-orbit-spin 18s linear infinite;
}

.orbit-two {
  inset: 30px;

  border:
    1px solid rgba(111, 131, 255, 0.28);

  animation:
    ou-orbit-spin 12s linear infinite reverse;
}

@keyframes ou-orbit-spin {
  to {
    transform: rotate(360deg);
  }
}

.ou-score-orb-inner {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

  width: 158px;
  height: 158px;

  border:
    1px solid rgba(100, 255, 233, 0.24);
  border-radius: 50%;

  background:
    radial-gradient(circle at 50% 35%,
      rgba(54, 222, 208, 0.2),
      rgba(4, 17, 28, 0.95) 70%);

  box-shadow:
    inset 0 0 36px rgba(69, 237, 225, 0.08);
}

.ou-score-orb-label {
  color: #77ded9;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.13em;
}

.ou-score-orb-inner strong {
  margin: 7px 0 2px;

  color: #efffff;

  font-size: 54px;
  font-weight: 950;
  line-height: 1;

  text-shadow:
    0 0 22px rgba(87, 255, 239, 0.34);
}

.ou-score-orb-inner small {
  color: rgba(219, 239, 246, 0.5);

  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.1em;
}


/* Strongest signal strip */

.ou-featured-signal {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;

  margin-top: 30px;
  padding: 19px 22px;

  border: 1px solid rgba(89, 231, 225, 0.2);
  border-radius: 19px;

  background:
    linear-gradient(90deg,
      rgba(12, 39, 52, 0.88),
      rgba(9, 22, 39, 0.86));
}

.ou-featured-signal-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.ou-featured-kicker {
  color: #69dcd6;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.ou-featured-signal h2 {
  margin: 4px 0 0;

  color: #f2fbff;

  font-size: 18px;
  font-weight: 900;
}

.ou-official-rank {
  flex-shrink: 0;

  padding: 7px 11px;

  border: 1px solid rgba(92, 255, 113, 0.34);
  border-radius: 999px;

  background: rgba(69, 255, 92, 0.08);
  color: #72ff81;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.ou-featured-signal-bottom {
  display: flex;
  align-items: center;
  gap: 28px;
}

.ou-featured-pick,
.ou-featured-score {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.ou-featured-pick span,
.ou-featured-score span {
  color: rgba(210, 233, 242, 0.54);

  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.ou-featured-pick strong {
  color: #72ff82;

  font-size: 16px;
  font-weight: 950;
}

.ou-featured-score strong {
  color: #62e7e0;

  font-size: 24px;
  font-weight: 950;
}


/* Intelligence dashboard */

.ou-intelligence-dashboard {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;

  margin: 0 0 22px;
}

.ou-intelligence-card {
  position: relative;
  overflow: hidden;

  min-height: 142px;
  padding: 17px;

  border: 1px solid rgba(79, 185, 214, 0.19);
  border-radius: 19px;

  background:
    linear-gradient(145deg,
      rgba(7, 23, 36, 0.97),
      rgba(4, 14, 26, 0.98));

  box-shadow:
    inset 0 0 28px rgba(69, 208, 222, 0.025);
}

.ou-intelligence-card::after {
  content: "";

  position: absolute;
  right: -30px;
  bottom: -48px;

  width: 100px;
  height: 100px;

  border-radius: 50%;

  background:
    rgba(52, 220, 210, 0.08);

  filter: blur(18px);
}

.ou-intelligence-card.card-combined {
  border-color: rgba(97, 255, 112, 0.34);

  background:
    linear-gradient(145deg,
      rgba(12, 42, 37, 0.98),
      rgba(4, 20, 29, 0.98));
}

.ou-intelligence-icon {
  display: inline-grid;
  place-items: center;

  min-width: 31px;
  height: 31px;
  padding: 0 7px;

  border: 1px solid rgba(89, 225, 217, 0.28);
  border-radius: 10px;

  background: rgba(44, 180, 184, 0.08);
  color: #68e4de;

  font-size: 10px;
  font-weight: 950;
}

.ou-intelligence-copy {
  display: flex;
  flex-direction: column;

  margin-top: 12px;
}

.ou-intelligence-copy span {
  color: rgba(206, 229, 238, 0.54);

  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.11em;
}

.ou-intelligence-copy strong {
  margin: 3px 0;

  color: #f2fcff;

  font-size: 27px;
  font-weight: 950;
  line-height: 1;
}

.ou-intelligence-copy small {
  color: rgba(202, 225, 234, 0.45);

  font-size: 9px;
  line-height: 1.35;
}

.ou-intelligence-meter {
  position: absolute;
  right: 15px;
  bottom: 14px;
  left: 15px;

  overflow: hidden;

  height: 4px;

  border-radius: 999px;

  background: rgba(106, 181, 198, 0.13);
}

.ou-intelligence-meter i {
  display: block;

  width: min(var(--score), 100%);
  height: 100%;

  border-radius: inherit;

  background:
    linear-gradient(90deg,
      #43d8d0,
      #68ff80);

  box-shadow:
    0 0 12px rgba(86, 255, 109, 0.45);
}

.edge-meter i {
  background:
    linear-gradient(90deg,
      #58bfff,
      #8c7dff);
}

.ou-intelligence-state {
  position: absolute;
  top: 16px;
  right: 14px;

  padding: 5px 8px;

  border: 1px solid rgba(97, 255, 110, 0.3);
  border-radius: 999px;

  background: rgba(63, 255, 86, 0.07);
  color: #72ff82;

  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.08em;
}

.official-state {
  border-color: rgba(99, 221, 255, 0.32);

  background: rgba(64, 207, 255, 0.08);
  color: #6de1ff;
}


/* Responsive */

@media (max-width: 1220px) {
  .ou-intelligence-dashboard {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 850px) {
  .ou-intelligence-hero {
    padding: 25px;
  }

  .ou-hero-grid {
    grid-template-columns: 1fr;
  }

  .ou-combined-score-orb {
    width: 220px;
    height: 220px;
  }

  .ou-featured-signal {
    grid-template-columns: 1fr;
  }

  .ou-featured-signal-bottom {
    justify-content: flex-start;
  }

  .ou-featured-pick,
  .ou-featured-score {
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .ou-intelligence-dashboard {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .ou-intelligence-hero h1 {
    font-size: 42px;
  }

  .ou-score-formula {
    gap: 6px;
  }

  .ou-featured-signal-heading {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 430px) {
  .ou-intelligence-dashboard {
    grid-template-columns: 1fr;
  }

  .ou-intelligence-hero {
    padding: 20px;
    border-radius: 21px;
  }
}
.parlay-risk-warning {
  margin: 16px 0;
  padding: 12px 14px;
  border: 1px solid rgba(255, 184, 77, .55);
  border-radius: 8px;
  color: #ffd28a;
  background: rgba(255, 155, 45, .08);
  font-weight: 700;
}

.premium-tier-card:disabled {
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: .45;
}