/* Chave do Dia v2 — camada visual orientada a leitura rápida de resultados */

:root{
  --resultado:#4A2670;
  --resultado-escuro:#34174F;
  --resultado-extra:#FFD400;
  --resultado-bg:#F7F5F9;
}

body{background:var(--resultado-bg)}

/* A marca continua expressiva; o conteúdo fica mais editorial e credível. */
h1,h2,h3,.display{font-family:"Poppins","Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em}
.logo{font-family:"Baloo 2","Poppins",sans-serif}

.masthead{box-shadow:0 1px 0 rgba(52,23,79,.04)}
.notice{font-size:12px;background:rgba(110,63,160,.045)}
.notice .wrap{padding-top:7px;padding-bottom:7px}

.panel{
  border-radius:16px;
  border-color:rgba(74,38,112,.10);
  box-shadow:0 10px 32px -24px rgba(52,23,79,.35);
}
.panel-pad{padding:28px}

.draw-head{margin-bottom:2px}
.draw-head h1{font-size:clamp(27px,3.5vw,36px);line-height:1.16}
.draw-id{
  background:#F0EBF5;
  color:var(--resultado);
  font-size:12.5px;
  font-weight:600;
}

/* Uma cor para números principais. Menos ruído, leitura mais rápida. */
.balls{gap:10px;margin:22px 0 8px}
.ball,
.balls .ball:nth-child(5n+1),
.balls .ball:nth-child(5n+2),
.balls .ball:nth-child(5n+3),
.balls .ball:nth-child(5n+4),
.balls .ball:nth-child(5n+5){
  width:60px;height:60px;
  background:var(--resultado);
  color:#fff;
  border:0;
  font-size:23px;
  box-shadow:none;
}

/* O extra é sempre visualmente distinto. */
.ball.ex,
.balls .ball.ex,
.miniballs .mini.ex{
  background:var(--resultado-extra)!important;
  color:var(--resultado-escuro)!important;
}
.plus{color:#9B8BAA;font-weight:500}
.star{width:64px;height:64px}

.miniballs .mini,
.miniballs .mini:nth-child(5n+1),
.miniballs .mini:nth-child(5n+2),
.miniballs .mini:nth-child(5n+3),
.miniballs .mini:nth-child(5n+4),
.miniballs .mini:nth-child(5n+5){
  background:var(--resultado);
  color:#fff;
}

.statrow{background:rgba(74,38,112,.10);border-color:rgba(74,38,112,.10)}
.stat .k{font-size:11.5px}
.stat .v{font-size:20px}

.next{background:var(--resultado-escuro)}
.next .amount{color:var(--resultado-extra)}

/* Página criada antes do sorteio. */
.live-prepage{max-width:820px;margin:28px auto 48px}
.live-prepage .eyebrow{color:var(--resultado)}
.live-empty{opacity:.22}
.live-awaiting{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin-top:20px;
  padding:14px 16px;
  border:1px solid rgba(74,38,112,.14);
  border-radius:12px;
  background:#FAF8FC;
  font-size:14px;
}
.live-awaiting strong{font-size:15px;color:var(--resultado-escuro)}
.live-awaiting span{color:#735F82}
.live-source-note{font-size:12.5px;color:var(--muted);margin-top:14px}

.live-confirmed{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:14px;
  padding:7px 11px;
  border-radius:999px;
  background:#E9F8F2;
  color:#176B50;
  font-size:12.5px;
  font-weight:600;
}
.live-confirmed::before{content:"";width:7px;height:7px;border-radius:50%;background:#24A879}

/* O aviso de sorteio não deve competir visualmente com a própria chave. */
[id^="decorrer-"], [id^="pastilha-"]{
  border-radius:12px!important;
}

@media(max-width:700px){
  .panel-pad{padding:20px}
  .notice{display:none}
  .balls{gap:7px;margin-top:18px}
  .ball,
  .balls .ball:nth-child(5n+1),
  .balls .ball:nth-child(5n+2),
  .balls .ball:nth-child(5n+3),
  .balls .ball:nth-child(5n+4),
  .balls .ball:nth-child(5n+5){width:48px;height:48px;font-size:19px}
  .star{width:52px;height:52px;font-size:19px}
  .draw-head h1{font-size:27px}
  .live-prepage{margin-top:16px}
}

@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .live-awaiting{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
  :root:not([data-theme="light"]) .live-awaiting strong{color:#fff}
  :root:not([data-theme="light"]) .live-awaiting span{color:var(--muted)}
  :root:not([data-theme="light"]) .draw-id{background:rgba(255,255,255,.08);color:var(--amarelo-500)}
}