.wager-scene {
  position: absolute;
  left: 54px;
  top: 280px;
  width: 972px;
  height: 778px;
}

.wager-select-view,
.wager-question-view,
.wager-result-view {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(18px);
  transition: opacity 320ms ease, transform 480ms var(--ease-enter);
}

.wager-scene.show-select .wager-select-view,
.wager-scene.show-question .wager-question-view,
.wager-scene.show-result .wager-result-view {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.wager-meta-row,
.wager-result-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 972px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px 0 24px;
  border: 1px solid rgba(255, 204, 80, .34);
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(255, 197, 58, .10), rgba(255, 87, 87, .08));
  overflow: hidden;
}

.wager-meta-copy {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}

.wager-meta-copy strong {
  color: var(--color-gold);
  font-size: 25px;
  font-weight: 950;
  letter-spacing: .085em;
}

.wager-meta-copy span {
  color: var(--color-muted);
  font-size: 22px;
  font-weight: 850;
  letter-spacing: .06em;
}

.wager-phase-chip,
.wager-result-chip {
  min-width: 172px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 17px;
  border: 1px solid rgba(255, 212, 91, .52);
  border-radius: 999px;
  color: var(--color-gold);
  background: rgba(255, 212, 91, .09);
  font-size: 17px;
  font-weight: 950;
  letter-spacing: .055em;
  white-space: nowrap;
}

.wager-phase-chip.warning { color: var(--color-yellow); border-color: rgba(255, 228, 95, .58); }
.wager-phase-chip.final,
.wager-phase-chip.locking { color: var(--color-orange); border-color: rgba(255, 155, 66, .64); background: rgba(255, 155, 66, .11); }

.wager-headline-panel {
  position: absolute;
  left: 0;
  top: 66px;
  width: 972px;
  height: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 212, 91, .38);
  border-radius: 24px;
  background: linear-gradient(140deg, rgba(72, 35, 12, .78), rgba(12, 13, 31, .97));
  overflow: hidden;
  box-shadow: 0 0 30px rgba(255, 180, 49, .12);
}

.wager-headline-panel h1 {
  position: relative;
  margin: 0;
  color: var(--color-white);
  font-size: 52px;
  line-height: .98;
  font-weight: 950;
  letter-spacing: .035em;
}

.wager-headline-panel p {
  position: relative;
  margin: 8px 0 0;
  color: #e3cfa8;
  font-size: 24px;
  font-weight: 750;
}

.wager-headline-glow {
  position: absolute;
  width: 540px;
  height: 130px;
  top: -54px;
  border-radius: 50%;
  background: rgba(255, 190, 60, .18);
  filter: blur(28px);
}

.wager-choice-grid {
  position: absolute;
  left: 0;
  top: 178px;
  width: 972px;
  height: 392px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 188px);
  gap: 16px 20px;
}

.wager-choice-card {
  position: relative;
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr) 88px;
  align-items: center;
  padding: 18px 24px 18px 18px;
  border: 2px solid rgba(255, 212, 91, .30);
  border-radius: 26px;
  background: linear-gradient(150deg, rgba(20, 30, 59, .98), rgba(7, 9, 25, .99));
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 24px rgba(255, 183, 50, .07);
}

.wager-choice-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0 54%, rgba(255,255,255,.05) 55%, transparent 56%);
}

.wager-choice-card.tone-safe { border-color: rgba(56, 236, 146, .38); }
.wager-choice-card.tone-medium { border-color: rgba(38, 231, 255, .38); }
.wager-choice-card.tone-high { border-color: rgba(255, 155, 66, .48); }
.wager-choice-card.tone-allin { border-color: rgba(255, 79, 92, .56); box-shadow: 0 0 26px rgba(255, 79, 92, .10); }

.wager-choice-key {
  width: 62px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255,255,255,.20);
  border-radius: 20px;
  color: var(--color-white);
  background: rgba(255,255,255,.06);
  font-size: 34px;
  font-weight: 950;
}

.wager-choice-copy {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.wager-choice-copy strong { color: var(--color-white); font-size: 32px; line-height: 1; font-weight: 950; letter-spacing: .03em; }
.wager-choice-copy span { margin-top: 7px; color: var(--color-gold); font-size: 42px; line-height: .95; font-weight: 950; }
.wager-choice-copy small { margin-top: 8px; color: var(--color-muted); font-size: 17px; font-weight: 900; letter-spacing: .08em; }

.wager-coin-stack {
  position: relative;
  width: 72px;
  height: 86px;
  justify-self: end;
}

.wager-coin-stack i {
  position: absolute;
  left: 8px;
  width: 56px;
  height: 24px;
  border: 2px solid rgba(255, 220, 104, .78);
  border-radius: 50%;
  background: linear-gradient(180deg, #fff1a5, #dc8f1d);
  box-shadow: 0 4px 0 #8a4d10, 0 0 16px rgba(255, 195, 58, .16);
}
.wager-coin-stack i:nth-child(1) { bottom: 6px; }
.wager-coin-stack i:nth-child(2) { bottom: 30px; }
.wager-coin-stack i:nth-child(3) { bottom: 54px; }

.wager-activity-panel {
  position: absolute;
  left: 0;
  top: 586px;
  width: 972px;
  height: 192px;
  display: grid;
  grid-template-columns: 325px minmax(0, 1fr);
  align-items: center;
  border: 2px solid rgba(255, 212, 91, .31);
  border-radius: 26px;
  background: linear-gradient(140deg, rgba(38, 25, 11, .72), rgba(5, 10, 27, .98));
  overflow: hidden;
}

.wager-locked-stat,
.wager-risk-stat {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.wager-locked-stat { border-right: 1px solid rgba(255, 212, 91, .18); }
.wager-locked-stat span { color: var(--color-white); font-size: 68px; font-weight: 950; line-height: .9; }
.wager-locked-stat strong { margin-top: 14px; color: var(--color-gold); font-size: 20px; font-weight: 950; letter-spacing: .08em; }
.wager-risk-stat span { color: var(--color-muted); font-size: 19px; font-weight: 900; letter-spacing: .09em; }
.wager-risk-stat strong { margin-top: 9px; color: var(--color-white); font-size: 48px; line-height: 1; font-weight: 950; }
.wager-risk-stat small { margin-top: 12px; color: #edbb65; font-size: 19px; font-weight: 900; }

.wager-lock-sweep,
.wager-answer-lock-sweep {
  position: absolute;
  left: -220px;
  width: 170px;
  transform: skewX(-16deg);
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 221, 115, .74), transparent);
  filter: blur(2px);
}
.wager-lock-sweep { top: 178px; height: 392px; }
.wager-answer-lock-sweep { top: 342px; height: 436px; }
.wager-scene.is-wager-locking .wager-lock-sweep,
.wager-scene.is-answer-locking .wager-answer-lock-sweep { animation: wager-lock-sweep 760ms ease-out forwards; }

@keyframes wager-lock-sweep {
  0% { left: -220px; opacity: 0; }
  20% { opacity: 1; }
  100% { left: 1080px; opacity: 0; }
}

.wager-scene.is-wager-locked .wager-choice-card { transform: scale(.985); opacity: .82; }

.wager-public-chip {
  position: absolute;
  left: 0;
  top: 66px;
  width: 972px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px;
  border: 2px solid rgba(255, 212, 91, .36);
  border-radius: 20px;
  background: linear-gradient(90deg, rgba(255, 193, 53, .12), rgba(13, 20, 44, .96));
}
.wager-public-chip span { color: var(--color-gold); font-size: 19px; font-weight: 950; letter-spacing: .09em; }
.wager-public-chip strong { color: var(--color-white); font-size: 27px; font-weight: 950; }

.wager-question-panel {
  position: absolute;
  left: 0;
  top: 144px;
  width: 972px;
  height: 182px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px 42px 18px;
  border: 2px solid rgba(39, 230, 255, .48);
  border-radius: 26px;
  background: radial-gradient(circle at 50% 0%, rgba(58,124,255,.22), transparent 58%), linear-gradient(150deg, rgba(13, 30, 65, .98), rgba(4, 9, 25, .98));
  overflow: hidden;
}
.wager-question-kicker { position: absolute; left: 30px; top: 13px; color: var(--color-muted); font-size: 17px; font-weight: 900; letter-spacing: .10em; }
.wager-question-text { width: 100%; height: 126px; display: flex; align-items: center; justify-content: center; color: var(--color-white); font-size: 54px; line-height: 1; font-weight: 950; text-align: center; text-wrap: balance; overflow: hidden; overflow-wrap: anywhere; }

.wager-answer-grid {
  position: absolute;
  left: 0;
  top: 342px;
  width: 972px;
  height: 436px;
  display: grid;
  grid-template-rows: repeat(4, 101px);
  gap: 10px;
}

.wager-answer-card {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: center;
  border: 2px solid rgba(39, 230, 255, .27);
  border-radius: 21px;
  background: linear-gradient(110deg, rgba(14, 32, 67, .96), rgba(7, 11, 29, .98));
  overflow: hidden;
  transition: transform 260ms ease, opacity 260ms ease;
}
.wager-answer-key { height: 100%; display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(39, 230, 255, .23); color: var(--color-cyan); font-size: 39px; font-weight: 950; }
.wager-answer-text { height: 92px; display: flex; align-items: center; padding: 8px 28px; color: var(--color-white); font-size: 36px; line-height: 1.04; font-weight: 850; overflow: hidden; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.wager-scene.is-answer-locked .wager-answer-card { transform: scale(.988); opacity: .86; }

.wager-result-header > div:first-child { min-width: 0; display: flex; align-items: center; gap: 18px; }
.wager-result-header span { color: var(--color-muted); font-size: 19px; font-weight: 900; letter-spacing: .08em; }
.wager-result-header strong { color: var(--color-gold); font-size: 27px; font-weight: 950; }

.wager-correct-panel {
  position: absolute;
  left: 0;
  top: 66px;
  width: 972px;
  height: 134px;
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) 112px;
  align-items: center;
  border: 3px solid rgba(57, 238, 145, .58);
  border-radius: 28px;
  background: radial-gradient(circle at 50% 0%, rgba(57, 238, 145, .22), transparent 58%), linear-gradient(145deg, rgba(8, 43, 43, .96), rgba(4, 13, 27, .99));
  box-shadow: 0 0 32px rgba(57,238,145,.13);
  overflow: hidden;
}
.wager-correct-key { height: 100%; display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(57,238,145,.24); color: var(--color-green); font-size: 60px; font-weight: 950; }
.wager-correct-copy { min-width: 0; padding: 0 30px; }
.wager-correct-copy span { color: var(--color-green); font-size: 19px; font-weight: 950; letter-spacing: .10em; }
.wager-correct-copy strong { height: 92px; display: flex; align-items: center; color: var(--color-white); font-size: 47px; line-height: .98; font-weight: 950; overflow: hidden; white-space: nowrap; overflow-wrap: normal; word-break: normal; }
.wager-correct-copy strong.is-long { font-size: 32px; line-height: 1; }
.wager-correct-copy strong.is-very-long { font-size: 24px; line-height: .98; }
.wager-correct-mark { width: 66px; height: 66px; display: flex; align-items: center; justify-content: center; justify-self: center; border: 3px solid rgba(57,238,145,.65); border-radius: 50%; color: var(--color-green); font-size: 42px; font-weight: 950; background: rgba(57,238,145,.09); }

.wager-result-metrics {
  position: absolute;
  left: 0;
  top: 214px;
  width: 972px;
  height: 316px;
  display: grid;
  grid-template-columns: 470px minmax(0, 1fr);
  gap: 20px;
}

.wager-audience-card,
.wager-totals-card {
  border: 2px solid rgba(255, 212, 91, .27);
  border-radius: 27px;
  background: linear-gradient(145deg, rgba(19, 24, 50, .98), rgba(5, 9, 25, .99));
  overflow: hidden;
}

.wager-audience-card { display: grid; grid-template-columns: 214px minmax(0,1fr); align-items: center; padding: 24px; }
.wager-percent-ring { width: 180px; height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 12px solid rgba(57,238,145,.68); border-radius: 50%; box-shadow: inset 0 0 30px rgba(57,238,145,.11), 0 0 24px rgba(57,238,145,.11); }
.wager-percent-ring strong { color: var(--color-white); font-size: 56px; line-height: .95; font-weight: 950; }
.wager-percent-ring span { margin-top: 10px; color: var(--color-green); font-size: 17px; font-weight: 950; letter-spacing: .08em; }
.wager-answer-counts { display: flex; flex-direction: column; gap: 12px; }
.wager-answer-counts div { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border: 1px solid rgba(255,255,255,.10); border-radius: 15px; background: rgba(255,255,255,.035); }
.wager-answer-counts span { color: var(--color-muted); font-size: 15px; font-weight: 900; letter-spacing: .055em; }
.wager-answer-counts strong { color: var(--color-white); font-size: 30px; font-weight: 950; }

.wager-totals-card { display: flex; flex-direction: column; justify-content: center; padding: 26px; gap: 14px; }
.wager-total-row { height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; border: 1px solid rgba(255,255,255,.10); border-radius: 18px; background: rgba(255,255,255,.035); }
.wager-total-row span { color: var(--color-muted); font-size: 17px; font-weight: 900; letter-spacing: .07em; }
.wager-total-row strong { color: var(--color-white); font-size: 35px; font-weight: 950; }
.wager-total-row.won strong { color: var(--color-green); }
.wager-total-row.lost strong { color: #ff8b82; }
.wager-total-row.net { border-color: rgba(255,212,91,.32); background: rgba(255,212,91,.06); }
.wager-total-row.net strong { color: var(--color-gold); }

.wager-biggest-win {
  position: absolute;
  left: 0;
  top: 544px;
  width: 972px;
  height: 234px;
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr) 250px;
  align-items: center;
  padding: 28px 36px;
  border: 3px solid rgba(255, 212, 91, .58);
  border-radius: 30px;
  background: radial-gradient(circle at 78% 20%, rgba(255,212,91,.22), transparent 42%), linear-gradient(145deg, rgba(61, 34, 10, .94), rgba(8, 10, 28, .99));
  box-shadow: var(--shadow-gold);
  overflow: hidden;
}
.wager-biggest-win.is-loss { border-color: rgba(255, 106, 91, .52); background: linear-gradient(145deg, rgba(55, 20, 18, .94), rgba(8, 10, 28, .99)); box-shadow: 0 0 32px rgba(255,79,92,.12); }
.wager-biggest-avatar { width: 92px; height: 92px; display: flex; align-items: center; justify-content: center; border: 3px solid rgba(255,212,91,.68); border-radius: 50%; color: var(--color-white); background: rgba(255,212,91,.09); font-size: 35px; font-weight: 950; }
.wager-biggest-copy { min-width: 0; display: flex; flex-direction: column; }
.wager-biggest-copy span { color: var(--color-gold); font-size: 20px; font-weight: 950; letter-spacing: .09em; }
.wager-biggest-copy strong { min-height: 52px; max-height: 72px; display: flex; align-items: center; color: var(--color-white); font-size: 40px; line-height: .98; font-weight: 950; overflow: hidden; overflow-wrap: anywhere; }
.wager-biggest-copy strong.is-long { font-size: 28px; line-height: .96; }
.wager-biggest-copy strong.is-very-long { font-size: 22px; line-height: .94; }
.wager-biggest-copy small { color: var(--color-muted); font-size: 19px; font-weight: 900; letter-spacing: .05em; }
.wager-biggest-score { display: flex; flex-direction: column; align-items: flex-end; }
.wager-biggest-score span { color: var(--color-green); font-size: 56px; line-height: .95; font-weight: 950; white-space: nowrap; }
.wager-biggest-score span.is-long { font-size: 43px; }
.wager-biggest-win.is-loss .wager-biggest-score span { color: #ff8b82; }
.wager-biggest-score small { margin-top: 10px; color: var(--color-muted); font-size: 18px; font-weight: 900; letter-spacing: .08em; }

.wager-scene.phase-wager-reveal-suspense .wager-correct-panel,
.wager-scene.phase-wager-reveal-suspense .wager-result-metrics,
.wager-scene.phase-wager-reveal-suspense .wager-biggest-win { opacity: .18; filter: blur(2px); }
.wager-scene.phase-wager-reveal-answer .wager-result-metrics,
.wager-scene.phase-wager-reveal-answer .wager-biggest-win { opacity: .22; }
.wager-scene.phase-wager-result-calculate .wager-biggest-win { opacity: .20; }

.reduced-motion .wager-lock-sweep,
.reduced-motion .wager-answer-lock-sweep { animation: none !important; }

@media (prefers-reduced-motion: reduce) {
  .wager-lock-sweep,
  .wager-answer-lock-sweep { animation: none !important; }
}