/* Satsningsrunda: kategori på TV:n, satsningsknappar på mobilen och ställningen i facit.
 * Staplarnas bredd kommer från klasser i steg om 5 % (CSP tillåter inga style-attribut). */
/* TV: kategorin i frågekortet (textkort som formar sig efter innehållet). */
.wager-category .tv-text{gap:calc(var(--u)*1.2);padding:calc(var(--u)*3.4) calc(var(--u)*4.4);border:2px solid #d8fd7870;box-shadow:0 0 28px #d8fd780a}
.wager-category-label{color:var(--muted);font-size:calc(var(--u)*1.8);font-weight:800;letter-spacing:2px;text-transform:uppercase}
.wager-category .tv-question-text strong{display:block;font-size:calc(var(--u)*6.4);line-height:1.05;color:var(--accent);overflow-wrap:anywhere;text-wrap:balance}
/* Mobil: fyra satsningar 2×2 med samma kort som svaren. */
.wager-choices .wager-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#2f2847;border-color:#655b7e66}
.wager-choices .wager-choice .answer-check{position:absolute;top:8px;right:10px}
.wager-percent{font-size:28px;font-weight:850;font-variant-numeric:tabular-nums}
.wager-stake{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.wager-phone-stake{margin:0;font-size:14px;border-left:3px solid var(--accent);padding-left:12px;color:var(--ink)}
.wager-outcome{flex-basis:100%;margin:0;font-size:15px;font-weight:700}.wager-outcome.wager-won{color:var(--accent)}.wager-outcome.wager-lost{color:#fa788c}
.wager-row{grid-template-columns:auto minmax(0,1fr) auto}
.wager-row .reveal-player-copy{gap:4px}
.wager-bar{display:block;height:calc(var(--u)*.7);border-radius:9px;background:#ffffff14;overflow:hidden}
.wager-bar-fill{display:block;height:100%;width:var(--to,0%);border-radius:inherit;background:var(--player-color)}
.wager-score{display:grid;justify-items:end;gap:2px}
.wager-total{font-size:calc(var(--u)*1.6);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;display:flex;align-items:center;gap:6px}
.wager-move{font-size:.8em;font-weight:800}.wager-move.is-up{color:var(--accent)}.wager-move.is-down{color:#fa788c}
.wager-row.wager-lost .reveal-player-points{color:#fa788c}
.players-dense .wager-total{font-size:calc(var(--u)*1.35)}
.wager-from-0{--from:0%}.wager-from-1{--from:5%}.wager-from-2{--from:10%}.wager-from-3{--from:15%}.wager-from-4{--from:20%}.wager-from-5{--from:25%}.wager-from-6{--from:30%}.wager-from-7{--from:35%}.wager-from-8{--from:40%}.wager-from-9{--from:45%}.wager-from-10{--from:50%}.wager-from-11{--from:55%}.wager-from-12{--from:60%}.wager-from-13{--from:65%}.wager-from-14{--from:70%}.wager-from-15{--from:75%}.wager-from-16{--from:80%}.wager-from-17{--from:85%}.wager-from-18{--from:90%}.wager-from-19{--from:95%}.wager-from-20{--from:100%}
.wager-to-0{--to:0%}.wager-to-1{--to:5%}.wager-to-2{--to:10%}.wager-to-3{--to:15%}.wager-to-4{--to:20%}.wager-to-5{--to:25%}.wager-to-6{--to:30%}.wager-to-7{--to:35%}.wager-to-8{--to:40%}.wager-to-9{--to:45%}.wager-to-10{--to:50%}.wager-to-11{--to:55%}.wager-to-12{--to:60%}.wager-to-13{--to:65%}.wager-to-14{--to:70%}.wager-to-15{--to:75%}.wager-to-16{--to:80%}.wager-to-17{--to:85%}.wager-to-18{--to:90%}.wager-to-19{--to:95%}.wager-to-20{--to:100%}
@media(prefers-reduced-motion:no-preference){
  .stage-reveal.phase-enter .wager-bar-fill{animation:wager-bar 1.4s .5s ease-in-out both}
  .stage-reveal.phase-enter .wager-total,.stage-reveal.phase-enter .wager-row .reveal-player-points{animation:wager-total .5s 1.6s ease-out both}
  @keyframes wager-bar{from{width:var(--from,0%)}to{width:var(--to,0%)}}
  @keyframes wager-total{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
}