/* Indique e ganhe: link, baús, bônus, regras e aviso ao abrir o site */

/* topo e boletim */
.bb-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ff4d4d;color:#fff;font-size:10px;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center;animation:bbPulse 1.6s ease-in-out infinite}
@keyframes bbPulse{50%{transform:scale(1.15)}}
.bet-bonus{font-size:10px;font-weight:800;padding:2px 7px;border-radius:10px;background:rgba(255,204,31,.15);color:var(--yellow);text-transform:uppercase;margin-left:auto;margin-right:6px;white-space:nowrap}
.tx-bonus{font-style:normal;font-size:10px;font-weight:700;padding:1px 5px;border-radius:6px;background:rgba(255,204,31,.15);color:var(--yellow)}
.acc-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.acc-tabs::-webkit-scrollbar{display:none}
.acc-tabs button{flex:none}

/* link */
.ref-card{margin:14px 0;padding:14px;border-radius:14px;background:linear-gradient(135deg,rgba(31,211,111,.14),rgba(255,204,31,.10));border:1px solid rgba(31,211,111,.3)}
.ref-card-top{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.ref-card-top b{display:block;font-size:15px}
.ref-card-top small{color:var(--muted);font-size:12px}
.ref-card-ic{font-size:26px}
.ref-card-acts{display:flex;gap:8px;margin-top:4px}
.ref-card-acts .btn{flex:1;font-size:13px;padding:9px 10px}
.ref-link{display:flex;gap:8px}
.ref-link .inp{flex:1;min-width:0;font-size:12px}
.ref-share{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.ref-share .btn{flex:1;text-align:center;font-size:12px;padding:8px 10px;white-space:nowrap}

/* aba */
.rf-hero{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;margin-bottom:14px;background:radial-gradient(120% 140% at 0% 0%,rgba(31,211,111,.22),transparent 60%),radial-gradient(120% 140% at 100% 100%,rgba(255,204,31,.18),transparent 60%),var(--panel2);border:1px solid rgba(255,204,31,.25)}
.rf-hero>b{font-size:19px;letter-spacing:-.3px}
.rf-hero>span{font-size:12px;color:var(--muted);line-height:1.45}
.rf-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}
.rf-steps div{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;text-align:center;padding:8px 2px;border-radius:10px;background:rgba(0,0,0,.25)}
.rf-steps i{font-style:normal;font-size:20px}
.rf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 6px}
.rf-stats div{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:12px;background:var(--panel2)}
.rf-stats b{font-size:17px}
.rf-stats span{font-size:11px;color:var(--muted);text-align:center}
.rf-h{margin:16px 0 8px;font-size:14px;display:flex;align-items:center;gap:8px}
.rf-count{background:#ff4d4d;color:#fff;border-radius:10px;font-size:11px;padding:1px 7px}

/* baús */
.chest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.chest-trail{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 6px;scrollbar-width:thin}
.chest{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 9px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);text-align:center;color:var(--text)}
.chest span{font-size:11px;font-weight:600;line-height:1.2}
.chest b{font-size:13px;color:var(--yellow)}
.chest em{font-style:normal;font-size:10px;font-weight:800}
.chest.ready{cursor:pointer;border-color:rgba(255,204,31,.6);background:radial-gradient(80% 70% at 50% 35%,rgba(255,204,31,.22),transparent 70%),var(--panel2)}
.chest.ready em{margin-top:4px;padding:4px 12px;border-radius:12px;background:linear-gradient(135deg,#34e381,var(--green2));color:#03200f}
.chest.ready .chest-svg{animation:chIdle 2.2s ease-in-out infinite}
.chest.ready:hover .chest-svg{animation:chShake .5s ease-in-out infinite}
.chest.locked{flex:none;width:96px;opacity:.85}
.chest.locked em{position:absolute;top:-8px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:1px 7px;border-radius:8px;background:var(--panel3,#24302a);color:var(--muted);border:1px solid var(--line)}
.chest-svg{width:72px;height:66px;overflow:visible}
.ch-shadow{fill:rgba(0,0,0,.35)}
.ch-hole{fill:#1d1204}
.ch-shine{fill:none;stroke:rgba(255,255,255,.3);stroke-width:3;stroke-linecap:round}
.ch-glow ellipse{fill:#ffe27a;opacity:0;filter:blur(6px)}
.ch-coins circle{fill:#ffd34d;stroke:#b8860b;stroke-width:2;opacity:0}
.ch-lid,.ch-lock{transform-box:fill-box;transition:transform .55s cubic-bezier(.2,1.6,.4,1),opacity .3s}
.ch-lid{transform-origin:50% 100%}
@keyframes chIdle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes chShake{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}

/* abrir o baú */
.chest-open{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding-top:6px}
.co-title{font-size:17px;font-weight:800}
.co-stage{position:relative;width:200px;height:212px;display:flex;align-items:flex-end;justify-content:center}
.co-stage .chest-svg{width:180px;height:160px;animation:chIdle 2.2s ease-in-out infinite}
.co-amount{position:absolute;left:-30px;right:-30px;top:0;font-size:30px;font-weight:900;color:var(--yellow);text-shadow:0 4px 20px rgba(255,204,31,.6);opacity:0;transform:translateY(20px) scale(.6);transition:all .5s cubic-bezier(.2,1.6,.4,1)}
.co-burst{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,226,122,.55),transparent 60%);opacity:0;transform:scale(.3);transition:all .6s ease}
.co-msg{font-size:13px;color:var(--muted);max-width:320px;line-height:1.45}
.co-msg b{color:var(--text)}
.co-acts{display:flex;gap:8px;width:100%}
.co-acts .btn{flex:1}
.co-btn{margin-top:4px}
.chest-open.shaking .chest-svg{animation:chShake .18s linear infinite}
.chest-open.opened .ch-lid{transform:translateY(-26px) rotate(-14deg)}
.chest-open.opened .ch-lock{opacity:0;transform:translateY(10px)}
.chest-open.opened .ch-glow ellipse{opacity:.9;transition:opacity .4s .15s}
.chest-open.opened .ch-coins circle{opacity:1;animation:coinUp .9s ease-out .15s both}
.chest-open.opened .ch-coins circle:nth-child(2){animation-delay:.25s}
.chest-open.opened .ch-coins circle:nth-child(3){animation-delay:.35s}
.chest-open.opened .co-burst{opacity:1;transform:scale(1)}
.chest-open.opened .co-amount{opacity:1;transform:translateY(0) scale(1)}
.chest-open.opened .chest-svg{animation:none}
@keyframes coinUp{0%{transform:translateY(10px)}60%{transform:translateY(-34px)}100%{transform:translateY(-26px)}}

/* bônus */
.rb-list{display:flex;flex-direction:column;gap:8px}
.rb{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.rb b{font-size:15px}
.rb small{color:var(--muted);font-size:12px}
.rb-tag{font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 7px;border-radius:8px;background:var(--panel3,#24302a);color:var(--muted)}
.rb-active{display:block;border-color:rgba(31,211,111,.5);background:radial-gradient(90% 120% at 0% 0%,rgba(31,211,111,.15),transparent 60%),var(--panel2)}
.rb-active .rb-tag{background:var(--green);color:#03200f}
.rb-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.rb-top b{font-size:20px;color:var(--yellow)}
.rb-bar{height:10px;border-radius:6px;background:rgba(0,0,0,.35);overflow:hidden}
.rb-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--green),var(--yellow));transition:width .6s ease}
.rb-line{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:5px}
.rb-line b{color:var(--text)}
.rb-left{font-size:13px;margin-top:6px}
.rb-left b{color:var(--yellow)}
.rb-meta{font-size:11px;color:var(--muted);margin-top:4px}
.rb-completed{border-color:rgba(255,204,31,.5)}
.rb-ready{flex-direction:column;align-items:stretch;gap:8px;background:linear-gradient(135deg,rgba(31,211,111,.12),rgba(255,204,31,.08));border-color:rgba(31,211,111,.55)}
.rb-ready .rb-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.rb-ready .rb-top b{font-size:22px}
.wsw-ready{color:var(--green)}
.rb-completed .rb-tag,.rb-paid .rb-tag{background:rgba(31,211,111,.18);color:var(--green)}
.rb-queued .rb-tag{background:rgba(255,204,31,.15);color:var(--yellow)}
.rb-frozen .rb-tag{background:rgba(120,160,255,.18);color:#9db8ff}
.rf-past{margin-top:8px;font-size:13px}
.rf-past summary{cursor:pointer;color:var(--muted);margin-bottom:8px}
.rf-past .rb{opacity:.75}
.ref-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto}
.ref-row{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:8px;background:var(--panel2);font-size:13px}
.ref-row small{display:block;color:var(--muted);font-size:11px}
.ref-row em{font-style:normal;font-size:11px;color:var(--muted)}
.ref-row em.st-ok{color:var(--green)}
.ref-row em.st-review{color:#9db8ff}

/* regras */
.rr h3{margin-bottom:10px}
.rr-sec{margin-bottom:12px;font-size:13px}
.rr-sec>b{display:block;margin-bottom:4px}
.rr-sec ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;color:var(--muted);line-height:1.45}
.rr-sec ul b{color:var(--text)}
.rr-sub{display:block;margin:8px 0 4px;font-size:12px}
.rr-table{display:flex;flex-direction:column;gap:3px;margin-top:6px}
.rr-row{display:flex;justify-content:space-between;padding:6px 10px;border-radius:8px;background:var(--panel2);font-size:12px}
.rr-row b{color:var(--yellow)}

/* aviso ao abrir o site */
  display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#132b1e,#1c1608);border:1px solid rgba(255,204,31,.45);box-shadow:0 18px 50px rgba(0,0,0,.55)}
@keyframes rnPop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){
  .chest.ready .chest-svg,.co-stage .chest-svg,.rbn-art .chest-svg,.rbn-steps i,.bb-badge{animation:none}
  .rbn-ov,.rbn,.co-amount,.co-burst,.ch-lid,.wsw-menu{transition:none}
}

/* ---------- seletor de conta no topo (principal / bônus) ---------- */
.wsw{position:relative}
.wsw-btn{position:relative;padding:4px 8px 4px 10px;border:1px solid transparent;transition:border-color .15s,background .15s}
.wsw-btn:hover,.wsw.open .wsw-btn{background:rgba(255,255,255,.05);border-color:var(--line)}
.wsw-btn small,.wsw-btn span{display:block;text-align:right}
.wsw-btn{display:grid;grid-template-columns:auto 14px;grid-template-rows:auto auto;column-gap:6px;align-items:center}
.wsw-btn small{grid-column:1;grid-row:1}
.wsw-btn span{grid-column:1;grid-row:2}
.wsw-caret{grid-column:2;grid-row:1/3;width:14px;height:14px;color:var(--muted);transition:transform .2s}
.wsw.open .wsw-caret{transform:rotate(180deg)}
.wsw-btn.is-bonus span{color:var(--yellow)}
.wsw-btn .bb-badge{top:-5px;right:-5px}
.wsw-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:320px;max-width:calc(100vw - 20px);padding:8px;border-radius:14px;background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.55);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .15s,transform .15s}
.wsw.open .wsw-menu{opacity:1;transform:none;pointer-events:auto}
.wsw-h{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:4px 8px 8px}
.wsw-opt{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:10px;text-align:left;border:1px solid transparent}
.wsw-opt:hover{background:var(--panel2)}
.wsw-opt.on{background:var(--panel2);border-color:var(--green)}
.wsw-opt[data-w="bonus"].on{border-color:var(--yellow)}
.wsw-opt.off{opacity:.65}
.wsw-ic{font-style:normal;font-size:20px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.06);flex:none}
.wsw-opt span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.wsw-opt span b{font-size:14px;white-space:nowrap}
.wsw-opt span small{font-size:11px;color:var(--muted)}
.wsw-opt em{font-style:normal;font-weight:800;font-size:14px;white-space:nowrap}
.wsw-opt[data-w="bonus"] em{color:var(--yellow)}
.wsw-opt.on::after{content:'✓';font-weight:900;color:var(--green);margin-left:2px}
.wsw-opt[data-w="bonus"].on::after{color:var(--yellow)}
.wsw-chest{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:6px;padding:10px 12px;border-radius:10px;background:rgba(255,204,31,.12);color:var(--yellow);font-weight:700;font-size:13px}
.wsw-chest b{padding:4px 10px;border-radius:8px;background:var(--yellow);color:#1a1300;font-size:12px}
.wsw-foot{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.wsw-foot button{flex:1;padding:8px;border-radius:8px;font-size:12px;font-weight:600;color:var(--muted)}
.wsw-foot button:hover{background:var(--panel2);color:var(--text)}
@media (max-width:520px){ .wsw-btn small{font-size:10px} .wsw-menu{position:fixed;top:64px;right:10px;left:10px;width:auto;max-width:none} }

/* ---------- boletim: apostar com a conta principal ou bônus ---------- */
.wsl{margin:10px 0 8px}
.wsl-h{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.wsl-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}
.wsl-seg button{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;border-radius:9px;transition:background .15s,box-shadow .15s}
.wsl-seg button b{font-size:12px}
.wsl-seg button small{font-size:12px;color:var(--muted);font-weight:700}
.wsl-seg button.on{background:var(--panel3,#202c25);box-shadow:inset 0 0 0 1.5px var(--green)}
.wsl-seg button.on.is-bonus{box-shadow:inset 0 0 0 1.5px var(--yellow)}
.wsl-seg button.on small{color:var(--text)}
.wsl-seg button.on.is-bonus small{color:var(--yellow)}
.wsl-note{margin-top:6px;font-size:11px;color:var(--muted);text-align:center}
.wsl-warn{font-style:normal;color:#ffb3b3}

/* ---------- banner ao abrir o site ---------- */
body.rbn-lock{overflow:hidden}
.rbn-ov{position:fixed;inset:0;z-index:65;display:grid;place-items:center;padding:16px;background:rgba(3,6,5,.72);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}
.rbn-ov.show{opacity:1}
.rbn{position:relative;width:min(420px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:26px 22px 22px;border-radius:22px;text-align:center;
  background:radial-gradient(120% 70% at 50% 0%,rgba(255,204,31,.22),transparent 60%),linear-gradient(160deg,#2a1747 0%,#171022 55%,#120d18 100%);
  border:1px solid rgba(255,204,31,.35);box-shadow:0 30px 80px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.04) inset;transform:translateY(16px) scale(.97);transition:transform .3s cubic-bezier(.2,1.2,.4,1)}
.rbn-ov.show .rbn{transform:none}
.rbn-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;color:#fff;background:rgba(255,255,255,.1)}
.rbn-x:hover{background:rgba(255,255,255,.2)}
.rbn-art{display:flex;justify-content:center;margin:-4px 0 4px}
.rbn-art .chest-svg{width:132px;height:118px;filter:drop-shadow(0 10px 24px rgba(255,204,31,.35));animation:chIdle 2.2s ease-in-out infinite}
.rbn-art .ch-glow ellipse{opacity:.7}
.rbn-kicker{display:inline-block;padding:4px 10px;border-radius:20px;background:rgba(255,204,31,.15);color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.rbn h2{margin:10px 0 6px;font-size:26px;line-height:1.15;font-weight:900;color:#fff}
.rbn p{margin:0 auto 14px;max-width:320px;color:#d6cfe3;font-size:14px;line-height:1.45}
.rbn p b{color:var(--yellow)}
.rbn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.rbn-steps div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:14px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.06);font-size:12px;font-weight:600;color:#e8e2f2;line-height:1.25}
.rbn-steps i{font-style:normal;font-size:24px;animation:rnPop .5s ease both}
.rbn-steps div:nth-child(2) i{animation-delay:.2s}
.rbn-steps div:nth-child(3) i{animation-delay:.4s}
.rbn-goal{margin-bottom:16px;font-size:13px;color:#d6cfe3}
.rbn-goal b{color:var(--yellow)}
.rbn-cta{width:100%;padding:14px;font-size:16px;font-weight:800;border-radius:14px}

/* ---------- baús por nível (bronze, prata, ouro, diamante, presente) ---------- */
.ch-rivet{fill:#fff;fill-opacity:.55;stroke:#000;stroke-opacity:.35;stroke-width:.6}
.chest-svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.chest-svg.t-gold,.chest-svg.t-diamond{width:80px;height:72px}
.co-stage .chest-svg.t-gold,.co-stage .chest-svg.t-diamond{width:180px;height:160px}
.chest-svg.t-diamond .ch-gem path:first-child{filter:drop-shadow(0 0 4px rgba(127,232,255,.9))}
.chest-svg.t-gold .ch-gem path:first-child{filter:drop-shadow(0 0 3px rgba(255,61,94,.8))}
.chest.locked .chest-svg{filter:grayscale(.75) brightness(.7) drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.chest.locked .chest-svg.t-gold,.chest.locked .chest-svg.t-diamond{filter:grayscale(.35) brightness(.85) drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.chest.ready .chest-svg.t-silver{filter:drop-shadow(0 0 10px rgba(120,170,255,.45))}
.chest.ready .chest-svg.t-gold{filter:drop-shadow(0 0 12px rgba(255,200,60,.55))}
.chest.ready .chest-svg.t-diamond{filter:drop-shadow(0 0 14px rgba(127,232,255,.6))}
.tier-tag{position:absolute;top:6px;right:6px;font-style:normal;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:6px;line-height:1.3}
.chest.locked .tier-tag{top:auto;bottom:-7px;right:50%;transform:translateX(50%);white-space:nowrap}
.tier-tag.t-bronze{background:linear-gradient(135deg,#ffd29a,#b8722f);color:#3a1d06}
.tier-tag.t-silver{background:linear-gradient(135deg,#ffffff,#9aa8b8);color:#1b2533}
.tier-tag.t-gold{background:linear-gradient(135deg,#fff3b0,#e0a90f);color:#3d2a00}
.tier-tag.t-diamond{background:linear-gradient(135deg,#e9fdff,#69d6ff 50%,#b57bff);color:#1a0f3d}
.tier-tag.t-gift{background:linear-gradient(135deg,#d9ffe9,#38c27d);color:#06301a}
.chest.locked{padding-bottom:14px}