/*
 * Raspadinhas (decisões do dono em 02/10/2026). Segue a prancha aprovada em 02/10 (quadro
 * "Raspadinhas", página "Versão final"): a página de pacotes, a raspadinha, o lote, as gavetas e
 * as janelas. As medidas são as da prancha; o que muda entre o computador e o celular (768 px,
 * como a moldura do site) está no fim de cada bloco.
 *
 * Regras do site novo: verde só para ação, amarelo para destaque (o acumulado), Barlow só no
 * display, uma animação por bloco e respeito a quem pede menos movimento. Nenhum texto é cortado
 * com reticências: o que não cabe quebra a linha.
 */
.rp-pagina, .rp-camada {
    --rp-fundo: #0e1013; --rp-fundo-2: #14171b; --rp-campo: #15181c; --rp-cartao: #1b1f24; --rp-cartao-2: #232930;
    --rp-linha: #2a3037; --rp-linha-2: #3a424b; --rp-t2: #b9bec5; --rp-t3: #8a919a;
    --rp-verde: #00ff88; --rp-amarelo: #ffd43b; --rp-vermelho: #ff5a5a;
    --rp-verde-fundo: #0b2d21; --rp-verde-borda: #1d5a42; --rp-ouro-fundo: #2a2208; --rp-ouro-borda: rgba(255, 212, 59, .38);
    --rp-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
    --rp-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;
    /* A luz por trás do símbolo: os produtos pretos continuam a ler-se no bilhete escuro. */
    --rp-luz: radial-gradient(circle at 50% 42%, #7d8997 0%, #56616d 34%, #2c343c 72%, #20262c 100%);
    --rp-luz-ouro: radial-gradient(circle at 50% 42%, #b9a35c 0%, #806d33 36%, #40371a 74%, #2c2a1c 100%);
    color: #fff; text-wrap: pretty;
}
.rp-pagina { display: flex; flex-direction: column; gap: 22px; min-width: 0; padding-bottom: 28px; }
.rp-pagina a, .rp-camada a { color: inherit; text-decoration: none; }
.rp-pagina button, .rp-camada button { font: inherit; color: inherit; cursor: pointer; }
.rp-pagina h1, .rp-pagina h2, .rp-pagina h3, .rp-pagina p, .rp-pagina ul, .rp-pagina ol, .rp-camada h2, .rp-camada p, .rp-camada ul, .rp-camada ol { margin: 0; padding: 0; }
.rp-pagina ul, .rp-pagina ol, .rp-camada ul, .rp-camada ol { list-style: none; }
.rp-pagina :focus-visible, .rp-camada :focus-visible { outline: 2px solid var(--rp-verde); outline-offset: 2px; }
.rp-pagina [hidden], .rp-camada[hidden] { display: none !important; }
.rp-pagina img, .rp-camada img { max-width: 100%; }
.rp-ico { flex: none; }
.rp-cresce { flex-grow: 1; }
@media (min-width: 769px) { .rp-so-cel { display: none !important; } }
@media (max-width: 768px) { .rp-so-pc { display: none !important; } .rp-pagina { gap: 16px; } }

.rp-vazio { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 240px; padding: 28px 16px; text-align: center; color: var(--rp-t2); font-size: 14px; }
.rp-vazio strong { color: #fff; font-size: 16px; }
.rp-vazio-botoes { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.rp-rodando { width: 22px; height: 22px; flex: none; border-radius: 50%; border: 3px solid rgba(255, 255, 255, .18); border-top-color: var(--rp-verde); animation: rp-girar .8s linear infinite; }
@keyframes rp-girar { to { transform: rotate(360deg); } }
.rp-previa { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; min-height: 24px; padding: 2px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 800; color: #ffc266; background: rgba(255, 181, 71, .12); border: 1px solid rgba(255, 181, 71, .35); }

/* ------------------------------------------------------------------ peças comuns */
.rp-botao { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: var(--alto, 44px); padding: 6px 18px; box-sizing: border-box; border-radius: 999px; border: 1px solid transparent;
    font-size: var(--letra, 14px); font-weight: 800; line-height: 1.15; text-align: center; white-space: normal; cursor: pointer; transition: filter .12s, border-color .12s; }
.rp-botao.largo { display: flex; width: 100%; }
.rp-botao.verde, .rp-pagina a.rp-botao.verde, .rp-camada a.rp-botao.verde { background: var(--rp-verde); color: var(--rp-fundo); border-color: var(--rp-verde); }
.rp-botao.verde:hover { filter: brightness(1.07); }
.rp-botao.sec { background: var(--rp-campo); color: #fff; border-color: var(--rp-linha-2); }
.rp-botao.sec:hover { border-color: var(--rp-verde); }
.rp-botao.ouro { background: rgba(255, 212, 59, .08); color: var(--rp-amarelo); border-color: rgba(255, 212, 59, .55); }
.rp-botao.apagado, .rp-botao[disabled] { background: var(--rp-cartao-2); color: var(--rp-t3); border-color: var(--rp-linha); cursor: default; }
.rp-conta { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 999px; background: var(--rp-verde); color: var(--rp-fundo); font-size: 11px; font-weight: 800; font-style: normal; }
.rp-botoes { display: flex; flex-direction: column; gap: 10px; width: 100%; }

.rp-chips { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.rp-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 4px 16px; border-radius: 999px; border: 1px solid var(--rp-linha); background: var(--rp-campo); color: var(--rp-t2); font-size: 13.5px; font-weight: 700; }
.rp-chip.ativo { border-color: rgba(0, 255, 136, .55); background: var(--rp-verde-fundo); color: var(--rp-verde); }
.rp-chip b { color: var(--rp-t3); font-weight: 700; }
.rp-chip.ativo b { color: var(--rp-verde); }

.rp-rotulo { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--rp-t2); }
.rp-rotulo.ouro { color: var(--rp-amarelo); }
.rp-rotulo.verde { color: var(--rp-verde); }
.rp-display { font-family: var(--rp-display); font-style: italic; font-weight: 800; font-size: var(--t, 44px); line-height: .9; letter-spacing: -.005em; text-transform: uppercase; color: #fff; white-space: nowrap; }
.rp-display.ouro { color: var(--rp-amarelo); }
.rp-display.verde { color: var(--rp-verde); }
.rp-display.papel { color: #eafff5; }
.rp-link { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 0; border: 0; background: transparent; font-size: 13.5px; font-weight: 700; color: #fff; text-align: left; }
.rp-link.ouro { color: var(--rp-amarelo); }
.rp-link.verde { color: var(--rp-verde); }
.rp-pagina a.rp-link.verde { color: var(--rp-verde); }
.rp-link.branco { gap: 6px; font-size: 13px; }
.rp-link:hover { text-decoration: underline; }
.rp-barra { display: block; height: 6px; border-radius: 999px; background: var(--rp-linha); overflow: hidden; }
.rp-barra i { display: block; height: 100%; border-radius: 999px; background: var(--rp-verde); transition: width .3s; }
.rp-barra.ouro { height: 8px; background: rgba(255, 255, 255, .13); }
.rp-barra.ouro i { background: var(--rp-amarelo); }
.rp-etiqueta { display: inline-flex; align-items: center; min-height: 20px; padding: 1px 8px; border-radius: 999px; background: rgba(255, 212, 59, .12); color: var(--rp-amarelo); font-size: 11px; font-weight: 800; }
.rp-etiqueta.cheia { background: var(--rp-amarelo); color: var(--rp-fundo); }
.rp-etiqueta.verde { background: rgba(0, 255, 136, .12); color: var(--rp-verde); }
.rp-etiqueta.escura { background: rgba(14, 16, 19, .86); color: #fff; }
.rp-nota { display: flex; gap: 10px; align-items: flex-start; font-size: 12.5px; line-height: 1.5; color: var(--rp-t2); }
.rp-nota .rp-ico { margin-top: 1px; }
.rp-miudo { font-size: 12.5px; line-height: 1.5; color: var(--rp-t2); }
.rp-sem-lista { padding: 14px 0; font-size: 13px; line-height: 1.5; color: var(--rp-t2); }
.rp-divisor { display: block; height: 1px; background: var(--rp-linha); }
.rp-friso { position: absolute; left: 0; right: 0; top: 0; height: 5px; z-index: 2; background: linear-gradient(90deg, var(--rp-vermelho) 0 50%, var(--rp-amarelo) 50% 100%); }
.rp-vivo { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; color: var(--rp-verde); white-space: nowrap; }
.rp-vivo i { width: 7px; height: 7px; border-radius: 50%; background: var(--rp-verde); }
.rp-fechar { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--rp-cartao-2); color: #fff; }
.rp-cartao { display: flex; flex-direction: column; gap: 14px; padding: 20px; box-sizing: border-box; border-radius: 18px; background: var(--rp-cartao); border: 1px solid var(--rp-linha); min-width: 0; }
.rp-cab-secao { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rp-cab-secao > div { display: flex; align-items: baseline; gap: 10px; min-width: 0; flex-wrap: wrap; }
.rp-cab-secao h2 { font-size: var(--t, 20px); font-weight: 800; letter-spacing: -.01em; }
.rp-cab-secao > div > span:not(.rp-cab-icone) { font-size: 13px; font-weight: 600; color: var(--rp-t3); }
.rp-cab-icone { display: flex; align-self: center; color: var(--rp-verde); }
.rp-cab-icone.apagado { color: var(--rp-t2); }
.rp-quadro { flex: none; display: flex; align-items: center; justify-content: center; width: var(--t, 56px); height: var(--t, 56px); border-radius: 12px; background: var(--rp-luz); }
.rp-quadro img { width: 82%; height: 82%; object-fit: contain; }
.rp-quadro.liso { background: var(--rp-cartao-2); border: 1px solid var(--rp-linha); }
.rp-quadro.grande { width: 116px; height: 116px; border-radius: 18px; }
.rp-quadro.ouro { border: 1px solid var(--rp-ouro-borda); }
.rp-caixa { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: var(--rp-cartao-2); border: 1px solid var(--rp-linha-2); }
.rp-caixa > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rp-caixa strong { font-size: 14px; line-height: 1.3; }
.rp-caixa span span { font-size: 13px; line-height: 1.5; color: var(--rp-t2); }
.rp-caixa.ouro { background: rgba(255, 212, 59, .07); border-color: var(--rp-ouro-borda); }
.rp-caixa.ouro > .rp-ico { color: var(--rp-amarelo); }
.rp-caixa.alerta { background: rgba(255, 90, 90, .08); border-color: rgba(255, 90, 90, .38); }
.rp-caixa.alerta > .rp-ico { color: #ff8f8f; }
.rp-aviso { display: flex; align-items: flex-start; gap: 12px; }
.rp-aviso-bola { flex: none; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--rp-cartao-2); color: var(--rp-t2); }
.rp-aviso > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rp-aviso strong { font-size: 14.5px; line-height: 1.3; }
.rp-aviso span { font-size: 13px; line-height: 1.5; color: var(--rp-t2); }
.rp-aviso.ouro .rp-aviso-bola { background: rgba(255, 212, 59, .14); color: var(--rp-amarelo); }
.rp-aviso.ouro strong { color: var(--rp-amarelo); }
.rp-codigo { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 8px; background: var(--rp-fundo); border: 1px solid var(--rp-linha); min-width: 0; }
.rp-codigo > span { font-family: var(--rp-mono); font-size: 11.5px; font-weight: 500; line-height: 1.6; color: #fff; }
.rp-codigo button { flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; border: 1px solid var(--rp-linha-2); background: var(--rp-campo); color: var(--rp-t2); }
.rp-codigo button.copiado { border-color: var(--rp-verde); color: var(--rp-verde); }
.rp-tres { display: flex; flex-direction: column; padding: 2px 14px; border-radius: 12px; background: var(--rp-fundo); border: 1px solid var(--rp-linha); }
.rp-tres > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 0; }
.rp-tres > div + div { border-top: 1px solid var(--rp-linha); }
.rp-tres span { font-size: 13px; color: var(--rp-t2); }
.rp-tres strong { font-size: 14.5px; white-space: nowrap; }
.rp-tres .total span { color: #fff; font-weight: 700; }
.rp-tres .total strong { font-size: 17px; }
.rp-tres .total.ganho strong { color: var(--rp-verde); }
.rp-bola { flex: none; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--rp-cartao-2); border: 1px solid var(--rp-linha); color: var(--rp-t2); font-size: 11.5px; font-weight: 800; letter-spacing: -.02em; }
.rp-bola.meu { background: var(--rp-verde-fundo); border-color: var(--rp-verde-borda); color: var(--rp-verde); }
.rp-pagina em, .rp-camada em { font-style: normal; font-size: 11px; font-weight: 800; color: var(--rp-verde); }
.rp-pagina .anon, .rp-camada .anon { color: var(--rp-t2); }
.rp-pagina strong.verde, .rp-camada strong.verde { color: var(--rp-verde); }
.rp-pagina strong.ouro, .rp-camada strong.ouro { color: var(--rp-amarelo); }

/* ------------------------------------------------------------------ o lote em números e as fotos dos prêmios */
.rp-prob { font-size: 12.5px; color: var(--rp-t2); }
.rp-prob strong { color: #fff; }
.rp-agora { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.rp-agora-topo { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 12.5px; color: var(--rp-t2); }
.rp-agora-topo strong { color: #fff; }
.rp-agora .rp-barra { height: 7px; }
.rp-fotos { display: flex; gap: 4px; align-items: flex-start; }
.rp-foto { display: flex; flex-direction: column; align-items: center; gap: 3px; width: calc(var(--t) + 46px); text-align: center; }
.rp-foto.curto { width: calc(var(--t) + 38px); }
.rp-foto.curto strong { font-size: 11.5px; }
.rp-foto-caixa { position: relative; display: flex; align-items: center; justify-content: center; width: calc(var(--t) + 12px); height: calc(var(--t) + 12px); border-radius: 12px; background: var(--rp-luz); border: 1px solid rgba(255, 212, 59, .3); }
.rp-foto-caixa img { width: var(--t); height: var(--t); object-fit: contain; }
.rp-foto strong { font-size: 12.5px; white-space: nowrap; }
.rp-foto > span:last-child { font-size: 11px; font-weight: 700; color: var(--rp-t2); }
.rp-foto.unico > span:last-child { color: var(--rp-verde); }
.rp-foto.saiu .rp-foto-caixa { border-color: var(--rp-linha); }
.rp-foto.saiu img { filter: grayscale(1); opacity: .35; }
.rp-foto.saiu strong { color: var(--rp-t3); text-decoration: line-through; }
.rp-foto.saiu > span:last-child { color: var(--rp-t3); }
.rp-foto-caixa i { position: absolute; right: -5px; top: -5px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: var(--rp-linha-2); color: #fff; }

/* ------------------------------------------------------------------ o acumulado */
.rp-regua { display: flex; flex-direction: column; gap: 6px; }
.rp-regua-trilho { position: relative; height: 30px; }
.rp-regua-marcas i { position: absolute; top: 0; width: 1px; height: 10px; background: rgba(255, 255, 255, .22); }
.rp-regua-barra { position: absolute; left: 0; right: 0; top: 14px; height: 10px; border-radius: 999px; background: rgba(255, 255, 255, .13); overflow: hidden; }
.rp-regua-barra i { display: block; height: 100%; background: linear-gradient(90deg, #8a6d00, var(--rp-amarelo)); }
.rp-regua-ponto { position: absolute; top: 9px; width: 16px; height: 20px; border-radius: 6px; background: var(--rp-amarelo); box-shadow: 0 0 0 3px var(--rp-fundo); }
.rp-regua-pe { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 12px; font-weight: 700; color: var(--rp-t2); }
.rp-chances { display: grid; grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); gap: 8px; }
.rp-chance { display: flex; flex-direction: column; gap: 1px; padding: 8px 12px; border-radius: 12px; background: rgba(14, 16, 19, .78); border: 1px solid rgba(255, 255, 255, .12); }
.rp-chances.na-gaveta .rp-chance { background: var(--rp-cartao); }
.rp-chance span { font-size: 12px; color: var(--rp-t2); }
.rp-chance strong { font-size: 15.5px; }
.rp-duas { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr); gap: 20px; align-items: stretch; }
.rp-duas > :only-child { grid-column: 1 / -1; }
.rp-ap { position: relative; overflow: hidden; border-radius: 20px; background: var(--rp-fundo); border: 1px solid var(--rp-ouro-borda); min-width: 0; }
.rp-ap-cena { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: right center; }
.rp-ap-sombra { position: absolute; inset: 0; background: linear-gradient(90deg, var(--rp-fundo) 44%, rgba(14, 16, 19, .76) 64%, rgba(14, 16, 19, 0) 92%); }
.rp-ap-texto { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 11px; width: min(490px, 100%); min-height: 100%; box-sizing: border-box; padding: 26px 0 20px 30px; }
.rp-ap-frase { font-size: 14px; line-height: 1.5; color: var(--rp-t2); }
.rp-ap-chances { display: flex; flex-direction: column; gap: 6px; }
.rp-ap-chances > span { font-size: 12px; font-weight: 700; color: var(--rp-t2); }
.rp-ap-ultimo { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rp-ap-ultimo > span { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--rp-t2); }
.rp-ap-ultimo > span .rp-ico { color: var(--rp-amarelo); }
.rp-ap-ultimo strong { color: #fff; }
.rp-ap-ultimo .rp-link { font-size: 12.5px; }
.rp-af { display: flex; flex-direction: column; gap: 10px; width: 100%; padding: 12px 14px; box-sizing: border-box; border-radius: 16px; background: var(--rp-ouro-fundo); border: 1px solid var(--rp-ouro-borda); text-align: left; }
.rp-af-topo { display: flex; align-items: center; gap: 12px; color: var(--rp-amarelo); }
.rp-af-topo img { flex: none; width: 48px; height: 48px; object-fit: contain; }
.rp-af-topo > span { flex: 1 1 0; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.rp-af .rp-barra { height: 7px; }
.rp-af-frase { font-size: 12.5px; line-height: 1.45; color: var(--rp-t2); }
.rp-ac { border-color: var(--rp-ouro-borda); gap: 12px; }
.rp-ac-topo { display: flex; align-items: center; gap: 14px; }
.rp-ac-topo img { flex: none; width: 60px; height: 60px; object-fit: contain; }
.rp-ac-topo > div { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.rp-ac-barra { display: flex; flex-direction: column; gap: 6px; }
.rp-ac-frase { font-size: 13px; line-height: 1.5; color: var(--rp-t2); }
.rp-ac-frase strong { color: #fff; }
.rp-ac .rp-link { font-size: 13px; }

/* ------------------------------------------------------------------ prêmios grandes */
.rp-cg { gap: 8px; }
.rp-grandes li { display: flex; align-items: center; gap: 12px; padding: 9px 0; }
.rp-grandes li + li { border-top: 1px solid var(--rp-linha); }
.rp-grandes-meio { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rp-grandes-meio > span { font-size: 14px; font-weight: 700; }
.rp-grandes-meio small { font-size: 12px; line-height: 1.35; color: var(--rp-t3); }
.rp-grandes li > strong { flex: none; font-size: 15px; color: var(--rp-verde); white-space: nowrap; }

/* ------------------------------------------------------------------ a página de pacotes */
.rp-titulo { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
.rp-titulo-nome { display: flex; align-items: baseline; gap: 14px; min-width: 0; flex-wrap: wrap; }
.rp-titulo h1 { font-size: 28px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.rp-titulo-nome > span { font-size: 14px; font-weight: 700; color: var(--rp-t3); }
.rp-titulo-acoes { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rp-titulo-cel { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; }
.rp-titulo-cel > span { font-size: 12.5px; font-weight: 600; line-height: 1.4; color: var(--rp-t2); }
.rp-titulo-cel .rp-link { flex: none; min-height: 44px; }
.rp-pa { display: flex; align-items: center; gap: 16px; padding: 12px 14px 12px 16px; border-radius: 16px; background: var(--rp-verde-fundo); border: 1px solid var(--rp-verde-borda); }
.rp-pa-minis { flex: none; display: flex; }
.rp-pa-minis i { width: 34px; height: 34px; border-radius: 8px; background-size: cover; background-position: center; box-shadow: 0 0 0 2px var(--rp-verde-fundo); }
.rp-pa-minis i + i { margin-left: -14px; }
.rp-pa-texto { flex: 1 1 0; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rp-pa-texto strong { font-size: 16px; }
.rp-pa-texto > span { font-size: 13px; line-height: 1.45; color: var(--rp-t2); }
.rp-pa .rp-botao { flex: none; }
.rp-pacotes-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
.rp-dinheiro { font-size: 13px; line-height: 1.45; max-width: 620px; }
.rp-lote-link { font-size: 12.5px; color: var(--rp-t2); }
.rp-pagina a.rp-lote-link { color: var(--rp-t2); }
.rp-pagina a.rp-lote-link:hover { color: #fff; text-decoration: underline; }

.rp-ld { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(280px, 480px) minmax(0, 1fr); border-radius: 20px; background: var(--rp-cartao); border: 1px solid var(--rp-ouro-borda); }
.rp-ld-foto { position: relative; min-height: 280px; }
.rp-ld-foto img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 68% 50%; }
.rp-ld-sombra { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(27, 31, 36, 0) 62%, var(--rp-cartao) 100%); }
.rp-ld-selo { position: absolute; left: 16px; top: 16px; }
.rp-ld-corpo { display: flex; flex-direction: column; justify-content: center; gap: 18px; padding: 22px 26px 22px 14px; min-width: 0; }
.rp-ld-topo { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.rp-ld-topo > div:first-child { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; }
.rp-ld h3 { font-size: 26px; font-weight: 800; letter-spacing: -.01em; }
.rp-ld-preco { display: flex; align-items: center; gap: 18px; }
.rp-ld-preco > span { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.rp-ld-preco small, .rp-tl-preco small, .rp-lc-preco small { font-size: 12px; color: var(--rp-t2); }
.rp-ld-jogar { min-width: 140px; }
.rp-ld-meio { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.rp-ld-premio { display: flex; align-items: center; gap: 16px; min-width: 0; }
.rp-ld-premio .rp-quadro img { width: 96px; height: 96px; }
.rp-ld-premio > div { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.rp-ld-premio > div > span:first-child { font-size: 13px; font-weight: 700; color: var(--rp-t2); }
.rp-ld-chance { font-size: 13px; }
.rp-ld-chance strong { color: var(--rp-verde); }
.rp-ld-mais { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; }

.rp-tl { border-radius: 18px; background: var(--rp-cartao); border: 1px solid var(--rp-linha); overflow: hidden; }
.rp-tl-cab, .rp-tl-linha { display: grid; grid-template-columns: 176px minmax(0, 1fr) 104px minmax(0, 1.1fr) 278px 116px; align-items: center; gap: 20px; }
.rp-tl-cab { padding: 13px 18px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--rp-t3); }
.rp-tl-linha { padding: 14px 18px; border-top: 1px solid var(--rp-linha); }
.rp-tl-foto { display: block; height: 84px; border-radius: 12px; overflow: hidden; }
.rp-tl-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%; display: block; }
.rp-tl-nome { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; }
.rp-tl-nome strong { font-size: 17px; }
.rp-tl-preco { display: flex; flex-direction: column; gap: 2px; }
.rp-tl-pe { padding: 12px 18px; border-top: 1px solid var(--rp-linha); font-size: 12.5px; line-height: 1.5; color: var(--rp-t2); }
@media (max-width: 1320px) {
    .rp-tl-cab { display: none; }
    .rp-tl-linha { grid-template-columns: 150px minmax(0, 1fr) 96px 116px; grid-template-areas: "foto nome preco botao" "agora agora fotos fotos"; }
    .rp-tl-foto { grid-area: foto; } .rp-tl-nome { grid-area: nome; } .rp-tl-preco { grid-area: preco; } .rp-tl-linha .rp-agora { grid-area: agora; } .rp-tl-linha .rp-fotos { grid-area: fotos; justify-self: end; } .rp-tl-linha .rp-botao { grid-area: botao; }
}
.rp-lcs { display: flex; flex-direction: column; gap: 14px; }
.rp-lc { display: flex; flex-direction: column; border-radius: 18px; overflow: hidden; background: var(--rp-cartao); border: 1px solid var(--rp-linha); }
.rp-lc-foto { position: relative; height: 118px; }
.rp-lc-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%; display: block; }
.rp-lc-sombra { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(14, 16, 19, .94) 6%, rgba(14, 16, 19, 0) 72%); }
.rp-lc-nome { position: absolute; left: 14px; right: 110px; bottom: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.rp-lc-nome strong { font-size: 17px; }
.rp-lc-preco { position: absolute; right: 12px; bottom: 8px; display: flex; flex-direction: column; align-items: flex-end; }
.rp-lc-selo { position: absolute; left: 12px; top: 12px; }
.rp-lc-corpo { display: flex; flex-direction: column; gap: 12px; padding: 12px 14px 14px; }
.rp-lc-pe { display: flex; align-items: flex-end; justify-content: space-between; gap: 6px; }
.rp-lc-pe .rp-fotos { gap: 2px; }

.rp-eb { display: flex; flex-direction: column; gap: 14px; }
.rp-eb-grade { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.rp-eb-cartao { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; background: var(--rp-cartao); border: 1px solid var(--rp-linha); }
.rp-eb-foto { position: relative; height: 124px; }
.rp-eb-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%; display: block; filter: saturate(.7) brightness(.72); }
.rp-eb-foto > span { position: absolute; left: 10px; top: 10px; }
.rp-eb-corpo { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px 14px; }
.rp-eb-corpo strong { font-size: 16px; }
.rp-eb-corpo > span { font-size: 12.5px; line-height: 1.4; color: var(--rp-t2); }
.rp-eb-corpo > span strong { font-size: inherit; color: #fff; }
@media (max-width: 1100px) { .rp-eb-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.rp-gar { flex-direction: row; align-items: center; gap: 22px; }
.rp-gar-arte { flex: none; width: 104px; height: 104px; object-fit: contain; }
.rp-gar-corpo { flex: 1 1 0; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rp-gar-topo { display: flex; align-items: baseline; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap; }
.rp-gar-topo > div { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.rp-gar-topo h2 { font-size: 19px; font-weight: 800; }
.rp-gar-topo > div > span { font-size: 13px; font-weight: 600; color: var(--rp-t2); }
.rp-gar-itens { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.rp-gar-item { display: flex; gap: 12px; align-items: flex-start; }
.rp-gar-icone { flex: none; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: rgba(0, 255, 136, .1); color: var(--rp-verde); }
.rp-gar-item > span:last-child { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rp-gar-item strong { font-size: 14.5px; }
.rp-gar-item span span { font-size: 12.5px; line-height: 1.5; color: var(--rp-t2); }
.rp-gar-curtos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 10px; }
.rp-gar-curtos li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 700; line-height: 1.25; }
.rp-gar-curtos .rp-ico { color: var(--rp-verde); }
@media (max-width: 1180px) { .rp-gar-itens { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.rp-gratis { display: flex; align-items: center; gap: 24px; padding: 22px 26px; border-radius: 18px; background: var(--rp-ouro-fundo); border: 1px solid var(--rp-ouro-borda); min-width: 0; }
.rp-gratis > img { flex: none; width: 132px; height: 132px; object-fit: contain; }
.rp-gratis-corpo { flex: 1 1 0; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rp-gratis-texto { display: flex; flex-direction: column; gap: 8px; }
.rp-gratis-texto > strong { font-size: 22px; line-height: 1.2; letter-spacing: -.01em; text-wrap: balance; }
.rp-gratis-texto > span:last-child { font-size: 13.5px; line-height: 1.5; color: var(--rp-t2); }
.rp-gratis-texto > span strong { color: var(--rp-amarelo); }
.rp-gratis-botoes { display: flex; gap: 10px; flex-wrap: wrap; }
.rp-resp { gap: 10px; }
.rp-resp-topo { display: flex; align-items: center; gap: 12px; }
.rp-18 { flex: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--rp-vermelho); font-size: 13px; font-weight: 900; }
.rp-resp-topo > div { display: flex; flex-direction: column; gap: 2px; }
.rp-resp-topo strong { font-size: 15px; }
.rp-resp-topo span { font-size: 12.5px; line-height: 1.45; color: var(--rp-t2); }
.rp-resp li button, .rp-cgar li button { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 44px; padding: 0; border: 0; border-top: 1px solid var(--rp-linha); background: transparent; font-size: 13.5px; font-weight: 700; text-align: left; }
.rp-resp li button > .rp-ico, .rp-cgar li button > .rp-ico { color: var(--rp-t2); }
.rp-resp li button:hover, .rp-cgar li button:hover { color: var(--rp-verde); }

@media (max-width: 768px) {
    .rp-titulo h1 { font-size: 24px; }
    .rp-titulo { align-items: center; }
    .rp-pa { gap: 12px; padding: 12px; }
    .rp-pa-minis i { width: 30px; height: 30px; }
    .rp-pa-texto strong { font-size: 14.5px; }
    .rp-pa-texto > span { font-size: 12.5px; }
    .rp-duas { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .rp-dinheiro { font-size: 12.5px; }
    .rp-ld { grid-template-columns: minmax(0, 1fr); border-radius: 18px; }
    .rp-ld-foto { min-height: 0; height: 132px; }
    .rp-ld-foto img { object-position: 70% 50%; }
    .rp-ld-sombra { background: linear-gradient(0deg, var(--rp-cartao) 4%, rgba(27, 31, 36, 0) 60%); }
    .rp-ld-selo { left: 12px; top: 12px; }
    .rp-ld-corpo { gap: 14px; padding: 0 14px 14px; margin-top: -14px; position: relative; }
    .rp-ld-topo { align-items: flex-end; flex-wrap: nowrap; gap: 10px; }
    .rp-ld h3 { font-size: 20px; }
    .rp-ld-preco .rp-display { font-size: 28px; }
    .rp-ld-preco .rp-ld-jogar { display: none; }
    .rp-ld-premio { gap: 12px; }
    .rp-ld-premio .rp-quadro { width: 84px; height: 84px; }
    .rp-ld-premio .rp-quadro img { width: 68px; height: 68px; }
    .rp-ld-premio .rp-display { font-size: 38px; }
    .rp-ld-mais { flex-direction: row; align-items: flex-start; justify-content: space-between; width: 100%; }
    .rp-ld-mais .rp-rotulo { padding-top: 18px; letter-spacing: 0; text-transform: none; font-size: 12px; font-weight: 700; }
    .rp-eb-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .rp-eb-foto { height: 92px; }
    .rp-eb-corpo strong { font-size: 14.5px; }
    .rp-gar { padding: 16px; gap: 12px; align-items: flex-start; }
    .rp-gar-arte { width: 72px; height: 72px; }
    .rp-gar-topo { flex-direction: column; gap: 4px; }
    .rp-gar-topo > div { flex-direction: column; gap: 4px; }
    .rp-gar-topo h2 { font-size: 18px; }
    .rp-gar-topo > div > span { font-size: 12.5px; line-height: 1.4; }
    .rp-gar-corpo { gap: 12px; }
    .rp-gratis { display: grid; grid-template-columns: 84px minmax(0, 1fr); align-items: center; gap: 14px 12px; padding: 16px; }
    .rp-gratis > img { width: 84px; height: 84px; }
    .rp-gratis-corpo { display: contents; }
    .rp-gratis-botoes { grid-column: 1 / -1; }
    .rp-gratis-texto > strong { font-size: 18px; }
    .rp-gratis-botoes .rp-botao { flex: 1 1 100%; }
    .rp-cartao { padding: 16px; }
}

/* ------------------------------------------------------------------ o bilhete */
.rp-bilhete { --casa: 132px; --vao: 7px; --pad: 8px; --moldura: 10px; --lado: calc(3 * var(--casa) + 2 * var(--vao) + 2 * var(--pad));
    box-sizing: content-box; width: var(--lado); padding: var(--moldura); border-radius: 16px; background: linear-gradient(180deg, #0e6144, #094330); border: 1px solid rgba(0, 255, 136, .3); box-shadow: 0 18px 50px rgba(0, 0, 0, .45); user-select: none; -webkit-user-select: none; }
.rp-bilhete.premiado { box-shadow: 0 18px 50px rgba(0, 0, 0, .45), 0 0 0 2px var(--rp-amarelo), 0 0 44px rgba(255, 212, 59, .28); }
.rp-b-topo { display: flex; align-items: center; justify-content: space-between; gap: 10px; box-sizing: border-box; padding: 0 3px calc(var(--moldura) - 3px); }
.rp-b-topo .rp-display { font-size: 21px; white-space: normal; }
.rp-b-topo > span:last-child { font-size: 11px; font-weight: 800; letter-spacing: .08em; color: rgba(234, 255, 245, .86); white-space: nowrap; }
.rp-b-quadro { position: relative; width: var(--lado); height: var(--lado); border-radius: 8px; background: #101418; overflow: hidden; }
.rp-b-grade { display: grid; grid-template-columns: repeat(3, var(--casa)); gap: var(--vao); padding: var(--pad); }
.rp-casa { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: var(--casa); height: var(--casa); box-sizing: border-box; border-radius: 8px; border: 1px solid var(--rp-linha-2); background: var(--rp-luz); }
.rp-casa img { width: 62%; height: 58%; object-fit: contain; pointer-events: none; }
.rp-casa span { font-size: 12px; font-weight: 700; color: #fff; white-space: nowrap; }
.rp-casa span.sem { font-size: 11.5px; font-weight: 500; color: #d3d7dc; }
.rp-casa.venceu { border-color: var(--rp-amarelo); box-shadow: inset 0 0 0 1px var(--rp-amarelo); background: var(--rp-luz-ouro); }
.rp-casa.venceu-neutro { border-color: var(--rp-t2); box-shadow: inset 0 0 0 1px var(--rp-t2); }
.rp-casa.apagada { opacity: .55; }
.rp-pelicula, .rp-raspar { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 8px; background-size: cover; background-position: center; }
.rp-pelicula.escura { filter: brightness(.6); }
.rp-raspar { touch-action: none; cursor: grab; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .6)); }
.rp-raspar:active { cursor: grabbing; }
.rp-raspar.saindo, .rp-pelicula.saindo { opacity: 0; transition: opacity .3s ease-out; }
.rp-b-selo { display: flex; align-items: center; gap: 14px; box-sizing: border-box; margin-top: calc(var(--moldura) - 2px); padding: 10px 14px; border-radius: 8px; background: #101418; }
.rp-b-selo.ganhou { box-shadow: inset 0 0 0 1px var(--rp-amarelo); }
.rp-b-selo-janela { flex: none; display: flex; width: 60px; height: 60px; }
.rp-b-selo-janela img { width: 100%; height: 100%; object-fit: contain; }
.rp-selo-janela { display: block; width: 100%; height: 100%; border-radius: 50%; background-size: cover; background-position: center; box-shadow: 0 0 0 2px var(--rp-amarelo), 0 0 18px rgba(255, 212, 59, .3); }
.rp-selo-janela.escura { filter: brightness(.6); }
.rp-sem-selo { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; border: 1px dashed var(--rp-linha-2); color: var(--rp-t2); font-size: 11px; font-weight: 700; text-align: center; line-height: 1.15; }
.rp-b-selo-texto { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rp-b-selo-texto > span:first-child { font-size: 11.5px; font-weight: 800; letter-spacing: .1em; color: var(--rp-t2); }
.rp-b-selo-texto > span.ouro { color: var(--rp-amarelo); }
.rp-b-selo-texto > strong { font-size: 18px; color: var(--rp-amarelo); }
.rp-bs-frase { font-size: 13px; line-height: 1.35; color: var(--rp-t2); }
.rp-bs-frase strong { color: var(--rp-amarelo); }
.rp-sobre { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; text-shadow: 0 1px 12px rgba(0, 0, 0, .6); pointer-events: none; }
.rp-sobre.antes { gap: 14px; }
.rp-sobre.antes strong { font-size: 25px; line-height: 1.2; font-weight: 600; letter-spacing: -.03em; }
.rp-sobre.antes span { font-size: 12px; letter-spacing: .02em; color: rgba(255, 255, 255, .86); }
.rp-sobre.sorteio { gap: 12px; padding: 0 16px; background: rgba(14, 16, 19, .5); }
.rp-sobre.sorteio strong { font-size: 20px; }
.rp-sobre.sorteio > span:last-child { max-width: 300px; font-size: 13px; line-height: 1.45; color: rgba(255, 255, 255, .92); }
.rp-sobre-bola { display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; box-sizing: border-box; border-radius: 50%; background: rgba(14, 16, 19, .82); border: 3px solid rgba(255, 255, 255, .2); border-top-color: var(--rp-verde); border-right-color: var(--rp-verde);
    font-family: var(--rp-display); font-style: italic; font-weight: 800; font-size: 52px; color: #fff; }
.rp-sobre-bola.girando { animation: rp-girar 1s linear infinite; }
.rp-sobre-bola.pausa { border: 2px solid var(--rp-amarelo); color: var(--rp-amarelo); }
.rp-pontos { flex: none; display: inline-flex; gap: 4px; }
.rp-pontos i { width: 13px; height: 13px; box-sizing: border-box; border-radius: 3px; background: #4a535d; background-size: cover; background-position: center; }
.rp-pontos i.atual { background: transparent; border: 2px solid #fff; }
.rp-pontos i.premio { background: var(--rp-verde); }
.rp-pontos i.ouro { background: var(--rp-amarelo); }
.rp-pontos i.reembolso { background: var(--rp-t2); }
@media (max-width: 768px) {
    /* No celular a casa encolhe com a tela: o bilhete cabe inteiro em telas de 320 px para cima. */
    .rp-bilhete { --casa: min(98px, calc((100vw - 104px) / 3)); --vao: 5px; --pad: 6px; --moldura: 8px; }
    .rp-b-topo .rp-display { font-size: 17px; }
    .rp-b-topo > span:last-child { font-size: 10px; }
    .rp-casa { gap: 3px; }
    .rp-casa span { font-size: 10.5px; }
    .rp-casa span.sem { font-size: 10px; }
    .rp-b-selo { gap: 10px; padding: 7px 10px; }
    .rp-b-selo-janela { width: 48px; height: 48px; }
    .rp-sem-selo { font-size: 10px; }
    .rp-b-selo-texto > span:first-child { font-size: 10.5px; }
    .rp-b-selo-texto > strong { font-size: 15px; }
    .rp-bs-frase { font-size: 12px; }
    .rp-sobre.antes { gap: 10px; }
    .rp-sobre.antes strong { font-size: 20px; }
    .rp-sobre.sorteio strong { font-size: 17px; }
    .rp-sobre-bola { width: 78px; height: 78px; font-size: 42px; }
}

/* ------------------------------------------------------------------ a página da raspadinha */
.rp-topo-pagina { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.rp-topo-pagina > a, .rp-volta { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; font-size: 13.5px; font-weight: 700; color: var(--rp-t2); }
.rp-pagina .rp-topo-pagina > a, .rp-pagina a.rp-volta { color: var(--rp-t2); }
.rp-pagina .rp-topo-pagina > a:hover, .rp-pagina a.rp-volta:hover { color: #fff; }
.rp-volta { align-self: flex-start; margin-bottom: -14px; }
.rp-topo-pagina > div { display: flex; gap: 10px; align-items: center; }
.rp-col { position: relative; overflow: hidden; min-height: 132px; border-radius: 20px; background: var(--rp-fundo-2); border: 1px solid var(--rp-linha); }
.rp-col > img { position: absolute; right: 0; top: 0; height: 100%; width: auto; max-width: none; }
.rp-col-sombra { position: absolute; right: 0; top: 0; bottom: 0; width: 352px; background: linear-gradient(90deg, var(--rp-fundo-2) 0%, rgba(20, 23, 27, 0) 55%); }
.rp-col-corpo { position: relative; display: flex; align-items: center; gap: 20px 52px; flex-wrap: wrap; min-height: 132px; padding: 14px 28px; box-sizing: border-box; }
.rp-col-nome { display: flex; flex-direction: column; gap: 9px; }
.rp-col-nome .rp-display { white-space: normal; }
.rp-col-fatos { display: flex; gap: 38px; flex-wrap: wrap; }
.rp-col-fatos > div { display: flex; flex-direction: column; gap: 3px; }
.rp-col-fatos > div > span:first-child { font-size: 12.5px; color: var(--rp-t2); }
.rp-col-fatos > div > span:last-child { display: flex; align-items: baseline; gap: 6px; }
.rp-col-fatos strong { font-size: 20px; letter-spacing: -.01em; }
.rp-col-fatos em { font-size: 12.5px; font-weight: 700; color: var(--rp-t2); }
.rp-col-fatos em.verde { color: var(--rp-verde); }

.rp-rasp { display: grid; grid-template-columns: minmax(0, 1fr) 420px; grid-template-areas: "jogo compra" "jogo lado" "lote lado"; grid-template-rows: auto auto 1fr; gap: 20px 22px; align-items: start; }
.rp-rasp-jogo { grid-area: jogo; min-width: 0; }
.rp-rasp-compra { grid-area: compra; min-width: 0; }
.rp-rasp-lote { grid-area: lote; min-width: 0; }
.rp-rasp-lado { grid-area: lado; display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.rp-como { grid-area: como; }
.rp-jogo { padding: 24px; gap: 18px; scroll-margin-top: 76px; }
.rp-jogo.ganho { box-shadow: 0 0 0 1px rgba(0, 255, 136, .35), 0 0 60px rgba(0, 255, 136, .1); }
.rp-jogo.ouro { box-shadow: 0 0 0 1px rgba(255, 212, 59, .5), 0 0 70px rgba(255, 212, 59, .14); }
.rp-jogo-cab { display: flex; flex-direction: column; gap: 6px; }
.rp-jogo-cab > span:first-child { display: flex; align-items: center; gap: 10px; }
.rp-jogo-cab h2 { font-size: 24px; font-weight: 800; letter-spacing: -.02em; }
.rp-jogo-corpo { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 30px; align-items: start; }
.rp-jogo-bilhete { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.rp-jogo-lado { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rp-lado-mais { display: flex; flex-direction: column; gap: 16px; }
.rp-recibo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 14px; min-height: 24px; font-size: 12.5px; color: var(--rp-t2); }
.rp-recibo > span, .rp-recibo > button { display: inline-flex; align-items: center; gap: 6px; }
.rp-recibo > button { padding: 0; border: 0; background: transparent; color: #fff; font-weight: 700; min-height: 24px; }
.rp-recibo > button:hover { text-decoration: underline; }
.rp-ferramentas, .rp-proximo { display: flex; flex-direction: column; gap: 10px; }
.rp-progresso { display: flex; flex-direction: column; gap: 6px; }
.rp-progresso > div { display: flex; justify-content: space-between; font-size: 12.5px; color: var(--rp-t2); }
.rp-progresso .rp-barra { height: 5px; }
.rp-res { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: 14px; background: var(--rp-cartao-2); border: 1px solid var(--rp-linha-2); }
.rp-res.ganho { background: rgba(0, 255, 136, .08); border-color: rgba(0, 255, 136, .42); }
.rp-res.ouro { background: rgba(255, 212, 59, .09); border-color: rgba(255, 212, 59, .5); }
.rp-res-meio { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.rp-res-meio .rp-quadro { border-radius: 14px; }
.rp-res > span:last-child { font-size: 13.5px; line-height: 1.5; color: var(--rp-t2); }
.rp-res .rp-rotulo { font-size: 11.5px; }
.rp-resumo { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: 14px; background: var(--rp-cartao-2); border: 1px solid var(--rp-linha-2); }
.rp-resumo > span:last-child { font-size: 13.5px; line-height: 1.5; color: var(--rp-t2); }
.rp-ja { display: flex; flex-direction: column; gap: 10px; }
.rp-ja > div:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.rp-ja > div:first-child > span:first-child { font-size: 13.5px; font-weight: 800; }
.rp-ja > div:first-child > span + span { font-size: 12.5px; color: var(--rp-t2); }
.rp-ja-lista { display: flex; gap: 8px; flex-wrap: wrap; }
.rp-mini { flex: none; display: flex; flex-direction: column; gap: 8px; padding: 10px; border-radius: 12px; background: var(--rp-cartao-2); border: 1px solid var(--rp-linha); text-align: left; }
.rp-mini:hover { border-color: var(--rp-linha-2); }
.rp-mini.premio { border-color: rgba(0, 255, 136, .45); }
.rp-mini.ouro { border-color: rgba(255, 212, 59, .55); }
.rp-mini > span:first-child { font-size: 11.5px; color: var(--rp-t2); }
.rp-mini-grade { display: grid; grid-template-columns: repeat(3, 28px); gap: 3px; }
.rp-mini-grade i { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; box-sizing: border-box; border-radius: 5px; border: 1px solid var(--rp-linha-2); background: var(--rp-luz); }
.rp-mini-grade i.venceu { border-color: var(--rp-amarelo); background: var(--rp-luz-ouro); }
.rp-mini-grade i.venceu-neutro { border-color: var(--rp-t2); }
.rp-mini-grade img { width: 20px; height: 20px; object-fit: contain; }
.rp-mini-pe { display: flex; flex-direction: column; gap: 1px; }
.rp-mini-pe strong { font-size: 13px; white-space: nowrap; color: var(--rp-t2); }
.rp-mini.premio .rp-mini-pe strong { color: var(--rp-verde); }
.rp-mini.ouro .rp-mini-pe strong { color: var(--rp-amarelo); }
.rp-mini.reembolso .rp-mini-pe strong { color: #fff; }
.rp-mini-pe span { font-size: 11.5px; color: var(--rp-t2); }
.rp-passos { display: flex; flex-direction: column; gap: 14px; }
.rp-passos li { display: flex; gap: 12px; align-items: flex-start; }
.rp-passos li > i { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--rp-cartao-2); border: 1px solid var(--rp-linha-2); font-size: 13px; font-weight: 800; font-style: normal; }
.rp-passos li > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rp-passos strong { font-size: 14px; }
.rp-passos span span { font-size: 13px; line-height: 1.5; color: var(--rp-t2); }
.rp-gl { display: flex; flex-direction: column; gap: 10px; }
.rp-gl > span { font-size: 13.5px; font-weight: 800; }
.rp-gl ul { display: flex; flex-direction: column; gap: 9px; }
.rp-gl li { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; }
.rp-gl li > span { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.rp-gl small { font-size: 12.5px; color: var(--rp-t2); }
.rp-gl li > strong { flex: none; font-size: 13.5px; white-space: nowrap; }

.rp-compra { scroll-margin-top: 76px; }
.rp-compra-cab { display: flex; flex-direction: column; gap: 5px; }
.rp-compra-cab h2 { font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.rp-compra-preco { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-radius: 12px; background: var(--rp-fundo); border: 1px solid var(--rp-linha); }
.rp-compra-preco span { font-size: 13px; color: var(--rp-t2); }
.rp-compra-preco strong, .rp-compra-conta strong { font-size: 22px; letter-spacing: -.01em; white-space: nowrap; }
.rp-compra-conta { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.rp-compra-conta span { font-size: 13px; color: var(--rp-t2); }
.rp-qtds { display: flex; flex-direction: column; gap: 8px; }
.rp-qtds > span { font-size: 12.5px; font-weight: 700; color: var(--rp-t2); }
.rp-qtds > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.rp-qtds button { min-height: 46px; padding: 4px 2px; border-radius: 10px; border: 1px solid var(--rp-linha); background: var(--rp-campo); color: #fff; font-size: 13px; font-weight: 700; line-height: 1.15; }
.rp-qtds button.ativo { border-color: rgba(0, 255, 136, .55); background: var(--rp-verde-fundo); color: var(--rp-verde); }
.rp-compra-andamento { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 12px; background: var(--rp-cartao-2); border: 1px solid var(--rp-linha); }
.rp-compra-andamento > div { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.rp-compra-andamento strong { font-size: 14px; }
.rp-compra-andamento > div span { font-size: 12.5px; color: var(--rp-t2); }
.rp-compra-andamento > span:last-child { font-size: 13px; color: var(--rp-t2); }
.rp-gratis-linha { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: rgba(255, 212, 59, .07); border: 1px solid var(--rp-ouro-borda); }
.rp-gratis-linha img { flex: none; width: 40px; height: 40px; object-fit: contain; }
.rp-gratis-linha.escolhido { padding: 12px; }
.rp-gratis-linha.escolhido img { width: 44px; height: 44px; }
.rp-gratis-linha > span { flex: 1 1 0; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.rp-gratis-linha strong { font-size: 13.5px; color: var(--rp-amarelo); }
.rp-gratis-linha span span { font-size: 12.5px; color: var(--rp-t2); }

.rp-cl { padding: 22px; gap: 16px; }
.rp-cl-itens { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.rp-cl-itens li { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; background: var(--rp-cartao-2); border: 1px solid var(--rp-linha); min-width: 0; }
.rp-cl-itens li.topo { border-color: var(--rp-ouro-borda); }
.rp-cl-itens li.saiu { opacity: .6; }
.rp-cl-itens li > span:last-child { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rp-cl-itens li > span:last-child > span:first-child { font-size: 13px; font-weight: 600; color: var(--rp-t2); }
.rp-cl-itens li > span:last-child > strong { font-size: 17px; letter-spacing: -.01em; }
.rp-cl-itens li.topo > span:last-child > strong { color: var(--rp-amarelo); }
.rp-cl-itens li.saiu > span:last-child > strong { text-decoration: line-through; }
.rp-cl-estado { font-size: 12.5px; color: var(--rp-t2); }
.rp-cl-estado strong { color: #fff; }
.rp-cl-pe { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px 24px; padding-top: 4px; }
.rp-cl-pe > div { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.rp-cl-linha { display: flex; justify-content: space-between; gap: 6px 12px; flex-wrap: wrap; font-size: 12.5px; color: var(--rp-t2); }
.rp-cl-linha strong { color: #fff; }
.rp-cl-pe .rp-link { font-size: 13px; }
.rp-cgar { gap: 10px; }
.rp-cgar h2 { font-size: 17px; font-weight: 800; }
.rp-cgar li button span { display: flex; align-items: center; gap: 10px; }
.rp-cgar li button span .rp-ico { color: var(--rp-verde); }
.rp-op { display: flex; flex-direction: column; gap: 14px; }
.rp-op-grade { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.rp-op-cartao { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; background: var(--rp-cartao); border: 1px solid var(--rp-linha); }
.rp-op-cartao:hover { border-color: var(--rp-linha-2); }
.rp-op-foto { position: relative; height: 116px; }
.rp-op-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%; display: block; }
.rp-op-foto > span { position: absolute; left: 10px; top: 10px; padding: 4px 9px 1px; border-radius: 9px; background: rgba(14, 16, 19, .88); }
.rp-op-corpo { display: flex; flex-direction: column; gap: 7px; padding: 12px 14px 14px; }
.rp-op-corpo > strong { font-size: 15px; }
.rp-op-corpo > span { font-size: 12.5px; line-height: 1.4; color: var(--rp-t2); }
.rp-op-corpo > span:last-child { font-size: 12px; }
.rp-op-corpo .rp-barra { height: 5px; }
.rp-bf { position: fixed; left: 0; right: 0; bottom: var(--nv-baixo, 0px); z-index: 1100; display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: var(--rp-fundo-2); border-top: 1px solid var(--rp-linha); box-shadow: 0 -8px 24px rgba(0, 0, 0, .45); }
.rp-bf > div { flex: 1 1 0; min-width: 0; }
.rp-bf-dupla { flex: none; display: flex; flex-direction: column; line-height: 1.25; }
.rp-bf-dupla span { font-size: 12px; color: var(--rp-t2); white-space: nowrap; }
.rp-bf-dupla strong { font-size: 15px; white-space: nowrap; }
.rp-bf-passo { flex: none; display: inline-flex; align-items: center; height: 48px; box-sizing: border-box; border-radius: 999px; background: var(--rp-campo); border: 1px solid var(--rp-linha-2); }
.rp-bf-passo button { display: flex; align-items: center; justify-content: center; width: 42px; height: 46px; border: 0; background: transparent; color: #fff; }
.rp-bf-passo > span { display: flex; flex-direction: column; align-items: center; min-width: 46px; line-height: 1.1; }
.rp-bf-passo strong { font-size: 16px; }
.rp-bf-passo span span { font-size: 11px; color: var(--rp-t2); }
/* Entre o celular e o computador largo: uma coluna só, com a compra logo abaixo do bilhete. */
@media (max-width: 1279px) {
    .rp-rasp { grid-template-columns: minmax(0, 1fr); grid-template-areas: "jogo" "compra" "lote" "lado"; grid-template-rows: none; }
    .rp-rasp-lado { flex-direction: row; flex-wrap: wrap; }
    .rp-rasp-lado > * { flex: 1 1 320px; }
    .rp-op-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) { .rp-cl-itens { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) {
    .rp-pagina.rp-raspadinha { gap: 12px; padding-bottom: 96px; }
    .rp-col { min-height: 88px; border-radius: 16px; }
    .rp-col-sombra { left: 0; width: auto; background: linear-gradient(90deg, var(--rp-fundo-2) 34%, rgba(20, 23, 27, .6) 66%, rgba(20, 23, 27, 0) 100%); }
    .rp-col-corpo { flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; min-height: 88px; padding: 8px 14px; }
    .rp-col-nome { gap: 5px; }
    .rp-col-nome .rp-display { font-size: 27px; }
    .rp-col-fatos { gap: 4px 12px; }
    .rp-col-fatos > div { flex-direction: row; align-items: baseline; gap: 5px; font-size: 12.5px; }
    .rp-col-fatos > div:nth-child(3) { display: none; }
    .rp-col-fatos strong { font-size: 12.5px; letter-spacing: 0; }
    .rp-col-fatos em { display: none; }
    .rp-rasp { gap: 12px; }
    /* Antes de comprar, "como funciona" vem logo depois do cartão de compra, como na prancha. */
    .rp-rasp:has(.rp-como) { grid-template-areas: "jogo" "compra" "como" "lote" "lado"; }
    .rp-jogo { padding: 12px; gap: 12px; scroll-margin-top: 62px; }
    .rp-jogo-cab { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; min-height: 26px; }
    .rp-jogo-cab h2 { font-size: 18px; }
    .rp-jogo-cab-fim { flex: none; display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; color: var(--rp-t2); }
    .rp-jogo-corpo { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .rp-jogo-bilhete { align-items: center; }
    .rp-res-meio .rp-display { font-size: 40px; }
    .rp-compra { scroll-margin-top: 62px; }
    .rp-cl { padding: 16px; gap: 6px; }
    .rp-cl-itens { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .rp-cl-itens li { padding: 9px 0; border: 0; border-top: 1px solid var(--rp-linha); border-radius: 0; background: transparent; }
    .rp-cl-itens li.saiu { opacity: .55; }
    .rp-cl-itens .rp-quadro { width: 44px; height: 44px; border-radius: 10px; }
    .rp-cl-itens li > span:last-child > strong { font-size: 13.5px; color: var(--rp-t2); }
    .rp-cl-itens li > span:last-child > span:first-child { font-size: 13.5px; color: #fff; }
    .rp-cl-pe { grid-template-columns: minmax(0, 1fr); padding-top: 12px; border-top: 1px solid var(--rp-linha); }
    .rp-rasp-lado { flex-direction: column; gap: 12px; }
    .rp-rasp-lado > * { flex: none; }
    .rp-op-grade { gap: 10px; }
    .rp-op-foto { height: 96px; }
}

/* ------------------------------------------------------------------ a página do lote */
.rp-lote-estado { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 8px 14px; border-radius: 12px; background: var(--rp-verde-fundo); border: 1px solid var(--rp-verde-borda); font-size: 13.5px; font-weight: 700; }
.rp-lote-estado .rp-ico { color: var(--rp-verde); }
.rp-numeros { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.rp-numero { display: flex; flex-direction: column; gap: 5px; padding: 16px 18px; border-radius: 16px; background: var(--rp-cartao); border: 1px solid var(--rp-linha); min-width: 0; }
.rp-numero > span:not(.rp-display) { font-size: 12.5px; color: var(--rp-t2); }
.rp-lote-meio { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 20px; align-items: start; }
.rp-lote-meio > div:first-child { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.rp-pl { border-radius: 18px; background: var(--rp-cartao); border: 1px solid var(--rp-linha); overflow: hidden; }
.rp-pl-cab, .rp-pl li { display: grid; grid-template-columns: minmax(0, 1.6fr) 120px 96px 96px 96px 150px; align-items: center; gap: 16px; }
.rp-pl-cab { padding: 12px 18px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--rp-t3); }
.rp-pl-cab span + span, .rp-pl li > * + * { text-align: right; }
.rp-pl li { padding: 10px 18px; border-top: 1px solid var(--rp-linha); font-size: 14px; color: var(--rp-t2); }
.rp-pl-nome { display: flex; align-items: center; gap: 12px; min-width: 0; }
.rp-pl-nome .rp-quadro { border-radius: 10px; }
.rp-pl-nome strong { font-size: 14.5px; color: #fff; text-align: left; }
.rp-pl li.sem .rp-pl-nome strong { color: var(--rp-t2); }
.rp-pl li > strong { font-size: 14.5px; color: #fff; }
.rp-pl li.topo .rp-pl-valor { color: var(--rp-amarelo); }
.rp-pl li.reembolso .rp-pl-valor, .rp-pl li.sem .rp-pl-valor { color: var(--rp-t2); }
.rp-pl li.saiu > strong:last-of-type { color: var(--rp-t3); }
.rp-pl-chance { font-size: 13px; }
.rp-pl-nota { display: flex; align-items: center; gap: 10px; padding: 11px 18px; border-top: 1px solid var(--rp-linha); font-size: 13px; line-height: 1.45; color: var(--rp-t2); }
.rp-pl-nota i { flex: none; width: 18px; height: 18px; border-radius: 5px; background-size: cover; background-position: center; }
.rp-pl-codigo { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 13px 18px; border-top: 1px solid var(--rp-linha); font-size: 13px; line-height: 1.5; color: var(--rp-t2); }
.rp-pl-codigo > span:first-child { display: flex; align-items: flex-start; gap: 8px; flex: 1 1 260px; }
.rp-pl-codigo > span:first-child .rp-ico { color: var(--rp-verde); margin-top: 2px; }
.rp-contas { padding: 22px; }
.rp-contas-corpo { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.rp-contas-corpo > div { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.rp-contas-corpo > div:first-child > span { font-size: 13.5px; color: var(--rp-t2); }
.rp-contas-corpo > div:first-child > span strong { color: #fff; }
.rp-contas-faixa { display: flex; gap: 2px; height: 12px; border-radius: 999px; overflow: hidden; }
.rp-contas-faixa i, .rp-partes i { background: #5d6772; }
.rp-contas-faixa i.verde, .rp-partes i.verde { background: var(--rp-verde); }
.rp-contas-faixa i.ouro, .rp-partes i.ouro { background: var(--rp-amarelo); }
.rp-contas-faixa i.ouro-escuro, .rp-partes i.ouro-escuro { background: #c79a00; }
.rp-partes li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--rp-linha); }
.rp-partes li > span { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.rp-partes i { flex: none; width: 10px; height: 10px; border-radius: 3px; }
.rp-partes strong { font-size: 13.5px; white-space: nowrap; }
.rp-mg { gap: 8px; }
.rp-mg li { display: flex; align-items: center; gap: 12px; padding: 10px 0; }
.rp-mg li + li { border-top: 1px solid var(--rp-linha); }
.rp-mg .rp-quadro { border-radius: 10px; }
.rp-mg li > span:nth-child(2) { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rp-mg li > span:nth-child(2) > span { font-size: 13.5px; font-weight: 600; }
.rp-mg li > span:nth-child(2) > strong { font-size: 13.5px; color: var(--rp-t2); }
.rp-mg-fim { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
.rp-mg-fim strong { font-size: 13.5px; }
.rp-mg-fim small { font-size: 12px; color: var(--rp-t2); }
#rpRegiaoSorteados { display: flex; flex-direction: column; gap: 14px; }
.rp-so-cabeca { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rp-so-cabeca .rp-chip { min-height: 44px; }
.rp-so { border-radius: 18px; background: var(--rp-cartao); border: 1px solid var(--rp-linha); overflow: hidden; }
.rp-so-cab, .rp-so li { display: grid; grid-template-columns: 96px 124px minmax(0, 1.25fr) minmax(0, 1fr) 124px 80px; align-items: center; gap: 16px; }
.rp-so-cab { padding: 12px 18px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--rp-t3); }
.rp-so li { min-height: 48px; padding: 6px 18px; box-sizing: border-box; border-top: 1px solid var(--rp-linha); font-size: 13.5px; }
.rp-so-hora { color: var(--rp-t2); }
.rp-so-res span { color: var(--rp-t2); }
.rp-so-res.sem { color: var(--rp-t2); }
.rp-so-res.por-abrir { display: inline-flex; align-items: center; gap: 8px; color: var(--rp-t2); }
.rp-so-res.por-abrir i { width: 22px; height: 22px; border-radius: 6px; background-size: cover; background-position: center; }
.rp-so code, .rp-so-rodada { font-family: var(--rp-mono); font-size: 12px; color: var(--rp-t2); background: transparent; padding: 0; }
.rp-so-jog.dupla { display: flex; flex-direction: column; gap: 1px; }
.rp-so-jog em { font-size: inherit; }
.rp-so-acao { justify-self: end; padding: 0; border: 0; background: transparent; font-size: 13px; font-weight: 700; color: #fff; min-height: 24px; }
.rp-so-acao.apagado { color: var(--rp-t3); font-weight: 400; }
button.rp-so-acao:hover { text-decoration: underline; }
.rp-so-pe { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; padding: 12px 18px; border-top: 1px solid var(--rp-linha); font-size: 13px; line-height: 1.5; color: var(--rp-t2); }
.rp-so .rp-sem-lista { padding: 18px; border-top: 1px solid var(--rp-linha); }
@media (max-width: 1279px) {
    .rp-lote-meio { grid-template-columns: minmax(0, 1fr); }
    .rp-numeros { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rp-pl-cab, .rp-pl li { grid-template-columns: minmax(0, 1.6fr) 104px 70px 70px 70px 110px; gap: 10px; }
}
@media (max-width: 768px) {
    .rp-volta { margin-bottom: -8px; }
    .rp-lote-acoes { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .rp-numeros { gap: 10px; }
    .rp-numero { padding: 12px 14px; }
    .rp-numero .rp-display { font-size: 26px; white-space: normal; }
    .rp-pl-cab { display: none; }
    .rp-pl li { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "nome restam" "valor chance"; gap: 2px 10px; padding: 9px 16px; }
    .rp-pl-nome { grid-area: nome; }
    .rp-pl li > .rp-pl-valor { grid-area: valor; text-align: left; padding-left: 56px; font-size: 13.5px; margin-top: -18px; }
    .rp-pl li > span[data-rotulo] { display: none; }
    .rp-pl li > strong[data-rotulo] { grid-area: restam; font-size: 13px; }
    .rp-pl li > strong[data-rotulo]::before { content: attr(data-rotulo) " "; font-weight: 500; color: var(--rp-t2); text-transform: lowercase; }
    .rp-pl-chance { grid-area: chance; font-size: 12px; }
    .rp-pl-nota, .rp-pl-codigo { padding-left: 16px; padding-right: 16px; }
    .rp-contas { padding: 16px; }
    .rp-contas-corpo { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .rp-so-cab { display: none; }
    .rp-so li { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "num hora" "res acao" "jog rodada"; gap: 5px 10px; padding: 11px 16px; }
    .rp-so-num { grid-area: num; } .rp-so-hora { grid-area: hora; font-size: 12.5px; text-align: right; } .rp-so-res { grid-area: res; } .rp-so-acao { grid-area: acao; }
    .rp-so-jog { grid-area: jog; font-size: 12.5px; } .rp-so-rodada { grid-area: rodada; text-align: right; }
    .rp-so-pe { padding: 12px 16px; }
}

/* ------------------------------------------------------------------ gavetas e janelas */
html.rp-com-camada { overflow: hidden; }
.rp-camada { position: fixed; inset: 0; z-index: 1300; display: flex; justify-content: flex-end; }
.rp-camada-fundo { position: absolute; inset: 0; background: rgba(6, 9, 8, .78); }
.rp-gaveta { position: relative; display: flex; flex-direction: column; gap: 18px; width: 460px; max-width: 100%; height: 100%; box-sizing: border-box; padding: 22px 22px 26px; overflow-y: auto; overscroll-behavior: contain; background: var(--rp-fundo-2); border-left: 1px solid var(--rp-linha); animation: rp-entrar .22s ease-out; }
.rp-gaveta:focus { outline: none; }
@keyframes rp-entrar { from { transform: translateX(28px); opacity: 0; } to { transform: none; opacity: 1; } }
.rp-gaveta-topo { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.rp-gaveta-topo > div { display: flex; flex-direction: column; gap: 5px; }
.rp-gaveta-topo h2 { font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.rp-gaveta > .rp-vazio { min-height: 160px; }
.rp-pa.na-gaveta { padding: 14px; gap: 14px; }
.rp-pa.na-gaveta .rp-pa-texto strong { font-size: 15px; }
.rp-pa.na-gaveta .rp-pa-texto > span { font-size: 12.5px; line-height: 1.4; }
.rp-mb-contas { display: flex; flex-direction: column; gap: 8px; }
.rp-mb-contas > span { font-size: 12.5px; font-weight: 700; color: var(--rp-t2); }
.rp-mb-contas small { font-size: 12px; line-height: 1.45; color: var(--rp-t3); }
.rp-mb-dia { display: flex; flex-direction: column; gap: 4px; }
.rp-mb-linha { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--rp-linha); }
.rp-mb-linha .rp-quadro { border-radius: 10px; }
.rp-mb-meio { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.rp-mb-meio > span { font-size: 13.5px; font-weight: 700; }
.rp-mb-meio small { font-size: 12.5px; color: var(--rp-t2); }
.rp-mb-meio em { color: var(--rp-amarelo); }
.rp-mb-fim { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.rp-mb-fim strong { font-size: 14px; white-space: nowrap; color: var(--rp-t2); }
.rp-mb-linha.premio .rp-mb-fim strong { color: var(--rp-verde); }
.rp-mb-linha.ouro .rp-mb-fim strong { color: var(--rp-amarelo); }
.rp-mb-linha.reembolso .rp-mb-fim strong { color: #fff; }
.rp-mb-fim button { padding: 0; border: 0; background: transparent; font-size: 12.5px; font-weight: 700; color: var(--rp-t2); min-height: 22px; }
.rp-mb-fim button:hover { color: #fff; text-decoration: underline; }
.rp-mb-iniciais, .rp-lim-atual, .rp-cf-limite, .rp-gg-caixa { display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 14px; background: var(--rp-cartao); border: 1px solid var(--rp-linha); }
.rp-mb-iniciais strong, .rp-cf-limite strong, .rp-gg-caixa > strong { font-size: 14px; }
.rp-mb-iniciais > span, .rp-cf-limite > span, .rp-gg-caixa > span { font-size: 13px; line-height: 1.5; color: var(--rp-t2); }
.rp-mb-iniciais > div { display: flex; gap: 8px; flex-wrap: wrap; }
.rp-mb-iniciais > span strong { font-size: inherit; color: #fff; }
.rp-campo { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid var(--rp-linha); }
.rp-campo > span:first-child { font-size: 13px; color: var(--rp-t2); }
.rp-campo > span:last-child { font-size: 13px; font-weight: 700; text-align: right; }
.rp-campo.codigo { flex-direction: column; align-items: stretch; gap: 6px; }
.rp-cf-topo { display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: 16px; background: var(--rp-cartao); border: 1px solid var(--rp-linha); }
.rp-cf-topo > i { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; }
.rp-cf-topo > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rp-cf-topo strong { font-size: 16px; }
.rp-cf-topo span span { font-size: 13px; line-height: 1.45; color: var(--rp-t2); }
.rp-cf-topo.certo { background: rgba(0, 255, 136, .08); border-color: rgba(0, 255, 136, .42); }
.rp-cf-topo.certo > i { background: rgba(0, 255, 136, .16); color: var(--rp-verde); }
.rp-cf-topo.certo strong { color: var(--rp-verde); }
.rp-cf-topo.errado { background: rgba(255, 90, 90, .08); border-color: rgba(255, 90, 90, .42); }
.rp-cf-topo.errado > i { background: rgba(255, 90, 90, .16); color: #ff8f8f; }
.rp-cf-topo.errado strong { color: #ff8f8f; }
.rp-cf-passos { display: flex; flex-direction: column; gap: 12px; }
.rp-cf-passos ol { display: flex; flex-direction: column; gap: 14px; }
.rp-cf-passos li { display: flex; gap: 12px; align-items: flex-start; }
.rp-cf-passos li > i { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; }
.rp-cf-passos i.certo { background: rgba(0, 255, 136, .14); color: var(--rp-verde); }
.rp-cf-passos i.errado { background: rgba(255, 90, 90, .16); color: #ff8f8f; }
.rp-cf-passos i.duvida { background: rgba(255, 212, 59, .14); color: var(--rp-amarelo); }
.rp-cf-passos li > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rp-cf-passos strong { font-size: 14px; }
.rp-cf-passos span span { font-size: 13px; line-height: 1.5; color: var(--rp-t2); }
.rp-cf-limite .rp-link { font-size: 13px; gap: 6px; }
.rp-gg-arte { display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: 16px; background: var(--rp-cartao); border: 1px solid var(--rp-linha); }
.rp-gg-arte img { flex: none; width: 84px; height: 84px; object-fit: contain; }
.rp-gg-arte span { font-size: 13.5px; line-height: 1.5; color: var(--rp-t2); }
.rp-gg-arte strong { color: #fff; }
.rp-gg-itens { display: flex; flex-direction: column; gap: 16px; }
.rp-gg-itens .rp-gar-item span span { font-size: 13px; }
.rp-gg-tempo, .rp-ga-como, .rp-ga-chances { display: flex; flex-direction: column; gap: 12px; }
.rp-ga-chances > span { font-size: 12.5px; font-weight: 700; color: var(--rp-t2); }
.rp-tempo li { position: relative; display: flex; gap: 12px; padding-bottom: 16px; }
.rp-tempo li:last-child { padding-bottom: 0; }
.rp-tempo li > i { flex: none; position: relative; z-index: 1; width: 12px; height: 12px; margin: 3px 1px 0; box-sizing: border-box; border-radius: 50%; background: var(--rp-fundo-2); border: 2px solid var(--rp-verde); }
.rp-tempo li:last-child > i { background: var(--rp-verde); }
.rp-tempo li:not(:last-child)::before { content: ""; position: absolute; left: 6px; top: 14px; bottom: -3px; width: 2px; background: var(--rp-linha-2); }
.rp-tempo li > span { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.rp-tempo small { font-family: var(--rp-mono); font-size: 12px; color: var(--rp-t2); }
.rp-tempo strong { font-size: 13.5px; }
.rp-tempo span span { font-size: 13px; line-height: 1.45; color: var(--rp-t2); }
.rp-ga-topo { display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 16px; background: var(--rp-ouro-fundo); border: 1px solid var(--rp-ouro-borda); }
.rp-ga-topo > div:first-child { display: flex; align-items: center; gap: 14px; }
.rp-ga-topo img { flex: none; width: 60px; height: 60px; object-fit: contain; }
.rp-ga-topo > div:first-child > div { display: flex; flex-direction: column; gap: 5px; }
.rp-ga-saidas { display: flex; flex-direction: column; gap: 4px; }
.rp-saidas li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--rp-linha); }
.rp-saidas li > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rp-saidas li > span strong { font-size: 13.5px; }
.rp-saidas small { font-size: 12.5px; color: var(--rp-t2); }
.rp-saidas li > strong { flex: none; font-size: 14.5px; white-space: nowrap; }
.rp-lim-texto { font-size: 13.5px; line-height: 1.55; color: var(--rp-t2); }
.rp-lim-atual strong { font-size: 17px; }
.rp-lim-atual > span { font-size: 13px; color: var(--rp-t2); }
.rp-lim-pend { display: flex; align-items: center; gap: 8px; color: var(--rp-amarelo) !important; font-weight: 700; }
.rp-lim-escolha { display: flex; flex-direction: column; gap: 12px; }
.rp-lim-outro { display: flex; flex-direction: column; gap: 6px; }
.rp-lim-outro > span:first-child { font-size: 12.5px; font-weight: 700; color: var(--rp-t2); }
.rp-lim-outro > span:last-child { display: flex; gap: 8px; }
.rp-lim-outro input { flex: 1 1 0; min-width: 0; height: 44px; padding: 0 14px; box-sizing: border-box; border-radius: 12px; border: 1px solid var(--rp-linha-2); background: var(--rp-campo); color: #fff; font: inherit; font-size: 16px; font-weight: 700; }
.rp-lim-outro input:focus { outline: none; border-color: var(--rp-verde); }
.rp-lim-erro { font-size: 13px; font-weight: 700; color: #ff8f8f; }

.rp-janela { position: relative; align-self: center; margin: auto; box-sizing: border-box; max-width: calc(100% - 32px); max-height: calc(100% - 32px); overflow-y: auto; overscroll-behavior: contain; animation: rp-subir .22s ease-out; }
.rp-janela:focus { outline: none; }
@keyframes rp-subir { from { transform: translateY(14px); opacity: 0; } to { transform: none; opacity: 1; } }
.rp-janela .rp-fechar { position: absolute; z-index: 3; right: 12px; top: 14px; }
.rp-ji { display: flex; flex-direction: column; gap: 16px; width: 700px; padding: 36px 32px 28px; border-radius: 24px; background: radial-gradient(120% 90% at 50% 0%, #0d3222 0%, var(--rp-fundo) 70%); border: 1px solid rgba(0, 255, 136, .22); box-shadow: 0 40px 120px rgba(0, 0, 0, .75); overflow-x: hidden; }
.rp-ji > * { position: relative; }
.rp-ji-azulejo { position: absolute !important; inset: 0; opacity: .07; pointer-events: none; background-size: 64px 64px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%2300ff88' stroke-width='1.6'%3E%3Cpath d='M0 26A26 26 0 0 0 26 0M74 0A26 26 0 0 0 100 26M100 74A26 26 0 0 0 74 100M26 100A26 26 0 0 0 0 74'/%3E%3Crect x='31' y='31' width='38' height='38'/%3E%3Crect x='31' y='31' width='38' height='38' transform='rotate(45 50 50)'/%3E%3Ccircle cx='50' cy='50' r='9'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: linear-gradient(to bottom, #000 25%, transparent 80%); mask-image: linear-gradient(to bottom, #000 25%, transparent 80%); }
.rp-ji .rp-friso, .rp-ji .rp-fechar { position: absolute; }
.rp-ji-topo { display: flex; flex-direction: column; gap: 8px; padding-right: 44px; }
.rp-ji-topo h2 { font-size: 26px; font-weight: 800; line-height: 1.15; letter-spacing: -.02em; }
.rp-ji > p { font-size: 14px; line-height: 1.55; color: var(--rp-t2); }
.rp-ji-opcoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.rp-ji-opcoes.uma { grid-template-columns: minmax(0, 1fr); }
.rp-ji-opcao { display: flex; flex-direction: column; gap: 10px; padding: 14px; border-radius: 16px; background: var(--rp-cartao-2); border: 1px solid var(--rp-linha-2); text-align: left; }
.rp-ji-opcao:hover { border-color: var(--rp-verde); }
.rp-ji-opcao > span:first-child { display: flex; flex-direction: column; gap: 3px; }
.rp-ji-opcao > span:first-child strong { font-size: 15.5px; }
.rp-ji-opcao > span:first-child span { font-size: 13px; line-height: 1.45; color: var(--rp-t2); }
.rp-ji-exemplo { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 12px; background: var(--rp-fundo); border: 1px solid var(--rp-linha); }
.rp-ji-exemplo .rp-bola { width: 34px; height: 34px; }
.rp-ji-exemplo > span:nth-child(2) { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.rp-ji-exemplo > span:nth-child(2) > span { font-size: 13.5px; font-weight: 700; }
.rp-ji-exemplo small { font-size: 12px; color: var(--rp-t2); }
.rp-ji-exemplo > strong { flex: none; font-size: 13.5px; color: var(--rp-verde); white-space: nowrap; }
.rp-cm { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 440px; padding: 34px 26px 26px; border-radius: 22px; text-align: center; background: var(--rp-cartao); border: 2px solid var(--rp-verde); box-shadow: 0 20px 100px rgba(0, 0, 0, .6), 0 0 80px rgba(0, 255, 136, .22); }
.rp-cm h2 { margin-top: 4px; font-size: 24px; font-weight: 800; letter-spacing: -.02em; }
.rp-cm-foto { border-radius: 28px; box-shadow: 0 0 0 1px rgba(0, 255, 136, .4), 0 0 50px rgba(0, 255, 136, .25); }
.rp-cm-frase { font-size: 14px; line-height: 1.5; color: var(--rp-t2); }
.rp-cm .rp-botoes { margin-top: 6px; }
.rp-cm .rp-display { white-space: normal; }
.rp-cm.ouro { gap: 0; width: 520px; padding: 0; overflow-x: hidden; border-color: var(--rp-amarelo); box-shadow: 0 20px 100px rgba(0, 0, 0, .6), 0 0 110px rgba(255, 212, 59, .3); }
.rp-cm-cena { position: relative; width: 100%; height: 210px; flex: none; }
.rp-cm-cena img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 74% 50%; display: block; }
.rp-cm-cena span { position: absolute; inset: 0; background: linear-gradient(0deg, var(--rp-cartao) 3%, rgba(27, 31, 36, 0) 62%); }
.rp-cm-corpo { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 0 26px 26px; margin-top: -58px; }
.rp-cm-selo { width: 104px; height: 104px; object-fit: contain; filter: drop-shadow(0 8px 24px rgba(0, 0, 0, .6)); }
.rp-cm.ouro .rp-botoes { margin-top: 8px; }
.rp-confetes { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.rp-confetes i { position: absolute; transform: rotate(var(--giro)); }
@media (prefers-reduced-motion: no-preference) {
    .rp-confetes i { animation: rp-cair 1.6s ease-out var(--atraso) both; }
    @keyframes rp-cair { from { transform: translateY(-40vh) rotate(0deg); opacity: 0; } 60% { opacity: 1; } to { transform: rotate(var(--giro)); } }
}
@media (prefers-reduced-motion: reduce) {
    .rp-gaveta, .rp-janela, .rp-rodando, .rp-sobre-bola.girando { animation: none; }
    .rp-barra i, .rp-botao { transition: none; }
}
@media (max-width: 768px) {
    /* No celular, as gavetas abrem em tela cheia. */
    .rp-gaveta { width: 100%; border-left: 0; padding: 18px 16px calc(26px + env(safe-area-inset-bottom, 0px)); }
    .rp-ji { width: 358px; padding: 30px 18px 22px; }
    .rp-ji-topo h2 { font-size: 22px; }
    .rp-ji-opcoes { grid-template-columns: minmax(0, 1fr); }
    .rp-cm { width: 358px; }
    .rp-cm > .rp-display { font-size: 64px; }
    .rp-cm.ouro { width: 358px; }
    .rp-cm-cena { height: 170px; }
    .rp-cm-corpo .rp-display { font-size: 68px; }
}

/* ------------------------------------------------------------------ o item do menu do site
   "Raspadinhas" em negrito (a página ativa) passa 2 px da largura do item do trilho: as letras apertam para o nome caber inteiro. */
.nv-tr-item[data-produto="raspadinhas"] .nv-tr-nome { letter-spacing: -.035em; }