/* Tema de Black Friday da roleta — TEMPORÁRIO E ADITIVO (ver App\Core\BlackFriday).
   Entra depois de roleta.css e só sobrescreve, tudo escopado em `.tema-black`.
   Mesmo caminho do tema de Halloween: o dourado vira amarelo forte por filtro no
   painel inteiro (pega as quatro telas e o canvas da roda de uma vez), e o fundo
   escurece para preto puro. As fatias pretas e amarelas vêm do roleta.js. */
.rlm.tema-black{--rl-bg:#030303;--rl-painel:#0c0c0c}
.rlm.tema-black::backdrop{background:rgba(0,0,0,.9)}
.rlm.tema-black .rlm__caixa{
  filter:hue-rotate(6deg) saturate(1.45) brightness(1.03);
  border-color:rgba(255,190,40,.75);
  box-shadow:0 0 0 1px rgba(255,190,40,.25),0 0 90px -10px rgba(255,180,20,.45),0 40px 120px rgba(0,0,0,.9);
  background:radial-gradient(ellipse at 72% 18%,rgba(58,42,8,.95) 0%,rgba(10,9,6,.98) 44%,#030303 80%),#030303;
}
/* tarja de campanha no alto do painel */
.rlm.tema-black .rlm__caixa::after{
  content:"BLACK FRIDAY EBPÓS  ⚡  GIRE E GANHE ATÉ 30% OFF  ⚡  BLACK FRIDAY EBPÓS  ⚡  GIRE E GANHE ATÉ 30% OFF  ⚡  BLACK FRIDAY EBPÓS  ⚡  GIRE E GANHE ATÉ 30% OFF  ⚡  BLACK FRIDAY EBPÓS  ⚡  GIRE E GANHE ATÉ 30% OFF";
  position:absolute;left:0;right:0;top:0;height:26px;line-height:26px;white-space:nowrap;overflow:hidden;text-align:center;pointer-events:none;
  font-size:10.5px;font-weight:900;letter-spacing:.24em;color:#0a0a0a;
  background:linear-gradient(90deg,#ffb30f,#ffdf80 50%,#ffb30f);
}
.rlm.tema-black .rlm__grade{padding-top:66px}
.rlm.tema-black .rlm__x{top:36px}
.rlm.tema-black .rlm__h{font-weight:900;letter-spacing:-1.6px}
.rlm.tema-black .rlm__h em{background:linear-gradient(110deg,#fff0b0,#ffc530 45%,#f0a000);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;padding-right:.06em}
.rlm.tema-black .rl-selo{background:rgba(255,190,40,.12);border-color:rgba(255,190,40,.6);color:#ffd05a;font-weight:800}
.rlm.tema-black .rl-chip{border:1.5px solid #ffc21f;border-radius:2px;background:none;font-weight:700;box-shadow:0 0 8px rgba(255,190,40,.5),inset 0 0 6px rgba(255,190,40,.25)}
.rlm.tema-black .rl-selo{border-radius:2px;box-shadow:0 0 10px rgba(255,190,40,.55),inset 0 0 6px rgba(255,190,40,.3)}
.rlm.tema-black .rl-botao:not(.rl-botao--fantasma){
  background:linear-gradient(115deg,#ffe58a 0%,#ffc21f 50%,#f09a00 100%);color:#0a0a0a;font-weight:900;font-size:15px;letter-spacing:.5px;
  box-shadow:0 14px 40px rgba(255,180,20,.5),inset 0 1px #fff6c8;animation:rlbPulsa 2.4s cubic-bezier(.45,0,.55,1) infinite}
.rlm.tema-black .rl-botao:disabled{animation:none}
@keyframes rlbPulsa{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
.rlm.tema-black .rl-etiqueta{background:#ffbf1f;border-color:#fff0b0;transform:rotate(-5deg);box-shadow:0 14px 30px -10px rgba(0,0,0,.9)}
.rlm.tema-black .rl-etiqueta strong{color:#0a0a0a;font-weight:900}
.rlm.tema-black .rl-etiqueta small{color:#2a1c00;font-weight:800}
.rlm.tema-black .rl-halo{opacity:1}
/* botão de volta no canto e confete acompanham o amarelo */
.tema-black-ativo .rlm-volta{filter:hue-rotate(6deg) saturate(1.45)}
@media (prefers-reduced-motion:reduce){.rlm.tema-black .rl-botao{animation:none}}