/* APOIO-SLOTS — Beijo de Afrodite (9º jogo, afrodite.js): fim de tarde rosa, mar lo-fi, conchas, bolhas e corações. */
.afrodite{--s5-fundo:#f7c9d6;--s5-tinta:#5a2340;--s5-ouro:#ff7eb6;--s5-ouro2:#ff4f8b;--s5-brilho:#ff9ccc;
  --s5-moldura:linear-gradient(180deg,#ffe3ee,#ffb3cf 40%,#f58ab4 60%,#ffd6e6);--s5-rolos:linear-gradient(180deg,#fff6f9,#ffe9f1 50%,#fff6f9);
  --s5-botao:radial-gradient(circle at 50% 35%,#ffd6e8,#ff7eb6 55%,#d63d7d)}
.afrodite .s5Rolo{background:rgba(255,180,210,.12)}
.afrodite .s5Rolo::after{background:linear-gradient(180deg,rgba(255,170,205,.45),transparent 18%,transparent 82%,rgba(255,170,205,.45))}
.afrodite .s5Janela{box-shadow:0 18px 40px rgba(150,40,90,.35),0 0 0 3px #fff,0 0 50px rgba(255,140,200,.5)}
.afrodite .s5Mensagem,.afrodite .s5Aposta,.afrodite .s5Ultimo,.afrodite .s5Tabela,.afrodite .s5Saldo,.afrodite .s5Fechar{background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(255,126,182,.35);color:var(--s5-tinta)}
.afrodite .s5Fechar{color:#c2306e}
.afrodite .s5Aposta button{background:rgba(255,126,182,.2);color:#c2306e}
.afrodite .s5Girar{color:#fff;text-shadow:0 2px 0 #b02a63}
.afrodite .s5GanhoMsg strong{color:#e0337a;text-shadow:0 0 18px #ffc1dc}
.afrodite .s5Faixa{background:rgba(255,240,246,.92);color:#c2306e}
.afrodite .s5Faixa strong{color:#e0337a}
.afrodite .s5Historico span{background:rgba(255,255,255,.5)}

/* céu lo-fi, sol suave, nuvens, mar com ondas, conchas, bolhas, corações e grão de filme */
.afCeu{position:absolute;inset:0;background:linear-gradient(180deg,#c9b6ff 0%,#f4b6d8 30%,#ffc9b8 55%,#ffe2c4 64%,#9fd6e8 65%)}
.afSol{position:absolute;left:50%;top:44%;width:min(54vw,240px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle,#fff6e8,#ffd7c2 60%,rgba(255,200,190,0) 72%);animation:afSol 7s ease-in-out infinite}
@keyframes afSol{50%{transform:translate(-50%,-52%) scale(1.05)}}
.afNuvem{position:absolute;width:220px;height:60px;border-radius:50%;background:rgba(255,255,255,.55);filter:blur(10px);animation:afNuvem 60s linear infinite}
.afNuvem.n1{top:10%;left:-40%}.afNuvem.n2{top:24%;left:-80%;animation-duration:85s;opacity:.7}
@keyframes afNuvem{to{transform:translateX(180vw)}}
.afMar{position:absolute;left:0;right:0;bottom:0;width:100%;height:36%}
.afOnda{animation:afOnda 7s ease-in-out infinite alternate}
.afOnda.o2{animation-duration:5s;animation-direction:alternate-reverse}.afOnda.o3{animation-duration:9s}
@keyframes afOnda{to{transform:translateX(-50px)}}
.afConchas{position:absolute;left:0;right:0;bottom:2%;display:flex;justify-content:space-around;font-size:28px;opacity:.85}
.afConchas span:nth-child(2){transform:rotate(-14deg) translateY(-8px)}.afConchas span:nth-child(4){font-size:20px;transform:rotate(18deg)}
.afBolhas i{position:absolute;bottom:-20px;width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);background:rgba(255,255,255,.15);animation:afBolha 9s linear infinite}
.afBolhas i:nth-child(1){left:6%}.afBolhas i:nth-child(2){left:16%;animation-delay:-3s;width:8px;height:8px}.afBolhas i:nth-child(3){left:27%;animation-delay:-6s}
.afBolhas i:nth-child(4){left:38%;animation-delay:-1.5s;width:16px;height:16px}.afBolhas i:nth-child(5){left:49%;animation-delay:-4.5s}.afBolhas i:nth-child(6){left:60%;animation-delay:-7.5s;width:9px;height:9px}
.afBolhas i:nth-child(7){left:71%;animation-delay:-2.2s}.afBolhas i:nth-child(8){left:80%;animation-delay:-5.2s;width:14px;height:14px}.afBolhas i:nth-child(9){left:89%;animation-delay:-8s}.afBolhas i:nth-child(10){left:95%;animation-delay:-3.7s;width:7px;height:7px}
@keyframes afBolha{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}50%{transform:translateY(-50vh) translateX(10px)}100%{transform:translateY(-105vh) translateX(-8px);opacity:0}}
.afFlutua span{position:absolute;left:calc(6% + var(--i) * 17%);top:calc(12% + var(--i) * 9%);font-size:22px;opacity:.55;animation:afFlutua calc(5s + var(--i) * .8s) ease-in-out infinite alternate}
@keyframes afFlutua{to{transform:translateY(-22px) rotate(12deg)}}
.afGrao{position:absolute;inset:-50%;opacity:.08;mix-blend-mode:multiply;animation:afGrao .8s steps(3) infinite;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes afGrao{33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}}
.afrodite.afSuspira .afSol{animation:afBate .62s ease-in-out infinite}
@keyframes afBate{30%{transform:translate(-50%,-50%) scale(1.12)}}
.afrodite.afApaixonado .afFlutua span{opacity:1;animation-duration:1.2s}
.afrodite::after{content:"";position:fixed;inset:0;z-index:35;pointer-events:none;background:radial-gradient(circle,rgba(255,120,180,.0),rgba(255,90,160,.45));opacity:0}
.afrodite.afRosa::after{animation:afRosa 1.2s ease-out}
@keyframes afRosa{20%{opacity:1}100%{opacity:0}}

/* símbolos, marca de batom e o beijão */
.afEmo{display:block}
.afMarca{position:absolute;right:4%;bottom:4%;font-size:calc(var(--s5-cel) * .34);transform:rotate(var(--g,0deg));z-index:4;pointer-events:none;
  filter:drop-shadow(0 0 6px #ff7eb6);animation:afMarca .3s cubic-bezier(.3,1.8,.5,1)}
@keyframes afMarca{from{transform:scale(2.4) rotate(var(--g,0deg));opacity:0}}
.afBeijinho{font-size:44px;transition:left .12s ease-out,top .12s ease-out;filter:drop-shadow(0 0 10px #ff7eb6)}
.afBeijao{font-size:60px;filter:drop-shadow(0 0 30px #ff4f8b)}
.afSobe{font-size:30px}
.afFrase{font:italic 900 46px/1 Georgia,serif;color:#fff;-webkit-text-stroke:2px #d63d7d;text-shadow:0 4px 0 #d63d7d,0 0 30px #ff9ccc;white-space:nowrap}

/* logotipo em letra cursiva rosa */
.afLogo{display:grid;justify-items:center;line-height:.9;font-family:"Brush Script MT","Segoe Script",cursive}
.afLogo small{font:700 11px/1 var(--font);letter-spacing:.3em;color:#b8487a;text-transform:uppercase}
.afLogo strong{font-size:64px;font-weight:700;color:#fff;-webkit-text-stroke:1.5px #e0337a;text-shadow:0 4px 0 #e0337a,0 0 26px #ff9ccc}
.afLogo span{font-size:30px;color:#c2306e;text-shadow:0 2px 0 #fff}
/* Boxes de cena com letreiro de lâmpadas, sincronizadas ao giro. */
.afCena,.zeCena{position:relative;isolation:isolate;overflow:hidden;width:min(calc(100% - 28px),700px);height:clamp(112px,24vw,172px);margin:10px auto 12px;border:2px solid #d6b77c;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 0 0 3px #24160f,0 0 24px #ffc65b55,inset 0 0 0 1px #fff2;}
.afCena{background:linear-gradient(180deg,#a9487960,#60324a70),linear-gradient(135deg,#f9c7d9,#e987b3 48%,#82b9ca)}
.zeCena{background:radial-gradient(ellipse at 50% 115%,#9b70e8,#312459 58%,#101629)}
.afLampadas,.zeLampadas{position:absolute;z-index:4;inset:5px 7px;pointer-events:none;border-radius:5px;background:radial-gradient(circle,#fff5dc 0 2px,#ffd0e5 3px,transparent 5px) left top/24px 7px repeat-x,radial-gradient(circle,#fff5dc 0 2px,#ffd0e5 3px,transparent 5px) left bottom/24px 7px repeat-x,radial-gradient(circle,#fff5dc 0 2px,#ffd0e5 3px,transparent 5px) left top/7px 22px repeat-y,radial-gradient(circle,#fff5dc 0 2px,#ffd0e5 3px,transparent 5px) right top/7px 22px repeat-y;filter:drop-shadow(0 0 4px #ffb8d7);animation:cenaPisca 1s steps(2,end) infinite}
.zeLampadas{background:radial-gradient(circle,#fff7c8 0 2px,#b9a1ff 3px,transparent 5px) left top/24px 7px repeat-x,radial-gradient(circle,#fff7c8 0 2px,#b9a1ff 3px,transparent 5px) left bottom/24px 7px repeat-x,radial-gradient(circle,#fff7c8 0 2px,#b9a1ff 3px,transparent 5px) left top/7px 22px repeat-y,radial-gradient(circle,#fff7c8 0 2px,#b9a1ff 3px,transparent 5px) right top/7px 22px repeat-y;filter:drop-shadow(0 0 4px #a98aff)}
.afCena small,.zeCena small{z-index:1;font:700 9px Georgia,serif;letter-spacing:.2em;color:#fff5e9;text-shadow:0 2px 4px #301027}
.afCena>strong,.zeCena>strong{z-index:1;font:italic 700 clamp(15px,3vw,22px) Georgia,serif;color:white;text-shadow:0 2px 5px #31162e;text-align:center}
.afCenaArte,.zeCenaArte{position:absolute;inset:8% 20%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(28px,7vw,60px);opacity:.82;filter:drop-shadow(0 5px 6px #29142666)}
.afCenaArte b,.zeCenaArte b{font-size:clamp(40px,10vw,80px);animation:cenaflutua 2.4s ease-in-out infinite}.afCenaArte span,.zeCenaArte i{animation:cenaflutua 1.8s ease-in-out infinite alternate}
.afCenaGiro .afLampadas,.zeCenaGiro .zeLampadas{animation-duration:.24s}.afCenaBeijo .afLampadas,.zeCenaPremio .zeLampadas{animation:cenaPremio .28s ease-in-out 5}
.zeCenaGiro .zeCenaArte i{animation:zeRaios .3s steps(2,end) infinite}.zeCenaPremio .zeCenaArte b{animation:zeTrovao .6s ease-out 3}
@keyframes cenaPisca{50%{opacity:.48}}@keyframes cenaPremio{50%{filter:brightness(2) drop-shadow(0 0 9px #fff)}}@keyframes cenaflutua{50%{transform:translateY(-6px)}}@keyframes zeRaios{50%{opacity:.15;transform:scale(1.4)}}@keyframes zeTrovao{40%{transform:scale(1.25);filter:drop-shadow(0 0 20px #fff)}}
@media(prefers-reduced-motion:reduce){.afCena *,.zeCena *{animation:none!important}}