/* Aba Sorteio do site novo, padrão Binance (28/10/2026). Os três sorteios viram cartões iguais. Só vale em body.sn. */
body.sn .srt-topo{display:flex;align-items:center;gap:10px;margin:4px 0 12px}
body.sn .srt-topo b{font-size:16px;font-weight:700;color:#eaecef}
body.sn .srt-n{display:grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:#fcd535;color:#181a20;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums}
body.sn .srt-ao-vivo{width:9px;height:9px;border-radius:50%;background:#0ecb81;box-shadow:0 0 0 4px #0ecb8126;animation:srt-pulsa 1.6s ease-in-out infinite}
@keyframes srt-pulsa{50%{box-shadow:0 0 0 7px #0ecb8100}}
@media (prefers-reduced-motion:reduce){body.sn .srt-ao-vivo{animation:none}}
body.sn .srt-lista{display:grid;gap:12px}
body.sn #sorteios.srt-tem .sn-vazio{display:none}

/* cartão: o mesmo para os três */
body.sn .srt-card{margin:0!important;padding:16px!important;border-radius:12px!important;border:1px solid #2b3139!important;background:#1e2329!important;
  box-shadow:none!important;color:#eaecef!important;animation:none!important;overflow:hidden}
body.sn .srt-tag-linha{display:flex;align-items:center;gap:10px;margin:0 0 12px}
body.sn .srt-tag{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:1px}
body.sn .srt-nome{font-size:18px;font-weight:700;color:#eaecef}
body.sn .srt-ol .srt-tag{background:#2a2410;color:#fcd535}
body.sn .srt-live .srt-tag{background:#35181d;color:#f6465d}
body.sn .srt-dia .srt-tag{background:#0f2b2a;color:#2dbdb6}

/* botões e textos de dentro dos cartões, no mesmo padrão */
body.sn .srt-card .sg-btn,body.sn .srt-card .dr-btn,body.sn .srt-card .ol-b1{width:100%;min-height:52px;border:0;border-radius:8px!important;background:#fcd535!important;color:#181a20!important;
  font:800 16px/1.2 Inter,system-ui,sans-serif!important;box-shadow:none!important;text-shadow:none!important}
body.sn .srt-card .sg-btn:active,body.sn .srt-card .dr-btn:active,body.sn .srt-card .ol-b1:active{background:#f0b90b!important}
body.sn .srt-card .sg-btn:disabled,body.sn .srt-card .dr-btn:disabled{background:#3a3a1f!important;color:#929aa5!important}
body.sn .srt-card .ol-b2{min-height:52px;border-radius:8px!important;background:#2b3139!important;color:#eaecef!important;border:1px solid #3d444d!important;box-shadow:none!important;font-weight:700}
body.sn .srt-card .sg-link{color:#c7ccd3}

/* Sorteio da live */
body.sn .srt-live .sg-head{display:none}
body.sn .srt-live .sg-lead{margin:0 0 12px;font-size:14px;line-height:1.5;color:#929aa5}
body.sn .srt-live .sg-timer{display:inline-flex;margin:0 0 12px;padding:6px 10px;border-radius:6px;border:0;background:#2b3139;color:#fcd535;font-weight:700;font-variant-numeric:tabular-nums}
body.sn .srt-card .sg-rapido{display:grid;gap:10px;padding:0;border:0;background:none;text-align:left}
body.sn .srt-card .sg-rapido-foto{display:none!important}
body.sn .srt-card .sg-rapido-ok{margin:0;font-size:13px;color:#0ecb81;font-weight:700}

/* OffLive */
body.sn .srt-ol .ol-faixa{padding:0;border:0;background:none;box-shadow:none}
body.sn .srt-ol .ol-linha{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
body.sn .srt-ol .ol-linha>span:first-child,body.sn .srt-ol .ol-head{display:none}
body.sn .srt-ol .ol-valor{font-size:15px;color:#929aa5}
body.sn .srt-ol .ol-valor b{color:#fcd535;font-size:20px}
body.sn .srt-ol .ol-t{margin-left:auto;padding:6px 10px;border-radius:6px;background:#2b3139;color:#fcd535;font-weight:700;font-variant-numeric:tabular-nums}
body.sn .srt-ol .ol-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* Sorteio diário: sem o banner roxo e sem o título repetido; prêmios em duas caixas simples */
body.sn .srt-dia .dr-banner,body.sn .srt-dia .dr-title{display:none}
body.sn .srt-dia .dr-body{padding:0;background:none}
body.sn .srt-dia .dr-premios{margin:0 0 12px;padding:0;background:none;box-shadow:none}
body.sn .srt-dia .dr-premios::before,body.sn .srt-dia .dr-premios::after{display:none}
body.sn .srt-dia .dr-premios-t{margin:0 0 8px;color:#929aa5;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
body.sn .srt-dia .dr-premios-g{gap:8px}
body.sn .srt-dia .dr-premio{padding:12px 8px;border-radius:8px;background:#2b3139;box-shadow:none}
body.sn .srt-dia .dr-qtd{color:#fcd535}
body.sn .srt-dia .dr-tipo{color:#929aa5}
body.sn .srt-dia .dr-valor{color:#eaecef}
body.sn .srt-dia .dr-mais{background:#0b0e11;color:#fcd535}
body.sn .srt-dia .dr-lead{color:#929aa5;font-size:14px}

/* "Ver regras e detalhes" */
body.sn .srt-det{margin-top:12px;border-top:1px solid #2b3139}
body.sn .srt-det summary{display:flex;align-items:center;min-height:44px;padding-top:8px;color:#929aa5;font-size:14px;font-weight:700;cursor:pointer;list-style:none}
body.sn .srt-det summary::-webkit-details-marker{display:none}
body.sn .srt-det summary::after{content:"+";margin-left:auto;font-size:20px;color:#fcd535}
body.sn .srt-det[open] summary::after{content:"−"}
body.sn .srt-det-in{display:grid;gap:10px;padding:4px 0 2px}
body.sn .srt-det-in .dr-regras{margin:0}
body.sn .srt-det-in .dr-regras li{background:#2b3139;border:0;color:#c7ccd3}
body.sn .srt-det-in .dr-ico{background:#2a2410;color:#fcd535;box-shadow:none}
body.sn .srt-det-in .sg-dupla{margin:0;background:#2b3139;border:0;color:#c7ccd3}
body.sn .srt-det-in .sg-priv,body.sn .srt-det-in .dr-priv{color:#929aa5}
@media (min-width:900px){body.sn .srt-lista{max-width:720px}}
/* com sorteio aberto, o "cadastro pronto / está no app" sai (cada cartão já tem o Participar); o que falta continua */
body.sn #sorteios.srt-tem #sorteioSit .sit-ok{display:none}
body.sn .srt-card .sg-rapido-ok{display:none}
body.sn #sorteioSit{margin-bottom:12px}
/* já participando: verde (sinal de "deu certo" da Binance) */
body.sn .srt-card .ol-b1.done{background:#0e2a20!important;color:#0ecb81!important;border:1px solid #0ecb8166!important;font-size:15px!important}
body.sn .srt-card .ol-b1.off{background:#2b3139!important;color:#929aa5!important}
body.sn .srt-card .sg-ok{margin:0 0 12px;padding:12px 14px;border-radius:8px;border:1px solid #0ecb8166;background:#0e2a20;color:#0ecb81}
body.sn .srt-card .sg-ok b{color:#0ecb81}
body.sn .srt-det-in .sg-foto{margin:0;padding:12px;border-radius:8px;border:1px solid #2b3139;background:#2b3139}
body.sn .srt-card .ol-dica,body.sn .srt-card .ol-msg{color:#929aa5}
/* formulário dentro dos cartões (quem ainda não tem cadastro): mesmo padrão do cadastro novo */
body.sn .srt-card .cs-btn{display:none!important}
body.sn .srt-card .sg-field label,body.sn .srt-card .dr-field label,body.sn .srt-card .sg-foto-rot{font-size:14px;font-weight:600;color:#eaecef}
body.sn .srt-card .sg-field input,body.sn .srt-card .dr-field input{width:100%;min-height:52px;border-radius:8px!important;border:1px solid #3d444d!important;background:#0b0e11!important;color:#eaecef!important;font:500 16px/1.3 Inter,system-ui,sans-serif;padding:12px 14px;box-shadow:none!important}
body.sn .srt-card .sg-field input:focus,body.sn .srt-card .dr-field input:focus{outline:none;border-color:#fcd535!important;box-shadow:0 0 0 3px #fcd53533!important}
body.sn .srt-card .sg-foto-dica,body.sn .srt-card .dr-dica{color:#929aa5}
body.sn .srt-card .av-aviso,body.sn .srt-card .sg-falta{border-radius:8px;border:1px solid #fcd53540;background:#2a2410;color:#eaecef}
body.sn .srt-card .sg-foto-btn{border-radius:8px;background:#2b3139;border:1px solid #3d444d;color:#eaecef}
body.sn .srt-card .dr-check{border-radius:8px;border:1px solid #3d444d;background:#2b3139}
/* Fora do app: explicação + botão fixo de baixar (28/10/2026) */
body.sn .srt-app{display:grid;gap:10px;margin:0 0 16px;padding:16px;border-radius:12px;border:1px solid #fcd53566;background:radial-gradient(360px 140px at 0 0,#fcd5351a,transparent 70%),#1e2329}
body.sn .srt-app-tag{margin:0;color:#fcd535;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
body.sn .srt-app-tit{font-size:19px;line-height:1.3;color:#eaecef;text-wrap:balance}
body.sn .srt-app-txt{margin:0;color:#c7ccd3;font-size:14.5px;line-height:1.55}
body.sn .srt-app-txt b{color:#eaecef}
body.sn .srt-app-passos{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}
body.sn .srt-app-passos li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border-radius:8px;background:#2b3139}
body.sn .srt-app-passos li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fcd535;color:#181a20;font-weight:800}
body.sn .srt-app-passos b{display:block;color:#eaecef;font-size:15px}
body.sn .srt-app-passos small{display:block;color:#929aa5;font-size:13px;line-height:1.45}
body.sn .srt-fixo{position:sticky;bottom:calc(86px + env(safe-area-inset-bottom));z-index:5;margin-top:16px;padding:10px 0 0;background:linear-gradient(180deg,transparent,#0b0e11 40%)}
body.sn .srt-baixar{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border:0;border-radius:8px;background:#fcd535;color:#181a20;font:800 16px/1 Inter,system-ui,sans-serif;box-shadow:0 8px 24px #0009;cursor:pointer}
body.sn .srt-baixar:active{background:#f0b90b}
@media (min-width:900px){body.sn .srt-fixo{bottom:16px;max-width:720px}body.sn .srt-app{max-width:720px}}
/* fora do app: o botão fixo já leva ao app, então os botões e textos repetidos de cada cartão saem */
body.sn .srt-fora-app #sgInstall,body.sn .srt-fora-app #drInstall,body.sn .srt-fora-app #olBtn.app,body.sn .srt-fora-app .ol-dica,
body.sn .srt-fora-app .srt-live .sg-lead,body.sn .srt-fora-app .srt-dia .dr-lead{display:none!important}
body.sn .srt-fora-app #olVer{grid-column:1/-1}
body.sn .srt-fora-app .sn-passos{display:none!important}
body.sn[data-aba="inicio"] .srt-app,body.sn[data-aba="inicio"] .srt-fixo{display:none!important}
body.sn .srt-app .srt-baixar{box-shadow:none;margin-top:4px}
/* a barra fixa fica sempre à vista na aba Sorteio, logo acima da barra de baixo */
body.sn .srt-fixo{position:fixed;left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:10;margin:0;padding:0;background:none;max-width:560px;margin-inline:auto}
body.sn[data-aba]:not([data-aba="sorteios"]) .srt-fixo{display:none!important}
body.sn.srt-com-fixo #sorteios{padding-bottom:84px}
@media (min-width:900px){body.sn .srt-fixo{bottom:16px}}
body.sn .srt-baixar{font-size:15px;padding:0 14px;text-align:center;line-height:1.2}
body.sn .srt-baixar{white-space:nowrap;font-size:clamp(12px,3.55vw,15px);padding:0 10px;letter-spacing:-.2px}body.sn .srt-baixar.ic::before{width:1em;height:1em;margin-right:.4em}
/* 28/10/2026 (jota): fora do app, o "baixe o app" só aparece na barra fixa de baixo */
body.sn .srt-fora-app #sorteioSit .sit-falta:has(+ #sitApp),body.sn .srt-fora-app #sitApp{display:none!important}
body.sn .srt-fora-app #sorteioSit .sit-ok{display:none!important}
body.sn .srt-card .ol-b1.done{grid-column:1/-1;order:-1}body.sn .srt-card .ol-b1.done+.ol-b2,body.sn .srt-card .ol-acoes:has(.done) .ol-b2{grid-column:1/-1}
/* "Você está participando do sorteio": igual nos três (verde, largura toda, centralizado) */
body.sn .srt-card .srt-ok-padrao{display:grid!important;place-items:center;min-height:52px;margin:0 0 12px;padding:12px 14px;border-radius:8px;border:1px solid #0ecb8166;background:#0e2a20;text-align:center}
body.sn .srt-card .srt-ok-padrao b{color:#0ecb81;font-size:16px;font-weight:800}
body.sn .srt-card .ol-b1.done{font-size:16px!important}
/* Cartões que passam (fora do aplicativo) e sorteios bem separados, 28/10/2026 */
body.sn .srt-app{padding:0;overflow:hidden;gap:0}
body.sn .srt-car{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
body.sn .srt-car::-webkit-scrollbar{display:none}
body.sn .srt-slide{flex:0 0 100%;scroll-snap-align:start;display:grid;gap:8px;align-content:start;min-height:196px;padding:18px 18px 8px;box-sizing:border-box}
body.sn .srt-slide-ico{position:relative;width:44px;height:44px;border-radius:12px;background:#fcd535}
body.sn .srt-slide-ico::after{content:"";position:absolute;inset:11px;background:#181a20;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
body.sn .srt-c1{--ic:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%222.5%22%20width%3D%2212%22%20height%3D%2219%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M10.5%2018h3%22%2F%3E%3Cpath%20d%3D%22M12%207l1.2%202.4%202.6.4-1.9%201.8.5%202.6L12%2013l-2.4%201.2.5-2.6-1.9-1.8%202.6-.4z%22%2F%3E%3C%2Fsvg%3E")}body.sn .srt-c2{--ic:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4M7%204h10v5a5%205%200%200%201-10%200zM7%206H4a3%203%200%200%200%203%204M17%206h3a3%203%200%200%201-3%204%22%2F%3E%3C%2Fsvg%3E")}body.sn .srt-c3{--ic:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%203L5%2014h6l-1%207%208-11h-6z%22%2F%3E%3C%2Fsvg%3E")}
body.sn .srt-c2 .srt-slide-ico{background:#0ecb81}body.sn .srt-c3 .srt-slide-ico{background:#2dbdb6}
body.sn .srt-slide .srt-app-tag{margin-top:4px}
body.sn .srt-dots{display:flex;justify-content:center;gap:8px;padding:6px 0 14px}
body.sn .srt-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#3d444d;cursor:pointer;transition:width .25s,background .25s}
body.sn .srt-dots button[aria-selected=true]{width:24px;background:#fcd535}
body.sn .srt-dots button::before{content:"";display:block;width:100%;height:100%;padding:12px 4px;margin:-12px -4px}
/* cada sorteio bem separado e com a sua cor */
body.sn .srt-lista{gap:20px}
body.sn .srt-card{border-top-width:4px!important;padding-top:18px!important}
body.sn .srt-card.srt-ol{border-top-color:#fcd535!important;background:linear-gradient(180deg,#fcd5350f,transparent 90px),#1e2329!important}
body.sn .srt-card.srt-live{border-top-color:#f6465d!important;background:linear-gradient(180deg,#f6465d10,transparent 90px),#1e2329!important}
body.sn .srt-card.srt-dia{border-top-color:#2dbdb6!important;background:linear-gradient(180deg,#2dbdb610,transparent 90px),#1e2329!important}
/* 29/10/2026: vitrine dos sorteios para quem ainda não entrou na conta ou não tem o aplicativo */
body.sn .srt-vitrine{display:grid;gap:20px;margin-bottom:20px}
body.sn .srt-vitrine[hidden],body.sn .srt-lista[hidden],body.sn .sn-vazio.srt-some{display:none!important}
body.sn .srt-topo-vit .srt-n{display:none}
body.sn .srt-vit-p{margin:4px 0 12px;font-size:15px;line-height:1.5;color:#c7ccd3;text-wrap:pretty}
body.sn .srt-vit-pr{display:flex;flex-wrap:wrap;gap:8px}
body.sn .srt-vit-pr span{padding:7px 14px;border-radius:999px;background:#fcd535;color:#181a20;font-size:14px;font-weight:800}
body.sn .srt-fixo[hidden]{display:none}
/* 29/10/2026 (jota): o aviso de cookies cobria a barra "Baixe o aplicativo"; enquanto ele aparece, a barra sobe */
body.sn:has(#cookie:not([hidden])) .srt-fixo{bottom:calc(158px + env(safe-area-inset-bottom))}
@media (min-width:900px){body.sn:has(#cookie:not([hidden])) .srt-fixo{bottom:96px}}
body.sn .srt-vit-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:14px;border:0;border-radius:8px;background:#fcd535;color:#181a20;font:800 16px/1 Inter,system-ui,sans-serif;cursor:pointer}
body.sn .srt-vit-btn:active{transform:translateY(1px)}
body.sn .srt-vit-pr span{background:#2b3139;color:#fcd535}
.srt-howto-aviso{display:grid;gap:4px;margin:10px 0 12px;padding:12px 14px;border-radius:10px;background:#f0b90b1a;border:1px solid #f0b90b55;color:#eaecef;font-size:14px;line-height:1.45;text-align:left}
.srt-howto-aviso b{font-size:16px;color:#fcd535}
body.sn .srt-vit[hidden]{display:none!important}
/* fora do aplicativo: o Participar dos sorteios de verdade leva para a tela de baixar */
body.sn .srt-fora-app .srt-real-btn{margin:14px 0 4px}
/* 29/10/2026: sanfona "Quem está participando" do Sorteio pelo app */
body.sn .srt-part summary{font-weight:700}
body.sn .srt-part-n{color:#fcd535;font-weight:800}
body.sn .srt-part-vazio{margin:6px 0;color:#929aa5;font-size:14px}
body.sn .srt-part-vazio[hidden]{display:none}
body.sn .srt-part-lista{margin:6px 0 0;padding:0 0 0 30px;max-height:320px;overflow:auto;display:grid;gap:6px;font-size:15px;color:#eaecef}
body.sn .srt-part-lista li::marker{color:#929aa5;font-variant-numeric:tabular-nums}
body.sn .srt-part-n{margin-left:6px}
/* 29/10/2026 (computador): vitrine e barra "Baixe o aplicativo" na mesma largura e alinhadas com os cartões */
@media (min-width:900px){
  body.sn .srt-vitrine{max-width:720px}
  body.sn .srt-fixo{left:max(24px,calc(50% - 536px));right:auto;width:720px;max-width:calc(100% - 48px);margin:0}
}
/* 29/10/2026: chance dupla na lista do Sorteio pelo app + convite discreto */
body.sn .srt-part-2x{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:#fcd5351f;border:1px solid #fcd53566;color:#fcd535;font-size:11px;font-weight:800;vertical-align:1px}
body.sn .srt-part-leg{margin:6px 0 0;font-size:13px;color:#fcd535}
body.sn .srt-part-leg[hidden]{display:none}
body.sn #sorteioBox .sg-dupla{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#2b3139;border:1px solid #3d444d;font-size:13.5px;line-height:1.4;color:#c7ccd3}
body.sn #sorteioBox .sg-dupla.on{background:#fcd53514;border-color:#fcd53555;color:#fcd535;font-weight:700}
body.sn #sorteioBox .sg-dupla[hidden]{display:none}
body.sn #sorteioBox #sgDuplaLink{margin-left:auto;padding:6px 12px;border-radius:999px;background:#fcd535;color:#181a20;font-weight:800;font-size:13px;text-decoration:none;white-space:nowrap}
body.sn #sorteioBox #sgDuplaLink[hidden]{display:none}

/* 29/10/2026: Últimos ganhadores do OffLive (cartão, botão e janela) */
body.sn .olu-card{display:grid;grid-template-columns:48px minmax(0,1fr) 16px;gap:14px;align-items:center;width:100%;max-width:720px;margin:0 0 20px;padding:14px 16px;border-radius:14px;border:1px solid #f0b90b55;background:radial-gradient(260px 120px at 0 50%,#f0b90b17,transparent 70%),#1e2329;color:#eaecef;font:inherit;text-align:left;cursor:pointer}
body.sn .olu-card:active{background:#2b3139}
body.sn .olu-card-ico{position:relative;width:48px;height:48px;border-radius:12px;background:#f0b90b1f;border:1px solid #f0b90b55}
body.sn .olu-card-ico::after{content:"";position:absolute;inset:12px;background:#f0b90b;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4M7%204h10v5a5%205%200%200%201-10%200zM7%206H4a3%203%200%200%200%203%204M17%206h3a3%203%200%200%201-3%204%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2021h8M12%2017v4M7%204h10v5a5%205%200%200%201-10%200zM7%206H4a3%203%200%200%200%203%204M17%206h3a3%203%200%200%201-3%204%22/%3E%3C/svg%3E") center/contain no-repeat}
body.sn .olu-card-txt{display:grid;gap:2px;min-width:0}
body.sn .olu-card-txt b{font-size:16px}
body.sn .olu-card-txt small{font-size:13.5px;color:#929aa5}
body.sn .olu-card i{font-style:normal;font-size:24px;color:#f0b90b}
.olu-aberta,.olu-aberta body{overflow:hidden}
.olu{position:fixed;inset:0;z-index:9500;display:flex;align-items:flex-end;justify-content:center}
.olu[hidden]{display:none}
.olu-fundo{position:absolute;inset:0;background:#000000b3}
.olu-folha{position:relative;width:100%;max-width:560px;max-height:85dvh;display:flex;flex-direction:column;border-radius:16px 16px 0 0;background:#1e2329;border:1px solid #2b3139;color:#eaecef;font-family:Inter,system-ui,sans-serif;padding-bottom:env(safe-area-inset-bottom)}
@media (min-width:600px){.olu{align-items:center}.olu-folha{border-radius:16px}}
.olu-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 12px;border-bottom:1px solid #2b3139}
.olu-cab b{font-size:18px}
.olu-x{width:40px;height:40px;border:0;border-radius:10px;background:#2b3139;color:#eaecef;font-size:18px;cursor:pointer}
.olu-corpo{overflow:auto;padding:8px 16px 16px;display:grid;gap:12px}
.olu-msg{margin:12px 0;color:#929aa5;font-size:14.5px;list-style:none}
.olu-s{padding:12px 14px;border-radius:12px;background:#0b0e11;border:1px solid #2b3139}
.olu-quando{margin:0 0 8px;font-size:13px;font-weight:800;color:#f0b90b;letter-spacing:.3px}
.olu-rot{margin:0 0 6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#929aa5}
.olu-gan,.olu-part{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.olu-gan li,.olu-part li{display:flex;align-items:center;gap:10px;font-size:15px}
.olu-g{font-weight:700}
.olu-gan img,.olu-part img,.olu-ini{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none;background:#2b3139;display:grid;place-items:center;font-weight:800}
.olu-gan img{border:2px solid #f0b90b}
.olu-part img,.olu-part .olu-ini{width:28px;height:28px}
.olu-part li{font-size:14px;color:#c7ccd3}
.olu-det{margin-top:10px}
.olu-det summary{cursor:pointer;font-size:14px;font-weight:700;color:#fcd535;padding:6px 0}
.olu-det[open] .olu-part{margin-top:8px;max-height:300px;overflow:auto}
/* 30/10/2026 (jota): lista "Quem está participando" no mesmo estilo da lista do OffLive (foto + nome em linhas) */
body.sn .srt-part-lista{list-style:none;padding:0;gap:4px;font-size:14px}
body.sn .srt-part-lista li{display:flex;align-items:center;gap:10px;min-width:0;padding:6px 10px;border-radius:8px;background:#2b3139}
body.sn .srt-part-lista li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.sn .srt-part-lista i{position:relative;flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-style:normal;font-size:12px;font-weight:800;color:#fff;border:1.5px solid #f0b90b}
body.sn .srt-part-lista i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.sn .srt-part-lista .srt-part-2x{flex:none;margin-left:0}
/* Prévia 29/10: OffLive com o relógio na linha do título e o prêmio numa linha só dele, sem "…". [Claude] */
body.sn .srt-ol .srt-tag-linha .ol-t{margin-left:auto;flex:none}
body.sn .srt-ol .srt-tag-linha .srt-nome{min-width:0}
body.sn .srt-ol .ol-valor{flex:1 1 100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.3}
/* 30/10/2026 (jota escolheu a opção A: "deixa padronizado com o site, faça o mesmo com offlive"): a janela do OffLive
   (roleta + lista de participantes) nas cores do site, com a lista igual à do Sorteio pelo app */
body.sn .ol-janela{--ol-gold:#f0b90b;--ol-gold-2:#fcd535;--ol-gold-dark:#f0b90b66;--ol-text:#eaecef;--ol-muted:#929aa5;--ol-green:#0ecb81;--ol-line:#3d444d}
body.sn .ol-folha{background:#1e2329;border-top:1px solid #2b3139}
@media (min-width:700px){body.sn .ol-folha{border:1px solid #2b3139}}
body.sn .ol-jhd h2{color:#eaecef}
body.sn .ol-x{background:#2b3139;color:#eaecef}
body.sn .ol-reel{background:#0b0e11;box-shadow:inset 0 0 0 1px #2b3139}
body.sn .ol-reel::after{background:linear-gradient(180deg,#0b0e11 0,transparent 32%,transparent 68%,#0b0e11 100%)}
body.sn .ol-reel::before{background:#f0b90b1a}
body.sn .ol-row{color:#c7ccd3}
body.sn .ol-g{background:#f0b90b14;border-color:#f0b90b66}
body.sn .ol-ph{color:#929aa5;letter-spacing:.06em}
body.sn .ol-lista li{gap:10px;font-size:14px;padding:6px 10px;background:#2b3139;color:#eaecef}
body.sn .ol-lista li span{flex:1;min-width:0}
body.sn .ol-lista i{width:28px;height:28px;font-size:12px;border-color:#f0b90b}
body.sn .ol-mais-btn{color:#fcd535}
