/* Giro da Sorte 4.33 - topo moderno, barra única de atalhos e bolas 3D */

/* Topo: verde-esmeralda profundo */
.site-header{background:linear-gradient(120deg,oklch(.27 .07 165) 0%,oklch(.34 .09 160) 55%,oklch(.4 .1 150) 100%);border-bottom:1px solid oklch(1 0 0 / .08);box-shadow:0 6px 24px oklch(.2 .05 165 / .25)}
.site-header .brand-name{background:linear-gradient(120deg,#fff,oklch(.92 .12 150));-webkit-background-clip:text;background-clip:text;color:transparent}
.site-header .brand-name small{color:oklch(.85 .05 155);-webkit-text-fill-color:oklch(.85 .05 155)}
.site-header .desktop-nav a{color:oklch(.92 .02 160)}
.site-header .desktop-nav a:hover,.site-header .desktop-nav a.active{color:#fff;border-color:oklch(.85 .17 145)}
.site-header .desktop-nav a:hover svg,.site-header .desktop-nav a.active svg{color:oklch(.88 .16 145)}
.site-header .source-chip{color:oklch(.88 .03 160)}.site-header .source-chip svg{color:oklch(.88 .16 145)}
.site-header .header-right .gds-btn.outline{background:oklch(1 0 0 / .1);color:#fff;border-color:oklch(1 0 0 / .25);box-shadow:none}
.site-header .header-right .gds-btn.outline:hover{background:oklch(1 0 0 / .2);color:#fff;border-color:oklch(1 0 0 / .45)}
.site-header .mobile-drawer{background:var(--card);color:var(--foreground)}

/* Selo "Atualizado a cada sorteio" com bolinha verde maior piscando */
.home-kicker{font-size:12.5px;gap:10px;color:oklch(.45 .14 150)}
.live-dot{width:12px;height:12px;background:oklch(.72 .2 145);box-shadow:0 0 0 0 oklch(.72 .2 145 / .6);animation:gdsLive 1.4s ease-in-out infinite}
@keyframes gdsLive{0%{box-shadow:0 0 0 0 oklch(.72 .2 145 / .65);opacity:1}50%{opacity:.45}70%{box-shadow:0 0 0 10px oklch(.72 .2 145 / 0)}100%{box-shadow:0 0 0 0 oklch(.72 .2 145 / 0);opacity:1}}
.home-hero{margin:20px 0 10px;align-items:center}

/* Barra única de atalhos */
.quick-bar{padding:10px 4px;gap:8px}
.quick-bar .quick-pill{font-family:inherit;cursor:pointer;color:var(--foreground);border-radius:14px;padding:9px 15px;background:linear-gradient(180deg,var(--card),color-mix(in oklch,var(--card) 92%,var(--border)))}
.quick-bar a.quick-pill:hover{box-shadow:0 6px 16px color-mix(in oklch,var(--lottery) 25%,transparent)}
.quick-filter{border:1px solid var(--border)}
.quick-filter:hover{border-color:var(--primary);color:var(--primary)}
.quick-filter.active{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:var(--primary-foreground);border-color:transparent;box-shadow:0 6px 16px color-mix(in oklch,var(--primary) 35%,transparent)}
.quick-dot.acc{background:oklch(.75 .17 70)}
.quick-filter.active .quick-dot.acc{background:#fff}

/* Bolas 3D nos cards */
.result-card .balls{gap:8px}
.result-card .ball{width:36px;height:36px;font-size:13px;font-weight:800;color:#fff;
  background:radial-gradient(circle at 32% 28%,color-mix(in oklch,var(--lottery) 35%,#fff) 0%,var(--lottery) 45%,color-mix(in oklch,var(--lottery) 60%,#000) 100%);
  text-shadow:0 1px 2px oklch(0 0 0 / .45);
  box-shadow:inset -3px -4px 7px oklch(0 0 0 / .28),inset 3px 3px 6px oklch(1 0 0 / .35),0 4px 8px color-mix(in oklch,var(--lottery) 40%,transparent);
  position:relative;transition:transform .15s}
.result-card .ball::after{content:"";position:absolute;top:4px;left:8px;width:11px;height:7px;border-radius:50%;background:oklch(1 0 0 / .55);filter:blur(1px);pointer-events:none}
.result-card .ball:hover{transform:translateY(-2px) scale(1.06)}
@media(max-width:640px){.result-card .ball{width:34px;height:34px;font-size:12.5px}.result-card .ball::after{left:7px;top:4px;width:10px}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}