/* roleta russa: cobre tudo (jogo e sheet inclusive) de 1 em 1 minuto */
.rr{z-index:96;background:radial-gradient(circle,rgba(60,8,16,.8),rgba(0,0,0,.95) 70%)}
.rr b{font-size:54px}
.rr .rcyl{width:112px;height:112px;margin:10px auto 4px;transition:transform 2.6s cubic-bezier(.12,.7,.18,1)}
.rr .rcyl svg,.rr .rpet svg{width:100%;height:100%;display:block}
.rr .rmark{width:0;height:0;margin:0 auto;border:9px solid transparent;border-top:14px solid var(--gold)}
/* cena do tiro: PeePee de corpo inteiro (180x225 = desenho 240x300 a 75%) empunhando o revólver (.garm, desenhado pelo petSVG com o.gun).
   No palco (.rpet): .aim leva o cano à têmpora, .tense treme, .click é o gatilho em falso, .fire o coice do disparo, .limp o braço morto e .rhit o corpo tombando */
.rr .rscn{position:relative;width:180px;height:225px;margin:6px auto 26px}
.rr .rpet{position:absolute;inset:0;transform-origin:50% 95%}
.rr .rpet svg{overflow:visible}
.rr .rpet.rhit{animation:rhit 1.4s linear forwards}
.rr .garm{transform-origin:158px 196px;transform:rotate(75deg);transition:transform .55s cubic-bezier(.3,1.3,.5,1)}
.rr .rpet.aim .garm{transform:none}
.rr .rpet.tense .garm{animation:gshk .09s linear infinite}
.rr .rpet.click .garm{animation:gclk .2s ease-out}
.rr .rpet.fire .garm{animation:gfire .3s ease-out}
.rr .rpet.limp .garm{transform:rotate(98deg);transition:transform .45s ease-in}
.rr .gmz{transform-box:fill-box;transform-origin:center;animation:gmz .3s ease-out forwards}
.rr .gdr{stroke-dasharray:100;stroke-dashoffset:100;animation:gdr 1.6s ease-out .1s forwards}
/* estrago fora do desenho: clarão, pedaços e gotas voando, respingos escorrendo na tela e a poça debaixo do corpo */
.rr .rfl{position:absolute;inset:0;pointer-events:none;animation:rfl .4s ease-out forwards}
.rr .rgib{position:absolute;border-radius:50%;pointer-events:none}
.rr .rsplat{position:absolute;pointer-events:none;border-radius:58% 42% 55% 45%/48% 60% 40% 52%;background:radial-gradient(circle at 40% 35%,#D01E34,#8E0F20 70%);box-shadow:14px -8px 0 -6px #8E0F20,-12px 10px 0 -5px #B3202F;animation:pop2 .14s ease-out both}
.rr .rsplat::after{content:"";position:absolute;left:42%;top:70%;width:6px;height:0;border-radius:0 0 4px 4px;background:#8E0F20;animation:rdrip 2.4s ease-in .2s forwards}
.rr .rpool{position:absolute;left:44px;bottom:-12px;width:250px;height:30px;margin-left:-125px;border-radius:50%;background:radial-gradient(ellipse,#B3202F,#6E0A18 75%);border:2.5px solid #3A0308;transform:scale(0);animation:rpool 2.4s ease-out 1.1s forwards}
@keyframes rhit{0%{transform:none}6%{transform:translate(-16px,-4px) rotate(-11deg)}30%{transform:translate(-10px,0) rotate(-7deg)}50%{transform:translate(0,0) rotate(-16deg)}78%{transform:translate(46px,6px) rotate(-70deg)}86%{transform:translate(56px,4px) rotate(-84deg)}93%{transform:translate(56px,6px) rotate(-77deg)}100%{transform:translate(56px,8px) rotate(-81deg)}}
@keyframes gshk{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}
@keyframes gclk{0%,100%{transform:none}40%{transform:rotate(-4deg)}}
@keyframes gfire{0%{transform:none}20%{transform:rotate(-22deg)}100%{transform:none}}
@keyframes gmz{0%{transform:scale(.3);opacity:1}40%{transform:scale(1.5);opacity:1}100%{transform:scale(2);opacity:0}}
@keyframes gdr{to{stroke-dashoffset:0}}
@keyframes rfl{0%{background:#fff;opacity:.95}35%{background:#E0243A;opacity:.6}100%{background:#8E0F20;opacity:0}}
@keyframes rdrip{to{height:var(--dh)}}
@keyframes rpool{to{transform:scale(1)}}
.rr .rmsg{min-height:20px;margin-top:8px;font-weight:800;color:#fff}