/* v2.9.3 — torna o conteúdo revelado legível */
.rg28-outer.center-screen{ position:fixed; inset:0; z-index:9999; display:block; }
.rg28-backdrop{ position:absolute; inset:0; background: var(--screen-bg, #0a0a0a); }
.rg28-wrapper{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: min(94vw, 560px); font-family: Montserrat, Arial, Helvetica, sans-serif; z-index:2; touch-action:none; }

.rg28-card{ background: var(--card-bg, #111214); color:#fff; border-radius:28px; padding:28px; box-shadow: 0 18px 40px rgba(0,0,0,0.45), inset 0 0 0 2px rgba(255,255,255,0.04); position:relative; }
.rg28-title{ text-align:center; font-weight:800; font-size: clamp(18px, 4.6vw, 24px); margin-bottom:18px; letter-spacing:.2px; }
.rg28-footer{ text-align:center; font-size: 12px; opacity: .85; margin-top:16px; }

.rg28-social{ display:flex; align-items:center; gap:10px; background: var(--social-bg, rgba(255,255,255,.06)); color: var(--social-color, #fff); border-radius: 999px; padding: 8px 12px; width: fit-content; margin: 0 auto 12px; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08); }
.rg28-online{ width:10px; height:10px; border-radius:50%; background: var(--online-color, #22c55e); box-shadow: 0 0 0 0 rgba(34,197,94,.7); animation: pulse 1.6s infinite; }
.rg28-num{ font-variant-numeric: tabular-nums; font-weight:900; min-width: 34px; text-align:right; display:inline-block; }
.rg28-num.flip{ animation: flip 0.5s ease; }
.rg28-social-text{ opacity:.92; font-size: 13px; }

@keyframes pulse{ 0%{ box-shadow: 0 0 0 0 rgba(34,197,94,.7); } 70%{ box-shadow: 0 0 0 10px rgba(34,197,94,0); } 100%{ box-shadow: 0 0 0 0 rgba(34,197,94,0); } }
@keyframes flip{ 0%{ transform: rotateX(0deg); } 60%{ transform: rotateX(360deg); } 100%{ transform: rotateX(360deg); } }

.rg28-scratch{ position:relative; border-radius:22px; margin: 0 auto; overflow:hidden; touch-action:none; }
.rg28-back{ position:absolute; inset:0; border-radius:22px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; background:#fff; padding:18px; text-align:center; z-index:1; color:#111; }
.rg28-reveal{ margin:0; font-size: clamp(18px, 3.8vw, 22px); font-weight:900; color:#111; }
.rg28-msg{ color:#333; font-size: clamp(13px, 3.5vw, 15px); line-height:1.5; }
.rg28-front{ position:absolute; inset:0; border-radius:22px; overflow:hidden; z-index:2; box-shadow: inset 0 6px 16px rgba(0,0,0,0.25); pointer-events:auto; touch-action:none; }
.rg28-front canvas{ width:100%; height:100%; display:block; touch-action:none; cursor: grab; }
.rg28-front canvas:active{ cursor: grabbing; }

.rg28-cta{ display:none; opacity:0; transform: translateY(8px) scale(.98); transition: opacity .28s ease, transform .28s ease; padding:14px 22px; border-radius:16px; font-weight:900; box-shadow: 0 10px 22px rgba(0,0,0,0.25); text-decoration:none; margin-top:10px; }

@media (max-width:560px){
  .rg28-wrapper{ width: min(96vw, 560px); }
}