/* APOIO-SLOTS — o show: entrada no cassino, cassino frenético, prêmios e falência. */

/* ---------- chuva e texto flutuante ---------- */
.fxChuva{position:fixed;inset:0;width:100%;height:100%;z-index:90;pointer-events:none}
.flutua{position:fixed;z-index:91;transform:translate(-50%,0);pointer-events:none;font-family:var(--serif);font-weight:700;font-size:34px;color:#ffe9a8;
  text-shadow:0 2px 0 #7a5212,0 0 18px rgba(255,210,120,.8);animation:flutua 1.6s var(--ease) forwards}
@keyframes flutua{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}15%{opacity:1;transform:translate(-50%,-10px) scale(1.15)}100%{opacity:0;transform:translate(-50%,-90px) scale(1)}}

/* ---------- ENTRADA NO CASSINO ---------- */
.show{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;overflow:hidden;text-align:center;
  background:radial-gradient(70% 50% at 50% 40%,#1c5a41,#08170f 70%,#030806);transition:opacity .45s var(--ease)}
.show.et-saindo{opacity:0}
.showRaios{position:absolute;left:50%;top:40%;width:220vmax;height:220vmax;transform:translate(-50%,-50%);opacity:0;transition:opacity 1s;
  background:repeating-conic-gradient(rgba(255,220,140,.13) 0 6deg,transparent 6deg 18deg);animation:raios 18s linear infinite}
.show.et-abriu .showRaios{opacity:1}
@keyframes raios{to{transform:translate(-50%,-50%) rotate(360deg)}}
.porta{position:absolute;top:0;bottom:0;width:50.5%;z-index:5;display:grid;place-items:center;transition:transform 1.1s cubic-bezier(.7,0,.2,1);
  background:linear-gradient(90deg,#0d2a1e,#173f2e 50%,#0d2a1e);box-shadow:inset 0 0 0 2px rgba(201,164,92,.55),inset 0 0 0 14px #0b2219,inset 0 0 0 15px rgba(201,164,92,.35)}
.porta span{font-size:90px;color:rgba(201,164,92,.55);text-shadow:0 0 20px rgba(201,164,92,.3)}
.porta.esq{left:0;border-right:2px solid #c9a45c}
.porta.dir{right:0;border-left:2px solid #c9a45c}
.show.et-abriu .porta.esq{transform:translateX(-102%)}
.show.et-abriu .porta.dir{transform:translateX(102%)}

.showLetreiro{position:relative;z-index:2;padding:16px 22px;border-radius:22px;opacity:0;transform:scale(.6);transition:all .6s cubic-bezier(.3,1.6,.5,1);
  background:linear-gradient(180deg,rgba(20,10,4,.75),rgba(40,20,6,.75));box-shadow:0 0 0 2px #c9a45c,0 0 0 6px rgba(20,10,4,.8),0 0 0 7px rgba(201,164,92,.5),0 0 60px rgba(255,190,90,.35)}
.show.et-letreiro .showLetreiro{opacity:1;transform:none}
.showLuzes{display:flex;justify-content:space-between;gap:6px}
.showLuzes i{width:8px;height:8px;border-radius:50%;background:#ffe3a0;box-shadow:0 0 10px #ffcf6a;animation:luzCorre 1s infinite}
.showLuzes i:nth-child(3n+1){animation-delay:.33s}.showLuzes i:nth-child(3n+2){animation-delay:.66s}
@keyframes luzCorre{0%,60%{opacity:1}70%,100%{opacity:.2}}
.showSobre{font-family:var(--serif);font-style:italic;color:#e6d3a8;font-size:16px;margin-top:8px}
.showNome{display:flex;flex-direction:column;line-height:.95;margin:4px 0 8px}
.showNome span{font-family:var(--serif);font-weight:800;font-size:clamp(46px,14vw,70px);letter-spacing:.04em;
  background:linear-gradient(180deg,#fff4cf,#f0c766 45%,#b8842e 80%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #5a3a0c) drop-shadow(0 0 18px rgba(255,200,100,.45))}
.showNome span:last-child{font-size:clamp(30px,9vw,44px);letter-spacing:.3em;padding-left:.3em}
.show.et-letreiro .showNome span{animation:pulsa 1.2s ease-in-out infinite}
@keyframes pulsa{50%{filter:drop-shadow(0 3px 0 #5a3a0c) drop-shadow(0 0 30px rgba(255,210,120,.8))}}

.showPerfil,.showCaixa,.showBonus,.showBora{position:relative;z-index:2;opacity:0;transform:translateY(16px);transition:all .5s var(--ease)}
.show.et-perfil .showPerfil,.show.et-caixa .showCaixa,.show.et-bonus .showBonus,.show.et-pronto .showBora{opacity:1;transform:none}
.showPerfil{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:22px;font-weight:700;color:#f4ecdd}
.showEmoji{font-size:34px;animation:quica .8s cubic-bezier(.3,1.8,.5,1)}
@keyframes quica{from{transform:scale(0) rotate(-30deg)}}
.showCaixa{padding:12px 30px;border-radius:18px;background:linear-gradient(160deg,#1f6b4c,#0f3a29);box-shadow:inset 0 0 0 1.5px #3c9a72,0 12px 30px rgba(0,0,0,.5)}
.showCaixa small{display:block;font-size:13px;color:rgba(242,237,228,.75);letter-spacing:.12em;text-transform:uppercase}
.showCaixa strong{display:block;font-size:44px;font-weight:800;letter-spacing:-.02em;color:#fff;text-shadow:0 0 18px rgba(120,255,190,.35);font-feature-settings:"tnum" 1}
.showBonus{display:flex;flex-direction:column;gap:6px}
.showBonus span{display:inline-block;padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px;color:#1a1408;background:linear-gradient(180deg,#f6dea2,#d8b46a);box-shadow:0 0 16px rgba(226,194,127,.35);animation:pisca 1.2s infinite}
.showBonus span:nth-child(2){animation-delay:.4s}.showBonus span:nth-child(3){animation-delay:.8s}
@keyframes pisca{50%{transform:scale(1.06);box-shadow:0 0 26px rgba(226,194,127,.7)}}
.showBora{width:min(380px,100%);animation:chama 1s ease-in-out infinite}
@keyframes chama{50%{transform:scale(1.04)}}

/* ---------- cassino frenético ---------- */
.letreiro{height:34px;margin:0 -20px 6px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:13.5px;color:#e8dfcf;
  background:linear-gradient(90deg,transparent,rgba(201,164,92,.16) 20%,rgba(201,164,92,.16) 80%,transparent);border-bottom:1px solid rgba(201,164,92,.25)}
.letreiroItem{animation:entraLetreiro .5s var(--ease);white-space:nowrap}
.letreiroItem b{color:#fff}.letreiroItem strong{color:#ffd77a}
.letreiroItem::before{content:"🔥 ";}
@keyframes entraLetreiro{from{opacity:0;transform:translateY(12px)}}
.acumulado{position:relative;margin:16px 0 0;padding:16px 16px 14px;border-radius:20px;text-align:center;overflow:hidden;
  background:radial-gradient(90% 120% at 50% 0%,rgba(201,164,92,.28),rgba(30,14,4,.85) 70%),#1a0f06;box-shadow:inset 0 0 0 1.5px rgba(201,164,92,.7),0 0 30px rgba(201,164,92,.15)}
.acumulado small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#e2c27f}
.acumulado strong{display:block;font-family:var(--serif);font-size:38px;font-weight:800;color:#ffe9a8;text-shadow:0 0 20px rgba(255,200,100,.6);animation:pulsaPote 1.6s ease-in-out infinite;font-feature-settings:"tnum" 1}
.acumulado span{font-size:13px;color:rgba(242,237,228,.6)}
@keyframes pulsaPote{50%{transform:scale(1.04);text-shadow:0 0 32px rgba(255,210,120,.9)}}
.acumulado::before,.acumulado::after{content:"";position:absolute;left:12px;right:12px;height:6px;
  background:radial-gradient(circle,#ffe3a0 2.2px,transparent 3px) 0 0/16px 6px repeat-x;animation:luzesPote .8s steps(2) infinite;opacity:.9}
.acumulado::before{top:6px}.acumulado::after{bottom:6px;animation-delay:.4s}
@keyframes luzesPote{50%{opacity:.25}}
.selo{align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;color:#1a1408;background:linear-gradient(180deg,#ffd77a,#e09a2c);margin-bottom:2px;animation:pisca 1.4s infinite}
.maquina .brilho{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,240,200,.16) 50%,transparent 60%);transform:translateX(-100%);animation:varre 3.2s ease-in-out infinite}
.maquina:nth-child(2) .brilho{animation-delay:.8s}.maquina:nth-child(3) .brilho{animation-delay:1.6s}.maquina:nth-child(4) .brilho{animation-delay:2.4s}
@keyframes varre{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.saldo strong{transition:color .3s}
#hub .parar{margin:22px auto 8px;font-size:13px;color:rgba(242,237,228,.4)}

.toastCassino{position:fixed;z-index:95;left:50%;top:calc(12px + var(--safe-t));transform:translate(-50%,-140%);max-width:calc(100% - 24px);padding:10px 16px;border-radius:999px;
  background:rgba(12,24,18,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(201,164,92,.5),0 10px 30px rgba(0,0,0,.5);
  font-size:14px;font-weight:600;color:#f4ecdd;transition:transform .35s cubic-bezier(.3,1.5,.5,1);text-align:center}
.toastCassino.visivel{transform:translate(-50%,0)}
.toastCassino.ouro{background:linear-gradient(180deg,#f6dea2,#d8b46a);color:#1a1408;box-shadow:0 0 30px rgba(226,194,127,.6)}

.folhaCaixa .opcao.usada{opacity:.4;filter:grayscale(1)}
.folhaCaixa h2{font-family:var(--serif)}

/* ---------- sem nada ---------- */
.falencia{position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,0);transition:background .6s}
.falencia.aberta{background:rgba(4,2,2,.9)}
.falenciaCaixa{width:min(420px,100%);text-align:center;opacity:0;transform:scale(.9);transition:all .6s var(--ease) .2s}
.falencia.aberta .falenciaCaixa{opacity:1;transform:none}
.falenciaFicha{width:120px;height:120px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:28px;font-weight:700;color:#8a8a8a;
  background:repeating-conic-gradient(#3a3a3a 0 22.5deg,#555 22.5deg 45deg);box-shadow:inset 0 0 0 22px #2a2a2a,0 0 0 3px #222;animation:caiFicha 1.2s cubic-bezier(.5,0,.5,1)}
@keyframes caiFicha{0%{transform:translateY(-60vh) rotate(-200deg)}70%{transform:translateY(10px) rotate(10deg)}100%{transform:none}}
.falenciaCaixa h2{font-family:var(--serif);font-size:32px;margin-bottom:10px}
.falenciaCaixa p{color:#c9c2b6;line-height:1.5}

@media (prefers-reduced-motion:reduce){.showRaios,.acumulado strong,.selo,.maquina .brilho{animation:none!important}}

/* ---------- espelho: Jogadores Anônimos e grupos de apoio ---------- */
.apoioGrupos{padding:20px 18px;background:radial-gradient(120% 80% at 0% 0%,rgba(43,106,80,.35),transparent 60%),var(--surface);box-shadow:inset 0 0 0 1px rgba(201,164,92,.35)}
.apoioGrupos h2{font-family:var(--serif);font-size:28px;font-weight:700;margin:6px 0 10px;color:#F4ECDD}
.apoioLead{margin:0 0 12px;font-size:15.5px;line-height:1.55;color:#d9d4cb}
.apoioPontos{list-style:none;margin:4px 0 14px;padding:0;display:grid;gap:8px}
.apoioPontos li{position:relative;padding:10px 12px 10px 36px;border-radius:12px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--line);font-size:15px;line-height:1.45;color:#d9d4cb}
.apoioPontos li::before{content:"✓";position:absolute;left:12px;top:10px;color:var(--brass-hi);font-weight:700}
.apoioPontos b{color:#F4ECDD}
.apoioOutros{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.apoioOutros h3{font-size:16px;font-weight:700;margin:0 0 10px}
.apoioLinha{display:flex;gap:12px;align-items:flex-start;padding:8px 0}
.apoioLinha span{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line)}
.apoioLinha p{margin:0;font-size:14.5px;line-height:1.45;color:#cfc9be}
.apoioLinha b{color:#F4ECDD}

/* ---------- comemoração de prêmio grande (Raro para cima) ---------- */
.festaPremio{position:fixed;inset:0;z-index:72;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;overflow:hidden;
  background:radial-gradient(60% 45% at 50% 50%,color-mix(in srgb,var(--cor) 35%,transparent),rgba(0,0,0,.82) 75%);opacity:0;transition:opacity .3s}
.festaPremio.aberta{opacity:1}
.festaRaios{position:absolute;left:50%;top:50%;width:200vmax;height:200vmax;transform:translate(-50%,-50%);
  background:repeating-conic-gradient(color-mix(in srgb,var(--cor) 22%,transparent) 0 7deg,transparent 7deg 20deg);animation:raios 12s linear infinite}
.festaTitulo{position:relative;font-family:var(--serif);font-weight:800;font-size:clamp(54px,16vw,104px);line-height:1;letter-spacing:.03em;color:#fff;
  text-shadow:0 0 22px var(--cor),0 0 50px var(--cor),0 5px 0 rgba(0,0,0,.5);animation:festaEntra .7s cubic-bezier(.3,1.8,.5,1),pulsaFesta 1s ease-in-out .7s infinite}
@keyframes festaEntra{from{transform:scale(.2) rotate(-12deg);opacity:0}}
@keyframes pulsaFesta{50%{transform:scale(1.06)}}
.festaItem{position:relative;font-size:18px;font-weight:600;color:rgba(255,255,255,.85)}
.festaValor{position:relative;font-family:var(--serif);font-size:clamp(40px,12vw,68px);font-weight:800;color:#ffe9a8;text-shadow:0 0 24px rgba(255,210,120,.8),0 4px 0 #6a4510;font-feature-settings:"tnum" 1}
.festaToque{position:relative;margin-top:12px;font-size:13px;color:rgba(255,255,255,.55);animation:pisca 1.4s infinite}

/* ---------- TUDO OU NADA ---------- */
.tudo{position:fixed;inset:0;z-index:75;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,0);transition:background .3s}
.tudo.aberta{background:rgba(3,6,4,.88)}
.tudoCaixa{position:relative;width:min(420px,100%);padding:28px 20px 18px;border-radius:26px;text-align:center;overflow:hidden;transform:scale(.9);opacity:0;transition:all .35s cubic-bezier(.3,1.5,.5,1);
  background:radial-gradient(100% 70% at 50% 0%,rgba(178,58,58,.45),rgba(20,8,6,.96) 70%);box-shadow:0 0 0 2px #c9a45c,0 0 0 6px rgba(20,10,4,.9),0 0 0 7px rgba(201,164,92,.5),0 0 60px rgba(255,90,60,.3)}
.tudo.aberta .tudoCaixa{transform:none;opacity:1}
.tudoLuzes{position:absolute;left:14px;right:14px;top:10px;height:6px;background:radial-gradient(circle,#ffe3a0 2.2px,transparent 3px) 0 0/16px 6px repeat-x;animation:luzesPote .5s steps(2) infinite}
.tudoCaixa .eyebrow{color:#ffcf7a;margin-top:6px}
.tudoCaixa h2{font-family:var(--serif);font-size:30px;font-weight:800;margin:8px 0 14px;color:#fff3d6}
.tudoValores{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}
.tudoValores div{flex:1;padding:10px;border-radius:14px;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(201,164,92,.35)}
.tudoValores small{display:block;font-size:12px;color:rgba(255,255,255,.6)}
.tudoValores strong{display:block;font-size:20px;font-weight:800;color:#fff;font-feature-settings:"tnum" 1}
.tudoValores div:last-child strong{color:#ffd77a;text-shadow:0 0 14px rgba(255,200,100,.6)}
.tudoSeta{font-size:22px;color:#ffcf7a}
.tudoSub{color:#e8dccb;font-size:15px;margin:6px 0 14px;min-height:22px}
.tudoCartas{display:flex;gap:14px;justify-content:center}
.carta{width:118px;height:164px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;
  background:linear-gradient(160deg,#fbf6ea,#e6dcc6);box-shadow:inset 0 0 0 2px #c9a45c,0 10px 24px rgba(0,0,0,.5);transition:transform .2s;font-weight:700}
.carta span{font-size:58px;line-height:1}
.carta b{font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.carta.vermelha{color:#b3221d}.carta.preta{color:#14181a}
.carta:not(:disabled):hover,.carta:not(:disabled):active{transform:translateY(-6px) rotate(-2deg)}
.carta:disabled{cursor:default;opacity:.55}
.carta.escolhida{opacity:1;animation:tremeCarta .12s linear infinite}
@keyframes tremeCarta{0%{transform:translate(-2px,-4px) rotate(-2deg)}50%{transform:translate(2px,-4px) rotate(2deg)}100%{transform:translate(-2px,-4px) rotate(-2deg)}}
.tudo.suspense .tudoCaixa{animation:suspense .5s ease-in-out infinite}
@keyframes suspense{50%{box-shadow:0 0 0 2px #ffd77a,0 0 0 6px rgba(20,10,4,.9),0 0 0 7px #ffd77a,0 0 90px rgba(255,200,90,.6)}}
.cartaVirada{width:150px;height:208px;margin:0 auto;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:800;
  background:linear-gradient(160deg,#fbf6ea,#e6dcc6);box-shadow:inset 0 0 0 2px #c9a45c,0 14px 30px rgba(0,0,0,.6);animation:vira .5s cubic-bezier(.3,1.4,.5,1)}
.cartaVirada span{font-size:80px;line-height:1}.cartaVirada b{font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.cartaVirada.vermelha{color:#b3221d}.cartaVirada.preta{color:#14181a}
@keyframes vira{from{transform:rotateY(90deg) scale(.8)}}
.tudo.ganhou .tudoCaixa{box-shadow:0 0 0 2px #ffd77a,0 0 0 6px rgba(20,10,4,.9),0 0 0 7px #ffd77a,0 0 90px rgba(255,210,100,.7)}
.tudo.ganhou h2{color:#ffe9a8;text-shadow:0 0 20px rgba(255,210,120,.8)}
.tudo.perdeu .tudoCaixa{background:radial-gradient(100% 70% at 50% 0%,rgba(90,10,10,.8),rgba(10,4,4,.98) 70%);animation:tremeTudo .5s cubic-bezier(.36,.07,.19,.97)}
.tudo.perdeu h2{color:#ff6b5e;text-shadow:0 0 20px rgba(255,60,40,.6)}
.tudo.perdeu .tudoValores strong{color:#ff8a80}
.tudo.perdeu{background:rgba(40,0,0,.9)}
@keyframes tremeTudo{10%,90%{transform:translateX(-3px)}20%,80%{transform:translateX(6px)}30%,50%,70%{transform:translateX(-10px)}40%,60%{transform:translateX(10px)}}
#tudoSair{margin-top:16px;color:rgba(255,255,255,.6)}
.tudo.perdeu #tudoSair{color:#fff;font-weight:600}
/* fundos sólidos: o resultado da máquina não aparece por trás */
.festaPremio{background:radial-gradient(60% 45% at 50% 50%,color-mix(in srgb,var(--cor) 38%,#05080a),#020403 78%)}
.tudo.aberta{background:rgba(2,4,3,.96)}
.tudoCaixa{background:radial-gradient(100% 70% at 50% 0%,#5a1a16,#140806 70%)}
.tudo.perdeu .tudoCaixa{background:radial-gradient(100% 70% at 50% 0%,#4a0a0a,#0a0404 70%)}

/* ---------- montanha-russa: explosão, baque e o gráfico do hub ---------- */
.clarao{position:fixed;inset:0;z-index:96;pointer-events:none;background:#fff;animation:clarao .9s ease-out forwards}
@keyframes clarao{0%{opacity:.95}100%{opacity:0}}
body.tremer #palco,body.tremer .tela.ativa,body.tremer .festaPremio{animation:tremeTudo .55s cubic-bezier(.36,.07,.19,.97)}
.festaPremio.explosao .festaTitulo{font-size:clamp(46px,14vw,92px);color:#fff7d6;text-shadow:0 0 30px #ffb23e,0 0 70px #ff7a1a,0 6px 0 rgba(0,0,0,.5)}
.festaPremio.explosao .festaRaios{animation-duration:5s}
.baque{position:fixed;z-index:74;left:50%;top:42%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;padding:18px 26px;border-radius:22px;
  background:radial-gradient(circle,rgba(120,10,10,.85),rgba(40,0,0,.6) 70%,transparent);animation:baque .45s cubic-bezier(.3,1.6,.5,1);transition:opacity .6s,transform .6s}
.baque strong{display:block;font-family:var(--serif);font-size:clamp(38px,11vw,60px);font-weight:800;color:#ff6b5e;text-shadow:0 0 24px rgba(255,40,30,.7),0 4px 0 #3a0505}
.baque span{display:block;margin-top:4px;font-size:15px;font-weight:600;color:#ffd0ca}
.baque.some{opacity:0;transform:translate(-50%,-30%)}
body:has(.baque)::after{content:"";position:fixed;inset:0;z-index:73;pointer-events:none;box-shadow:inset 0 0 120px 30px rgba(200,0,0,.55);animation:clarao 1.6s ease-out forwards}
@keyframes baque{from{transform:translate(-50%,-50%) scale(1.8);opacity:0}}
.montanha{margin:14px 0 0;padding:12px 14px 10px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.montanhaTopo{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}
.montanhaTopo small{font-size:13px;color:#e8dfcf;font-weight:600}
#hubMontanha{display:block;width:100%;height:64px;margin-top:6px}

/* Convite de entrada: movimento concentrado no próximo passo. */
.show{overflow-y:auto;justify-content:safe center}
.show>*:not(.showRaios):not(.porta){flex-shrink:0}
.showConvite{position:relative;z-index:3;width:min(390px,100%);margin-top:10px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .4s,transform .4s}
.show.et-pronto .showConvite{opacity:1;visibility:visible;transform:none}
.showDica{display:block;color:#f5e6bf;font:500 13px/1.5 var(--font)}
.showDica>span{display:inline-block;margin-left:5px;font-size:20px;color:#ffdf83;animation:conviteSeta 1.5s ease-in-out infinite}
.show .showBora{position:relative;isolation:isolate;overflow:hidden;display:flex;gap:18px;width:100%;min-height:68px;margin:10px 0 12px;border:1px solid #ffedb6;border-radius:22px;background:linear-gradient(135deg,#fff0bb,#e6bd64);color:#253c2c;font:750 21px var(--font);letter-spacing:-.4px;box-shadow:0 5px 0 #92713b,0 0 0 5px #f4d37f12;animation:none}
.show.et-pronto .showBora{animation:convitePulso 2.2s ease-in-out infinite}
.show .showBora::after{content:'';position:absolute;inset:-100% auto -100% -70%;width:38%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:rotate(25deg);pointer-events:none;animation:conviteBrilho 3.5s ease-in-out infinite}
.show .showBora b{font:500 27px var(--font);color:#3d512e}
.show .showBora:active{animation:none;transform:translateY(4px);box-shadow:0 1px 0 #92713b}
.show .showBora:focus-visible{outline:3px solid #fff6d2;outline-offset:8px}
.showRodape{font:400 11px/1.5 var(--font);color:#c2cfba}
.show.et-pronto .showBonus span{animation:none;box-shadow:none}
@keyframes convitePulso{50%{box-shadow:0 5px 0 #92713b,0 0 0 9px #f4d37f18,0 0 35px #efd08455;filter:brightness(1.08)}}
@keyframes conviteBrilho{0%,55%{left:-70%}100%{left:145%}}
@keyframes conviteSeta{50%{transform:translateY(5px)}}
@media(max-height:740px){.show{gap:10px;padding:20px}.showLetreiro{padding:12px 18px}.showNome span{font-size:48px}.showNome span:last-child{font-size:30px}.showCaixa strong{font-size:36px}.showPerfil{font-size:18px}.showBonus span{font-size:12px;padding:4px 12px}.showConvite{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.show .showBora,.show .showBora::after,.showDica>span{animation:none!important}.showConvite{transition:none}}