/* Secao "Roletas Instantaneas" da pagina da campanha: combos de giros e placar dos premios da roleta. */
.roleta-combos--titulo { display: flex; align-items: center; gap: 8px; margin: 4px 0 10px; flex-wrap: wrap; }
.roleta-combos--titulo img { flex: 0 0 auto; }
.roleta-combos--titulo h2 { font-size: 1.3rem; font-weight: 800; margin: 0; color: var(--bs-body-color, #111); line-height: 1.1; }
.roleta-combos--titulo span { font-size: 1rem; color: var(--bs-body-color, #222); opacity: .85; }
.roleta-combos--card { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 8px; margin-bottom: 8px; padding: 8px 16px 6px 20px;
  border-radius: 22px; color: #fff; background: linear-gradient(90deg, #052f8f 0%, #0a46c4 55%, #0057e0 100%); box-shadow: 0 2px 6px rgba(0, 40, 140, .18); }
.roleta-combos--esq { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.roleta-combos--esq small { font-size: .72rem; opacity: .9; }
.roleta-combos--esq strong { font-size: 1.15rem; font-weight: 800; }
.roleta-combos--esq span { font-size: .95rem; opacity: .95; }
.roleta-combos--dir { display: flex; align-items: center; gap: 8px; text-align: center; }
.roleta-combos--dir strong { font-size: 1.1rem; font-weight: 800; line-height: 1.15; }
.roleta-combos--rodape { grid-column: 1 / -1; font-size: .74rem; text-align: center; opacity: .95; }
.roleta-placar--total { margin-left: auto; padding: 6px 16px; border-radius: 10px; color: #fff; font-weight: 600; font-size: 1.05rem; background: linear-gradient(90deg, #13235c, #4a3fd6); }
.roleta-placar--linha { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.roleta-placar--linha > div { padding: 8px 6px; border-radius: 10px; color: #fff; font-weight: 600; font-size: 1.05rem; text-align: center; }
.roleta-placar--disp { background: linear-gradient(90deg, #2bab4f, #00c8d7); }
.roleta-placar--sort { background: linear-gradient(90deg, #a8363a, #e45d86); }
@media (max-width: 360px) { .roleta-combos--titulo h2 { font-size: 1.1rem; } }
/* placar: titulo, "Vencedores" e o total na mesma linha, encolhendo o texto no celular */
.roleta-placar .roleta-combos--titulo { flex-wrap: nowrap; gap: 6px; }
.roleta-placar .roleta-combos--titulo h2 { font-size: clamp(.9rem, 3.9vw, 1.3rem); white-space: nowrap; min-width: 0; }
.roleta-placar .roleta-combos--titulo span { font-size: clamp(.72rem, 3vw, 1rem); white-space: nowrap; }
.roleta-placar .roleta-combos--titulo img { width: clamp(24px, 7vw, 34px); height: auto; }
.roleta-placar--total { white-space: nowrap; padding: 4px 10px; font-size: clamp(.8rem, 3.4vw, 1.05rem); }
/* frase de chances numa linha so, como no modelo (encolhe no celular) */
.roleta-combos--rodape { font-size: clamp(.58rem, 2.65vw, .74rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }