/* 🎁 Sorteio OffLive (27/10/2026) — componente isolado: tudo aqui começa com .ol- (faixa #offliveBox e janela #olJanela).
   VERSÃO PEQUENA (prévia aprovada pelo jota 27/10 19:14): faixa com relógio + [Participar] [🎡 Ver roleta]; a roleta e a
   lista abrem numa janela por cima. Cores do Sorteio diário (roxo + dourado). */
.ol-box,.ol-janela{--ol-purple:#22104a;--ol-purple-2:#2e1a5c;--ol-line:#3e2a70;--ol-gold:#f5c542;--ol-gold-2:#ffe08a;--ol-gold-dark:#c9971f;--ol-ink:#24104d;
 --ol-text:#f4f1fb;--ol-muted:#b9add6;--ol-green:#7ddf8a;--ol-red:#ff5a6a;font-family:'Inter','Segoe UI',system-ui,sans-serif;color:var(--ol-text)}
.ol-box{margin-top:14px}
.ol-box[hidden],.ol-janela[hidden]{display:none!important}
/* faixa */
.ol-faixa{border-radius:14px;background:#1d1238;border:1.5px solid var(--ol-gold);padding:10px;display:grid;gap:8px;box-shadow:0 0 0 3px #f5c54222}
.ol-linha{display:flex;align-items:center;gap:5px;font-size:12px;min-width:0}
.ol-head{margin:0;font-size:13px;font-weight:900;color:var(--ol-gold);white-space:nowrap}
.ol-valor{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ol-valor b{font-weight:800}
.ol-t{margin-left:auto;font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;background:#2c1d55;border-radius:6px;padding:2px 7px;white-space:nowrap}
.ol-t.red{color:var(--ol-red)}
.ol-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ol-b1,.ol-b2{border-radius:10px;font:900 14px 'Inter','Segoe UI',system-ui,sans-serif;padding:10px 6px;cursor:pointer;line-height:1.15;min-height:44px}
.ol-b1{border:0;background:linear-gradient(180deg,var(--ol-gold-2),var(--ol-gold));color:var(--ol-ink);box-shadow:0 3px 0 var(--ol-gold-dark)}
.ol-b1.app{font-size:12.5px}
.ol-b1.done{background:#1f3a2a;color:var(--ol-green);box-shadow:none;border:1px solid var(--ol-green);cursor:default}
.ol-b1.off,.ol-b1:disabled:not(.done){background:#3a2d5e;color:#8f83b3;box-shadow:none;cursor:default}
.ol-b2{background:#2c1d55;color:var(--ol-text);border:1px solid var(--ol-line);font-weight:800}
.ol-b2.hot{border-color:var(--ol-gold);color:var(--ol-gold)}
.ol-b1:focus-visible,.ol-b2:focus-visible,.ol-x:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ol-dica{margin:0;font-size:11.5px;color:var(--ol-muted);text-align:center}
.ol-dica[hidden]{display:none}
.ol-msg{margin:0;font-size:12.5px;color:var(--ol-gold-2);text-align:center}
.ol-msg:empty{display:none}
/* janela por cima */
html.ol-travado{overflow:hidden}
.ol-janela{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center}
.ol-fundo{position:absolute;inset:0;background:#000a}
.ol-folha{position:relative;width:100%;max-width:520px;max-height:min(88vh,720px);overflow-y:auto;background:#150b2c;border-top:2px solid var(--ol-gold);border-radius:18px 18px 0 0;
 padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;box-shadow:0 -10px 30px #000a;box-sizing:border-box}
@media (min-width:700px){.ol-janela{align-items:center}.ol-folha{border-radius:18px;border:2px solid var(--ol-gold)}}
.ol-jhd{display:flex;align-items:center;gap:8px}
.ol-jhd h2{margin:0;font-size:16px;font-weight:900;color:var(--ol-gold)}
.ol-x{margin-left:auto;width:36px;height:36px;border-radius:50%;border:0;background:#2c1d55;color:var(--ol-text);font-size:16px;cursor:pointer;flex-shrink:0}
.ol-jsub{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ol-muted)}
.ol-jsub b{color:var(--ol-text)}
.ol-jsub [hidden]{display:none}
.ol-reel{position:relative;height:150px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#120827,#2a1858 50%,#120827);box-shadow:inset 0 0 0 1px var(--ol-gold-dark);flex-shrink:0}
.ol-track{position:absolute;inset:0}
.ol-row{position:absolute;left:0;right:0;top:0;height:30px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 30px;font-size:14px;color:#d8d0ee;white-space:nowrap;will-change:transform}
.ol-row[hidden]{display:none}
.ol-row span{overflow:hidden;text-overflow:ellipsis;min-width:0}
.ol-row i,.ol-lista i,.ol-g i{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;color:#fff;border:1.5px solid var(--ol-gold);overflow:hidden}
.ol-row i,.ol-lista i,.ol-g i{position:relative}
.ol-row i img,.ol-lista i img,.ol-g i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ol-row.me{color:var(--ol-green);font-weight:800}
.ol-row.win{color:var(--ol-gold-2);font-weight:900}
.ol-reel::before{content:"";position:absolute;left:8px;right:8px;top:50%;height:30px;margin-top:-15px;border-radius:7px;box-shadow:inset 0 0 0 2px var(--ol-gold);background:#f5c54220;z-index:1;pointer-events:none}
.ol-reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#120827 0,transparent 32%,transparent 68%,#120827 100%);pointer-events:none;z-index:2}
.ol-arrow{position:absolute;top:50%;margin-top:-8px;width:0;height:0;border:8px solid transparent;z-index:3}
.ol-arrow.l{left:2px;border-left-color:var(--ol-gold)}.ol-arrow.r{right:2px;border-right-color:var(--ol-gold)}
.ol-vazio{position:absolute;inset:0;margin:0;display:grid;place-items:center;text-align:center;padding:0 24px;font-size:14px;color:var(--ol-muted);z-index:3}
.ol-vazio[hidden]{display:none}
.ol-win{display:grid;gap:5px}
.ol-win[hidden]{display:none}
.ol-g{display:flex;align-items:center;gap:8px;background:#2a1a10;border:1px solid var(--ol-gold);border-radius:9px;padding:6px 8px;font-size:13.5px;font-weight:700;min-width:0}
.ol-g b{color:var(--ol-gold);font-size:11px;white-space:nowrap;flex-shrink:0}
.ol-g span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ol-g.eu{border-color:var(--ol-green);color:var(--ol-green)}
.ol-nada{margin:0;text-align:center;color:var(--ol-muted);font-size:13.5px}
.ol-voce{margin:2px 0 0;font-weight:800;color:var(--ol-green);font-size:13.5px;text-align:center}
.ol-ph{margin:2px 0 0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--ol-gold);text-transform:uppercase}
.ol-tarja{display:inline-block;width:48px;height:13px;border-radius:3px;background:#000;box-shadow:inset 0 0 0 1px #333}
.ol-lista{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ol-lista li{display:flex;align-items:center;gap:8px;font-size:13.5px;background:#1f1340;border-radius:8px;padding:5px 8px;min-width:0}
.ol-lista li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ol-lista li.me{box-shadow:inset 0 0 0 1px var(--ol-green);color:var(--ol-green);font-weight:800}
.ol-lista-vazia{color:var(--ol-muted)!important;background:transparent!important}
.ol-mais-btn{align-self:center;border:0;background:transparent;color:var(--ol-gold-2);font:700 13px 'Inter','Segoe UI',system-ui,sans-serif;text-decoration:underline;cursor:pointer;padding:6px}
.ol-mais-btn[hidden]{display:none}
.ol-rodape{margin:0;font-size:11.5px;color:var(--ol-muted);text-align:center}
.ol-rodape[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.ol-row{will-change:auto}}
.ol-qtd{color:#fcd535;font-weight:800;margin-left:4px}