/* APOIO-SLOTS — Duelo ao Pôr do Sol (8º jogo, oeste.js): o céu em brasa, as mesas, as pistolas e os buracos de bala. */
.oeste{--s5-fundo:#2a0d14;--s5-tinta:#fff1dc;--s5-ouro:#ffb347;--s5-ouro2:#ffe0a8;--s5-brilho:#ff8a3d;
  --s5-moldura:linear-gradient(180deg,#c99a63,#8a5a2e 35%,#5a3518 60%,#b9844c);--s5-rolos:linear-gradient(180deg,#f3dfbd,#e8cf9f 50%,#d9b97f);
  --s5-botao:radial-gradient(circle at 50% 35%,#ffd08a,#e0782e 55%,#8a3410)}
.oeste .s5Rolo{background:rgba(120,70,20,.08)}
.oeste .s5Rolo::after{background:linear-gradient(180deg,rgba(90,45,15,.35),transparent 18%,transparent 82%,rgba(90,45,15,.35))}
.oeste .s5Janela{box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 0 3px #3a1d0c,0 0 50px rgba(255,120,40,.35)}
.oeste .s5Mensagem,.oeste .s5Aposta,.oeste .s5Ultimo,.oeste .s5Tabela,.oeste .s5Saldo,.oeste .s5Fechar{background:rgba(40,10,14,.55)}

/* céu do pôr do sol, sol listrado, mesas, cactos, feno e poeira */
.oeCeu{position:absolute;inset:0;background:linear-gradient(180deg,#2a0f3a 0%,#7a1f45 28%,#e0523a 52%,#ffae4a 68%,#ffd27a 76%,#5a1f2c 77%)}
.oeSol{position:absolute;left:50%;top:44%;width:min(80vw,380px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-30%);
  background:linear-gradient(180deg,#fff2a8,#ffb347 55%,#ff6a3d);box-shadow:0 0 80px 30px rgba(255,140,60,.45);
  -webkit-mask:linear-gradient(#000 0 55%,transparent 55% 58%,#000 58% 66%,transparent 66% 69%,#000 69% 76%,transparent 76% 79%,#000 79%);
  mask:linear-gradient(#000 0 55%,transparent 55% 58%,#000 58% 66%,transparent 66% 69%,#000 69% 76%,transparent 76% 79%,#000 79%);
  animation:oeSol 6s ease-in-out infinite}
@keyframes oeSol{50%{box-shadow:0 0 110px 44px rgba(255,140,60,.55)}}
.oeste.oeTenso .oeSol{animation:oeSolTenso .6s ease-in-out infinite;filter:hue-rotate(-20deg) saturate(1.5)}
@keyframes oeSolTenso{50%{transform:translate(-50%,-30%) scale(1.06)}}
.oeMesas{position:absolute;left:0;right:0;top:62%;width:100%;height:24%}
.oeCactos{position:absolute;left:0;right:0;bottom:0;width:100%;height:24%}
.oeBola{position:absolute;bottom:6%;left:-60px;width:46px;height:46px;opacity:0}
.oeBola svg{width:100%;height:100%;animation:oeGiraBola .7s linear infinite}
.oeBola.rola{animation:oeRola 3.4s cubic-bezier(.4,0,.6,1) forwards}
@keyframes oeRola{0%{opacity:1;transform:translate(0,0)}25%{transform:translate(28vw,-22px)}50%{transform:translate(55vw,0)}75%{transform:translate(82vw,-14px)}100%{opacity:1;transform:translate(115vw,0)}}
@keyframes oeGiraBola{to{transform:rotate(360deg)}}
.oePoeira{position:absolute;left:0;right:0;bottom:0;height:30%;background:radial-gradient(60% 50% at 30% 100%,rgba(255,190,120,.25),transparent),radial-gradient(50% 40% at 80% 100%,rgba(255,170,90,.2),transparent);
  animation:oePoeira 9s ease-in-out infinite alternate}
@keyframes oePoeira{to{transform:translateX(-6%)}}

/* as pistolas: escondidas fora da tela; no giro, sacadas de cada lado */
.oeArmas{position:fixed!important;inset:0;z-index:3!important;pointer-events:none;overflow:hidden}
.oeArma{position:absolute;top:calc(env(safe-area-inset-top) + 74px);width:min(34vw,150px);transition:transform .32s cubic-bezier(.3,1.5,.5,1);filter:drop-shadow(0 8px 10px rgba(0,0,0,.6))}
.oeArma svg{display:block;width:100%}
.oeArmaE{left:0;transform:translateX(-115%) rotate(-30deg)}
.oeArmaD{right:0;transform:translateX(115%) scaleX(-1) rotate(-30deg)}
.oeste.oeSacou .oeArmaE{transform:translateX(-18%) rotate(-8deg)}
.oeste.oeSacou .oeArmaD{transform:translateX(18%) scaleX(-1) rotate(-8deg)}
.oeArmaE.oeCoice{animation:oeCoiceE .18s ease-out}
.oeArmaD.oeCoice{animation:oeCoiceD .18s ease-out}
@keyframes oeCoiceE{40%{transform:translateX(-26%) rotate(-22deg)}}
@keyframes oeCoiceD{40%{transform:translateX(26%) scaleX(-1) rotate(-22deg)}}

/* símbolos */
.oeEmo{display:block}
.oeEstrela{display:grid;place-items:center;width:84%;aspect-ratio:1;border-radius:50%;font-size:calc(var(--s5-cel) * .55);color:#fff2a8;
  background:radial-gradient(circle at 40% 35%,#ffe9a0,#d99a2e 60%,#8a5a12);box-shadow:inset 0 -3px 0 rgba(0,0,0,.3),0 0 0 2px #6a3f0a;text-shadow:0 2px 0 #7a4a0e}

/* tiro: clarão do cano, rastro da bala, buraco e o "PÁ!" */
.oeClarao{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,#ffe27a 35%,rgba(255,120,40,.6) 55%,transparent 70%)}
.oeRastro{position:absolute;height:3px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(255,240,200,0),#fff2c0 70%,#fff);border-radius:3px;
  box-shadow:0 0 8px #ffb347;animation:oeRastro .18s ease-out forwards}
@keyframes oeRastro{from{opacity:1}to{opacity:0}}
.oeFuro{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--g,0deg));border-radius:50%;z-index:4;pointer-events:none;
  background:radial-gradient(circle,#0b0503 0 26%,#2a1408 34%,rgba(60,30,10,.85) 42%,rgba(255,220,160,.5) 50%,transparent 62%),
    conic-gradient(from 0deg,transparent 0 8%,rgba(30,15,5,.75) 9% 11%,transparent 12% 30%,rgba(30,15,5,.7) 31% 33%,transparent 34% 55%,rgba(30,15,5,.75) 56% 58%,transparent 59% 80%,rgba(30,15,5,.7) 81% 83%,transparent 84%);
  -webkit-mask:radial-gradient(circle,#000 58%,transparent 72%);mask:radial-gradient(circle,#000 58%,transparent 72%);animation:oeFuro .22s cubic-bezier(.3,1.8,.5,1)}
@keyframes oeFuro{from{transform:translate(-50%,-50%) scale(.2)}}
.oeFuroSolto{width:42px;height:42px}
.s5Cel.oeAtingido{animation:oeAtingido .3s ease-out}
@keyframes oeAtingido{30%{transform:translate(3px,-2px) rotate(4deg)}60%{transform:translate(-2px,1px) rotate(-3deg)}}
.oePa{font:900 22px/1 Georgia,serif;color:#fff2c0;letter-spacing:.04em;-webkit-text-stroke:1.5px #5a1f0c;text-shadow:0 3px 0 #5a1f0c;white-space:nowrap}
.oeCarimbo{font:900 50px/1 Georgia,serif;letter-spacing:.06em;color:#ffe0a8;-webkit-text-stroke:2px #5a1f0c;white-space:nowrap;
  text-shadow:0 5px 0 #5a1f0c,0 0 30px #ff8a3d;padding:6px 14px;border:4px solid #ffe0a8;border-radius:10px;background:rgba(90,31,12,.35)}
.oeCartaz{display:grid;justify-items:center;gap:2px;width:180px;padding:12px 10px 14px;border-radius:4px;color:#3a1d0c;
  background:linear-gradient(180deg,#f3dfb0,#e3c58a);box-shadow:0 14px 30px rgba(0,0,0,.6),inset 0 0 30px rgba(120,70,20,.5);font:900 24px/1 Georgia,serif;letter-spacing:.08em}
.oeCartaz i{font-style:normal;font-size:64px;line-height:1.1}
.oeCartaz b:last-child{color:#9a1f12;border:3px solid #9a1f12;padding:2px 10px;transform:rotate(-8deg)}

/* logotipo de madeira e latão */
.oeLogo{display:grid;justify-items:center;line-height:.95;font-family:Georgia,"Times New Roman",serif}
.oeLogo small{font-size:10px;font-weight:700;letter-spacing:.32em;color:#ffe0a8}
.oeLogo strong{font-size:52px;font-weight:900;letter-spacing:.1em;background:linear-gradient(180deg,#fff6d8,#ffc36a 40%,#c8601e 70%,#ffd99a);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px #4a1a08;filter:drop-shadow(0 4px 0 #4a1a08) drop-shadow(0 0 20px rgba(255,140,60,.5))}
.oeLogo span{font-size:15px;font-style:italic;font-weight:700;letter-spacing:.2em;color:#ffe0a8;text-transform:uppercase}

/* Enquadramento de faroeste: rua, duelo e cartazes em papel envelhecido. */
.oeste{--s5-cel:calc((min(100vw,700px) - 66px) / 5);--s5-fundo:#21150f;--s5-ouro:#c89955;--s5-ouro2:#f0d49d;--s5-brilho:#dba15c;--s5-rolos:linear-gradient(#d8bd89,#efdbb4 50%,#c9a971);background:#21150f}
.oeste .s5Cena{background:linear-gradient(#21160c22,#1c130cab 75%),url('../assets/oeste/rua-saloon.webp') center/cover no-repeat,#574029}
.oeste .oeCeu,.oeste .oeSol,.oeste .oeMesas,.oeste .oeCactos{display:none}
.oeste .s5Cena::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,#100b09a0);pointer-events:none}
.oeste .s5Topo,.oeste .s5Maquina,.oeste .s5Painel,.oeste .s5Historico{width:min(100%,700px)}
.oeste .s5Logo{margin:10px 0 0}.oeLogo strong{font-size:44px;letter-spacing:.15em;filter:drop-shadow(0 4px #24190f);background:linear-gradient(#f9e9b8,#c5995b);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:1px #4a301c}.oeLogo small{font-size:9px;letter-spacing:.3em}.oeLogo span{font-size:12px;letter-spacing:.25em}
.oeArena{position:relative;width:min(100%,700px);height:178px;isolation:isolate;overflow:hidden;border-bottom:1px solid #e7ba7540;background:linear-gradient(transparent 50%,#21150e65)}
.oeLetreiroRua{position:absolute;top:6px;width:100%;text-align:center;font:10px Georgia,serif;letter-spacing:.25em;color:#efdcba;opacity:.8}
.oeDuelista{position:absolute;bottom:20px;width:118px;height:142px;transition:transform .35s,filter .35s;filter:drop-shadow(0 6px 6px #0c0908b0)}
.oeDuelista img{width:100%;height:100%;object-fit:contain}.oeDuelistaE{left:12%}.oeDuelistaD{right:12%}.oeDuelistaD img{transform:scaleX(-1);filter:brightness(.5) saturate(.6)}.oeDuelista span{position:absolute;bottom:-7px;left:-20px;right:-20px;text-align:center;font:9px Georgia,serif;letter-spacing:.09em;color:#f0debb}
.oeLegenda{position:absolute;bottom:0;width:100%;text-align:center;font:11px/1.5 Georgia,serif;color:#ffe3b2;text-shadow:0 2px 3px #000;background:#1b110bbb;padding:3px 6px}
.oeste .oeArmas{position:absolute!important;inset:0;z-index:3!important}.oeste .oeArma{top:76px;width:84px}.oeste .oeArmaE{left:calc(12% + 64px)}.oeste .oeArmaD{right:calc(12% + 64px)}
.oeste:not(.oeSacou) .oeArma{opacity:0}.oeste.oeSacou .oeArmaE{transform:rotate(-5deg)}.oeste.oeSacou .oeArmaD{transform:scaleX(-1) rotate(-5deg)}
.oeOlhares{position:absolute;inset:34px 0 24px;display:flex;gap:3px;z-index:4;pointer-events:none;opacity:0;transform:scaleY(.1);transition:transform .25s,opacity .25s;background:#21150e;box-shadow:0 0 0 8px #110d09}
.oeOlhares i{flex:1;background:linear-gradient(#110d0970,#110d0910),url('../assets/icones-premium/pistoleiro.svg') 50% 27%/340px auto no-repeat,#9d7046;filter:sepia(.4)}.oeOlhares i:last-child{transform:scaleX(-1);filter:brightness(.65)}.oeEncarada .oeOlhares,.oeTenso .oeOlhares{opacity:1;transform:scaleY(1)}
.oeSacou .oeDuelistaE{transform:translateX(7px)}.oeSacou .oeDuelistaD{transform:translateX(-7px)}.oeVenceu .oeDuelistaD{transform:translateX(10px) rotate(7deg);filter:brightness(.5)}.oeDerrota .oeDuelistaE{transform:translateX(-10px) rotate(-7deg);filter:brightness(.65)}
.oeste .s5Janela{border-radius:8px;background:repeating-linear-gradient(0deg,#754627 0 3px,#5f3a22 4px 6px,#986238 7px 10px);border:3px solid #bb9052;box-shadow:0 14px 35px #090603aa,inset 0 0 0 2px #332014}
.oeste .s5Rolos{border-radius:3px;gap:4px}.oeste .s5Rolo{border-radius:2px}.oeste .s5Cel{filter:sepia(.3) drop-shadow(0 3px 2px #744b2855)}.oeste .s5Cel::after{content:'';position:absolute;inset:6px;border:1px solid #7c552120;border-radius:2px;pointer-events:none}
.oeste .s5Mensagem{border-radius:5px;background:#20170fe8;border:1px solid #bb90525c;box-shadow:none;margin-top:8px}.oeste .s5Mensagem strong{font:700 22px Georgia,serif}.oeste .s5Mensagem small{font-size:10px;letter-spacing:.08em}
.oeste .s5Painel{grid-template-columns:1fr 1fr;gap:10px;padding-top:12px}.oeste .s5Aposta{grid-column:1;grid-row:1;border-radius:8px;justify-content:center;border:1px solid #bb905240;background:#24180fed}.oeste .s5Ultimo{grid-column:2;grid-row:1;border-radius:8px;background:#24180fed}.oeste .s5Girar{grid-column:1/-1;width:100%;height:56px;border-radius:8px;background:linear-gradient(#ecc889,#bb8443);box-shadow:inset 0 1px #fff8,0 4px #674026;font:900 19px Georgia,serif;letter-spacing:.16em}.oeste .s5Girar.s5Convida{animation:none}.oeste[data-girando="sim"] .s5Girar{letter-spacing:.3em;color:#5c4229}
.oeste .s5Tabela{width:min(calc(100% - 32px),668px);border-radius:6px;background:#24180feb;border:1px solid #bb90523a}.oeste .s5Tabela summary{font:600 13px Georgia,serif}.oeCartaz img{width:100px;height:118px;object-fit:contain;filter:sepia(1)}.oeCartaz{border-radius:0;outline:2px dashed #684423;outline-offset:-7px}.oeCartaz b:last-child{font-size:18px}.oeCarimbo{font-size:clamp(22px,6vw,44px);max-width:94vw;white-space:normal;text-align:center}
.oeste .s5Faixa{background:#2a190dee;border-radius:4px;box-shadow:0 0 0 2px #d1a464}.oeste.s5Tensao .s5Janela{animation:none}.oeste .s5Efeitos{z-index:4!important}
@media(min-width:800px){.oeArena{height:200px}.oeDuelista{height:165px;width:135px}.oeste .oeArma{top:84px;width:100px}.oeste .s5Maquina{max-width:700px}.oeste{--s5-cel:95px}.oeste .s5Logo{margin-top:0}.oeLogo strong{font-size:50px}}
@media(max-width:350px){.oeArena{height:155px}.oeDuelista{width:100px;height:122px}.oeDuelistaE{left:5%}.oeDuelistaD{right:5%}.oeste .oeArmaE{left:calc(5% + 50px)}.oeste .oeArmaD{right:calc(5% + 50px)}.oeste .oeArma{top:65px;width:70px}.oeLetreiroRua{font-size:8px}.oeLogo strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){.oeste *,.oeste *::before,.oeste *::after{animation:none!important;transition:none!important}.oeOlhares{display:none}.oeste .oeRastro{display:none}}

/* Cada giro é uma sequência de quadrinhos pintados, sem os bonecos vetoriais. */
.oeste .oeArena{height:auto;aspect-ratio:2.2;width:min(calc(100% - 28px),672px);margin:12px 14px 6px;border:1px solid #d6b77c88;border-radius:4px;background:#2a1c13;box-shadow:0 8px 26px #08050377;overflow:hidden}
.oeQuadro{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 48%;transform:scale(1.02);transition:transform .65s cubic-bezier(.2,.7,.3,1),object-position .65s,filter .8s}
.oeVinheta{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#100b0990,transparent 25%,transparent 65%,#100b09a6)}
.oeste .oeLetreiroRua{top:0;padding:8px 10px;text-align:left;font:700 10px/1.3 Georgia,serif;letter-spacing:.13em;color:#fff0cc;background:linear-gradient(90deg,#291b13e8,transparent);opacity:1;z-index:2}
.oeste .oeLegenda{bottom:0;padding:8px 10px;font:italic 12px/1.35 Georgia,serif;text-align:left;background:#20150fde;color:#fbe8c6;z-index:2}
.oeArena[data-fase="abertura"] .oeQuadro{transform:scale(1.02)}
.oeArena[data-fase="saque"] .oeQuadro{transform:scale(1.13);object-position:45% 47%}
.oeArena[data-fase="esquerda"] .oeQuadro{transform:scale(1.18) translateX(3%);object-position:42% 46%}
.oeArena[data-fase="direita"] .oeQuadro{transform:scale(1.18) translateX(-3%);object-position:58% 46%}
.oeArena[data-fase="tensao"] .oeQuadro{transform:scale(1.26);filter:contrast(1.1);object-position:50% 40%}
.oeArena[data-fase="vitoria"] .oeQuadro{transform:scale(1.08) translateX(2%);filter:brightness(1.07)}
.oeArena[data-fase="derrota"] .oeQuadro,.oeArena[data-fase="quase"] .oeQuadro{transform:scale(1.06) translateX(-2%);filter:saturate(.65) brightness(.85)}
.oeArena[data-fase="retorno"] .oeQuadro{transform:scale(1.02)}
.oeste .oeArmas .oeArma{opacity:0!important;top:48%;width:12%;height:14%;transform:none!important;animation:none!important}.oeste .oeArmas .oeArmaE{left:23%}.oeste .oeArmas .oeArmaD{right:23%}
.oeArena.oeDisparo::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 70%,#ffc96966,transparent 65%);animation:oePaginaTiro .25s ease-out both}
@keyframes oePaginaTiro{from{opacity:.65}to{opacity:0}}
.oeste .oeCartaz img{width:145px;height:100px;object-fit:cover;object-position:30% 45%;filter:sepia(.85)}
@media(max-width:400px){.oeste .oeArena{aspect-ratio:1.85}.oeste .oeLegenda{font-size:11px}.oeste .oeLetreiroRua{font-size:9px}}
@media(prefers-reduced-motion:reduce){.oeste .oeQuadro{transition:none!important;transform:none!important}.oeArena.oeDisparo::after{display:none}}

/* Preserva a composição completa dos quadrinhos em telas pequenas. */
.oeste .oeArena{height:clamp(142px,30vw,210px);aspect-ratio:auto;width:min(100%,700px);max-width:700px;margin:10px auto 8px;padding:0;border:2px solid #b98a48;border-radius:9px;background:linear-gradient(180deg,#30201a55,#21150f),url('../assets/oeste/rua-saloon.webp') center 58%/cover no-repeat;box-shadow:0 0 0 3px #27190f,0 0 18px #f6ba5840,inset 0 0 0 1px #f9d99066}
.oeLampadas{position:absolute;z-index:6;inset:5px 7px;pointer-events:none;border-radius:5px;background:radial-gradient(circle,#ffe6a1 0 2px,#ffbd54 3px,transparent 5px) left top/24px 7px repeat-x,radial-gradient(circle,#ffe6a1 0 2px,#ffbd54 3px,transparent 5px) left bottom/24px 7px repeat-x,radial-gradient(circle,#ffe6a1 0 2px,#ffbd54 3px,transparent 5px) left top/7px 22px repeat-y,radial-gradient(circle,#ffe6a1 0 2px,#ffbd54 3px,transparent 5px) right top/7px 22px repeat-y;filter:drop-shadow(0 0 3px #ffc14e);animation:oeLuzes 1.1s steps(2,end) infinite}
.oeste[data-girando="sim"] .oeLampadas{animation-duration:.28s}.oeArena.oeBang .oeLampadas{animation:oeClarão .36s ease-out 2}
@keyframes oeLuzes{0%,100%{opacity:.55}50%{opacity:1}}@keyframes oeClarão{0%,100%{opacity:.45}35%{opacity:1;filter:brightness(2) drop-shadow(0 0 8px #fff0a6)}}
.oePistoleiro{position:absolute;z-index:1;bottom:9px;width:clamp(82px,19%,132px);height:88%;display:grid;justify-items:center;align-content:end;filter:drop-shadow(0 7px 5px #100905b0);transform-origin:50% 100%;transition:transform .18s ease-out,filter .18s}
.oeFigura{display:block;width:100%;height:100%;background-image:url('../assets/oeste/pistoleiros.webp');background-repeat:no-repeat;background-size:200% 100%;background-position:left center;filter:drop-shadow(0 5px 4px #10090580)}
.oeArtwork{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 55%;pointer-events:none}
.oePistoleiroD .oeFigura{background-position:right center}
.oePistoleiro .oeNome{position:absolute;bottom:0;padding:2px 5px;background:#24170edb;color:#f4d69a;font:700 8px Georgia,serif;letter-spacing:.12em;white-space:nowrap}
.oePistoleiroE{left:12%}.oePistoleiroD{right:12%;transform:scaleX(-1)}.oePistoleiroD span{transform:scaleX(-1)}
.oeSacou .oePistoleiroE{transform:translateX(8px) rotate(-3deg)}.oeSacou .oePistoleiroD{transform:scaleX(-1) translateX(8px) rotate(-3deg)}
.oeVenceu .oePistoleiroD{transform:translate(13px,5px) rotate(12deg);filter:brightness(.6)}.oeVenceu .oePistoleiroD span{transform:rotate(-12deg) scaleX(-1)}
.oeDerrota .oePistoleiroE{transform:translate(-12px,5px) rotate(-12deg);filter:brightness(.62)}
.oeQuadro{display:none!important}
.oeArena.oeBang::after{content:'✦';position:absolute;z-index:5;left:25%;top:46%;font-size:24px;color:#fff0a8;text-shadow:0 0 12px #ff8c34;animation:oeBala .2s ease-out both;pointer-events:none}
.oeArena.oeBang[data-tiro="direita"]::after{left:auto;right:25%}
.oeArena.oeBang .oeBalaCena{position:absolute;z-index:4;top:48%;height:3px;width:0;background:linear-gradient(90deg,#fff8c8,#ffb23d,transparent);box-shadow:0 0 8px 3px #ffb23d}
.oeArena.oeBang .oeBalaIda{left:27%;transform-origin:left center;animation:oeRastroCena .24s .05s ease-out both}
.oeArena.oeBang .oeBalaVolta{right:27%;transform:scaleX(-1);transform-origin:right center;animation:oeRastroCena .24s .05s ease-out both}
.oeArena.oeBang[data-tiro="direita"] .oeBalaIda{left:auto;right:27%;transform:scaleX(-1);transform-origin:right center}
.oeArena.oeBang[data-tiro="direita"] .oeBalaVolta{left:27%;right:auto;transform:none;transform-origin:left center}
.oeArena.oeBang .oePistoleiro{animation:oeRecuo .3s ease-out both}
.oeArena.oeBang[data-tiro="direita"]::after{animation-delay:.22s}
.oeArena[data-atingido="direita"] .oePistoleiroD,.oeArena[data-atingido="esquerda"] .oePistoleiroE{animation:oeLevaTiro .6s cubic-bezier(.2,.75,.4,1) both;filter:brightness(.62)}
@keyframes oeBala{0%{opacity:0;transform:translateX(0) scale(.3)}25%{opacity:1}100%{opacity:0;transform:translateX(165px) scale(1.2)}}
@keyframes oeRastroCena{to{width:46%}}@keyframes oeRecuo{35%{transform:translateY(-5px) scale(1.03)}100%{transform:translateY(0)}}@keyframes oeLevaTiro{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-9px) rotate(-8deg)}100%{transform:translateY(72px) rotate(55deg);opacity:.35}}