/* ---------- RODA ---------- */

.th-roda {
  width: 84px; height: 84px; border-radius: 50%; position: relative;
  background: conic-gradient(#3A0F18 0 36deg, #2FBF74 36deg 72deg, #3A0F18 72deg 108deg, #1F4A31 108deg 144deg, #52FFA0 144deg 180deg,
    #3A0F18 180deg 216deg, #2C6B45 216deg 252deg, #3A0F18 252deg 288deg, #2FBF74 288deg 324deg, #3A0F18 324deg 360deg);
  border: 4px solid #1E3A29;
  box-shadow: 0 0 0 2px #0A150E, 0 10px 26px rgba(0,0,0,.55);
}
.th-roda::after {
  content: ""; position: absolute; inset: 26px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #16301F, #0A150E);
  border: 1px solid var(--risco-2);
}
.th-roda i {
  position: absolute; left: 50%; top: -8px; margin-left: -6px;
  border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid var(--papel);
  z-index: 2;
}
.card-jogo:hover .th-roda { animation: thGira 4s linear infinite; }

.palco-roda { display: flex; flex-direction: column; gap: 14px; }
.rd-topo { display: flex; gap: 18px; align-items: center; }
.rd-lado { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.rd-num { font-family: var(--f-digito); font-weight: 900; font-size: 54px; line-height: 1; color: var(--texto-2); min-height: 54px; }
.rd-num.win { color: var(--led); text-shadow: 0 0 16px rgba(82,255,160,.6); }
.rd-num.loss { color: var(--tarja); text-shadow: 0 0 14px rgba(255,61,85,.45); }
.rd-lado .resultado-slot, .rd-lado .historico { margin: 0; }
#rdCv { flex: none; filter: drop-shadow(0 12px 22px rgba(0,0,0,.55)); }

.rd-legenda { display: flex; flex-wrap: wrap; gap: 6px; }
.rd-pill {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--f-mono); font-size: 11px; font-weight: 600; color: var(--texto);
  border: 1px solid var(--risco); border-radius: 999px; padding: 4px 10px 4px 6px;
}
.rd-pill i { width: 12px; height: 12px; border-radius: 50%; display: inline-block; border: 1px solid rgba(0,0,0,.4); }
.rd-pill small { color: var(--texto-2); font-size: 10px; }
.rd-pill.on { border-color: var(--led); box-shadow: 0 0 10px rgba(82,255,160,.35); }

@media (max-width: 760px) {
  .rd-topo { flex-direction: column; }
  .rd-lado { align-items: center; }
}