/* ==========================================================================
   JOGOSRÁPIDOS — cara-ou-coroa.css
   ========================================================================== */

.moeda-palco { perspective: 56.25rem; display: grid; place-items: center; padding: 1.5rem 0 0.5rem; }

.moeda {
  width: 8.5rem; height: 8.5rem; position: relative; transform-style: preserve-3d;
  transition: transform 1s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.moeda__face {
  position: absolute; inset: 0; border-radius: 50%; display: grid; place-items: center;
  backface-visibility: hidden; font-family: var(--font-title); font-weight: 700; font-size: 1.4rem;
  border: 0.25rem solid rgba(0, 0, 0, 0.15); box-shadow: var(--shadow);
}
.moeda__cara { background: radial-gradient(circle at 35% 30%, #ffe680, var(--yellow)); color: #4a3a00; }
.moeda__coroa { background: radial-gradient(circle at 35% 30%, #cbd5e1, #64748b); color: #1e293b; transform: rotateY(180deg); }

.coroa-resultado {
  text-align: center; font-family: var(--font-title); font-weight: 700;
  font-size: clamp(1.75rem, 6vw, 2.5rem); color: var(--yellow); min-height: 3rem;
}
.coroa-contadores { display: flex; justify-content: center; gap: 1.75rem; margin-top: 0.5rem; color: var(--smoke); font-size: 0.9rem; }
.coroa-contadores span { display: inline-flex; align-items: center; gap: 0.4rem; }
.coroa-contadores b { color: var(--snow); font-family: var(--font-title); font-size: 1.05rem; }