/* DROPA — modo calmo e leve. Carregado por último: desliga animações que rodam sem parar, filtros e desfoques
   pesados, e deixa caixas e pacotes estáticos (só um leve movimento ao passar o mouse). */

/* fundo sem textura repetida */
body::before { background: radial-gradient(1100px 500px at 50% -160px, rgba(255, 61, 154, .12), transparent 70%), var(--bg); }

/* sem desfoque de fundo (backdrop-filter custa muito ao rolar a página) */
.topbar, .stage, .modal-bg, .bottomnav, .bet-panel, .sl-overlay { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.topbar { background: #170b18; }
.stage { background: rgba(8, 4, 8, .96); }
.modal-bg { background: rgba(5, 3, 6, .82); }

/* pacotes: embalagem estática, sem brilho correndo, sem relevo por filtro SVG, sem holográfico animado */
.pouch-glare, .pack-art .foil, .pack-art .rays, .chest .shine { animation: none !important; }
.pouch-glare { background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .22) 42%, transparent 52%); background-size: 100% 100%; }
.pouch-wr { filter: none !important; background: repeating-linear-gradient(172deg, rgba(255, 255, 255, .06) 0 6px, rgba(0, 0, 0, .05) 6px 13px); mix-blend-mode: normal; opacity: 1; }
.f-holo .pouch-tint { animation: none !important; }
.pouch { filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .45)); }

/* caixas e pacotes param de flutuar; no hover só sobem um pouco */
.hero-art .pack, .banner .art, .carousel .slide .art, .pack-hero-art .pack.pouch, .cs-stage .idle .chest, .cs-stage .idle .case-img { animation: none !important; }
.cs-stage .idle .chest, .cs-stage .idle .case-img { transform: scale(1.3); }
.case-card:hover .chest, .case-card:hover .case-img, .pack-tile:hover .pack.pouch, .pack-card:hover .pack { transform: translateY(-4px) !important; }
.case-card .chest, .case-card .case-img, .pack-tile .pack.pouch { transition: transform .25s ease; }
.chest { filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .5)); }
.mode-tile:hover .mi { transform: none; }
.mode-tile .mi { filter: none; }

/* ícones sem sombra por filtro (pesado com muitos itens na tela) */
.r-item .ico, .reel .vitem .ico, .it-card .hexi, .best .hexi, .drop .d-ic, .wh-seg i, .banner .art, .carousel .slide .art { filter: none !important; }
.r-item.winner { box-shadow: 0 0 0 2px var(--rc); }

/* feixes de luz giratórios e raios: estáticos e discretos */
.stage .beam, .wh-rays { animation: none !important; }
.stage .beam.on { opacity: .35; }
.wh.go .wh-rays { animation: none !important; }

/* luzinhas da roleta: piscam devagar e só durante o giro/vitória */
.wh-leds i { animation: none; box-shadow: 0 0 6px #fff; }
.wh.go .wh-leds i { animation: led .6s var(--d) infinite; }
.wh.won .wh-leds i { animation: led .8s infinite alternate; }
.wh-hub { animation: none; }

/* raspadinha, jackpot e jogos: menos brilho pulsando */
.legend .lg.hit { box-shadow: none; }
.timer.urgent { animation: none; box-shadow: 0 0 0 2px var(--red); }
.sl-cell.win { animation-iteration-count: 2; }
.sl-cell.orbhit { animation-iteration-count: 2; }
.live-label .pulse { animation: none; }
.modes a.on .ic { box-shadow: none; }
.modes a.on::after { box-shadow: none; }
.carousel .dots i.on { box-shadow: none; }
.cz-board::before, .cz-board::after { display: none; }

/* rolagem no estilo do site: fina, rosa, sem a barra cinza padrão */
* { scrollbar-width: thin; scrollbar-color: rgba(255, 61, 154, .5) transparent; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #ff6db3, #c2187a); border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: #ff3d9a; background-clip: padding-box; }
::-webkit-scrollbar-corner { background: transparent; }

/* modais sem barra de rolagem interna: o modal cresce e quem rola (sem barra visível) é o fundo */
.modal-bg { display: flex; flex-direction: column; align-items: center; justify-content: safe center; overflow-y: auto; padding: 4vh 16px; scrollbar-width: none; }
.modal-bg::-webkit-scrollbar, .stage::-webkit-scrollbar, .modal::-webkit-scrollbar { display: none; }
.modal { max-height: none; overflow: visible; flex: none; }
.stage { scrollbar-width: none; }

/* linhas e drops novos entram suavemente; as que já estavam na tela não animam de novo (sem piscar) */
.cz-row, .pl-row, .drops-list .dl { animation: none; }
.row-new { animation: rowin .4s ease both; }
.drop.row-new { animation: dropin .5s ease both; }
@keyframes rowin { from { opacity: 0; transform: translateY(-6px); } }

/* menu do topo: em telas médias só os ícones (nome no item ativo e ao passar o mouse); sem cortar itens */
@media all {
  .modes a .lb { display: none !important; }
  .modes a.on .lb { display: block !important; }
  .modes { gap: 0; margin-left: 8px; }
  .modes a { padding: 0 5px; }
  .modes a .tag { right: -4px; font-size: 7px; padding: 1px 4px; }
}
@media (max-width: 1250px) { .modes a .ic { width: 26px; height: 26px; font-size: 15px; } .modes a.on .lb { display: none !important; } }