/* matadouro: azulejo encardido, luz que falha, ganchos, carne pendurada, sangue na parede e alguém olhando do escuro */
.app.hell::after{box-shadow:inset 0 0 110px 8px #000}
.app.hell .scene{background:#040202}
.app.hell .scene::after{inset:0;opacity:1;background:radial-gradient(ellipse 72% 50% at 50% 46%,rgba(0,0,0,0) 0,rgba(0,0,0,.38) 60%,rgba(0,0,0,.84) 100%)}
.app.hell .sun,.app.hell .cloud,.app.hell .stars{display:none}
.app.hell .isle{background:radial-gradient(ellipse at 46% 38%,#7A0C12 0,#4A070B 45%,#1C0304 100%);box-shadow:inset 0 3px 2px rgba(255,150,150,.16),0 0 0 1px #120203;filter:none;transform:scale(calc(.72 + var(--gore,0)*.5),calc(.6 + var(--gore,0)*.5));transition:transform 1.2s}
.app.hell .embers i{width:2px;height:2px;background:#6B625C;box-shadow:none;animation-duration:22s}
.app.hell .stage svg{filter:saturate(.72) brightness(.86) drop-shadow(0 16px 14px rgba(0,0,0,.95))}
.app.hell .hint{color:rgba(190,172,160,.6)}
.hl .wall{inset:0 0 calc(226px + var(--sab));background:repeating-linear-gradient(0deg,rgba(0,0,0,.6) 0 2px,transparent 2px 54px),repeating-linear-gradient(90deg,rgba(0,0,0,.6) 0 2px,transparent 2px 54px),radial-gradient(ellipse 60% 30% at 20% 90%,rgba(40,24,10,.8),transparent 70%),radial-gradient(ellipse 50% 40% at 85% 60%,rgba(20,16,8,.8),transparent 70%),linear-gradient(180deg,#22221D,#2D2C25 55%,#14120E)}
.hl .floor{left:0;right:0;bottom:0;height:calc(226px + var(--sab));background:linear-gradient(180deg,#000 0,#14100E 5px,#0A0706 40%,#020101);border-top:1px solid #000}
.hl .lamp{inset:0;background:radial-gradient(ellipse 62% 40% at 50% 42%,rgba(196,170,120,.3),rgba(196,170,120,0) 72%);animation:hflk 9s steps(1) infinite}
@keyframes hflk{0%,100%{opacity:1}37%{opacity:.25}38.2%{opacity:.9}39.4%{opacity:.1}41%{opacity:1}71%{opacity:.4}72%{opacity:1}88%{opacity:0}91%{opacity:1}}
.hl .bld{inset:0;opacity:calc(.5 + var(--gore,0)*.5);transition:opacity 1s}
.hl .wb{border-radius:0 0 5px 5px;background:linear-gradient(180deg,rgba(74,7,11,0),#4A070B 14%,#6B0A0F 86%,#7D0D13)}
.hl .hp{width:54px;height:100px}
.hl .tly{width:60px;height:34px;opacity:.3}
.hl .hang{top:-10px;width:60px;transform-origin:50% 0;animation:hsw 6s ease-in-out infinite alternate}
.hl .hang::before{content:"";position:absolute;left:50%;top:0;bottom:var(--cb,40px);width:10px;margin-left:-5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath d='M5 11v7' stroke='%2334343A' stroke-width='2.2'/%3E%3Crect x='2.300' y='1' width='5.400' height='11' rx='2.700' fill='none' stroke='%235C5C64' stroke-width='1.800'/%3E%3C/svg%3E") repeat-y 0 0/10px 18px}
.hl .hang svg{position:absolute;left:0;bottom:0;height:auto}
.hl .hang .dp{position:absolute;left:50%;bottom:-4px;width:4px;height:7px;margin-left:-2px;border-radius:50% 50% 50% 50%/70% 70% 30% 30%;background:#6B0A0F;animation:hdp 3.1s ease-in infinite}
@keyframes hsw{from{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}
@keyframes hdp{0%{transform:translateY(0) scaleY(.3);opacity:0}30%{transform:translateY(0) scaleY(1);opacity:1}100%{transform:translateY(190px) scaleY(1.5);opacity:.9}}
.hl .fig{left:1%;width:58px;height:204px;bottom:calc(222px + var(--sab));opacity:0;animation:hfig 31s linear infinite}
@keyframes hfig{0%,54%{opacity:0}57%{opacity:.92}66%{opacity:.92}66.500%{opacity:0}100%{opacity:0}}
.hl .ey{width:15px;height:4px;opacity:0;animation:hey 13s linear infinite}
.hl .ey::before,.hl .ey::after{content:"";position:absolute;top:0;width:4px;height:4px;border-radius:50%;background:#D9D2C4;box-shadow:0 0 5px rgba(217,210,196,.6)}
.hl .ey::after{right:0}
@keyframes hey{0%,60%{opacity:0}63%{opacity:.85}74%{opacity:.85}74.500%{opacity:0}75.500%{opacity:.85}86%{opacity:.85}90%,100%{opacity:0}}
.hl .gsp{transform:translate(-50%,-50%) rotate(var(--r,0deg));opacity:.92;animation:gsp .16s ease-out}
.hl .gsp .gdp{transform-box:fill-box;transform-origin:50% 0;animation:gdp 3.5s ease-out both}
@keyframes gsp{from{transform:translate(-50%,-50%) rotate(var(--r,0deg)) scale(.2);opacity:0}}
@keyframes gdp{from{transform:scaleY(0)}}
.hl .grain{inset:-60px;opacity:.2;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");animation:hgr .5s steps(4) infinite}
@keyframes hgr{0%{transform:translate(0,0)}25%{transform:translate(-34px,22px)}50%{transform:translate(28px,-40px)}75%{transform:translate(-18px,-26px)}}
/* matadouro: a interface vira ferro preto com sangue escorrendo por baixo das armas */
.app.hell #s-home .glass,.app.hell .nav{background:rgba(5,2,2,.86);color:#C9BDB0;border-color:#2C0709;box-shadow:inset 0 1px 0 rgba(120,20,24,.3),0 10px 30px #000}
.app.hell .fight::after{content:"";position:absolute;left:4px;right:4px;top:calc(100% - 3px);height:50px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 46' preserveAspectRatio='none'%3E%3Cpath d='M0 0H200V4Q196 6 194 14 193 22 190 14 188 5 180 5 170 5 168 20 167 40 163 40 159 40 158 20 156 5 146 4 130 4 128 12 126 26 123 12 121 4 110 4 96 5 94 16 93 30 90 30 87 30 86 16 84 5 70 4 56 4 54 10 52 18 50 10 48 4 38 5 30 5 29 22 28 44 24.500 44 21 44 20 22 19 6 10 5 4 5 0 8Z' fill='%235A080C'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.app.hell .wep{background:#8F857E;color:#0C0506;box-shadow:inset 0 0 12px rgba(0,0,0,.55)}
.app.hell .wep.on{background:#C9BDB0;border-color:#6B0A0F;box-shadow:inset 0 0 10px rgba(107,10,15,.55),0 0 0 1px #000}
.app.hell .modeseg button.on[data-m=porrada]{background:#6B0A0F;color:#E6D9CC}
.app.hell .nav button.on{background:#3A0508;box-shadow:none;color:#E6D9CC}
/* submundo: carrasco de couro com machado, diabretes voando, carniçal espiando da borda e ratazana correndo no rodapé */
.hl .crr{right:-14px;width:132px;height:264px;bottom:calc(214px + var(--sab));transform-origin:50% 100%;animation:cbr 4.2s ease-in-out infinite;filter:drop-shadow(0 10px 10px #000)}
.hl .crr .ce{animation:cey 3.3s ease-in-out infinite}
.hl .crr .axe{transform-origin:21px 160px}
@keyframes cbr{50%{transform:scale(1.012,1.022)}}
@keyframes cey{50%{opacity:.3}}
.hl .imp{left:-80px;width:56px;height:36px;animation:impf 26s linear infinite}
.hl .imp .wg{transform-box:fill-box;transform-origin:100% 80%;animation:impw .22s ease-in-out infinite alternate}
@keyframes impf{0%{transform:translate(0,0)}12%{transform:translate(140px,-26px)}24%{transform:translate(290px,14px)}36%{transform:translate(440px,-20px)}46%,100%{transform:translate(600px,0)}}
@keyframes impw{from{transform:scaleY(1)}to{transform:scaleY(-.4)}}
.hl .ghl{left:-12px;width:66px;height:86px;bottom:calc(282px + var(--sab));animation:ghp 12s ease-in-out infinite}
@keyframes ghp{0%,30%{transform:translateX(-62px)}38%,82%{transform:translateX(0)}90%,100%{transform:translateX(-62px)}}
.hl .rat{left:-50px;width:40px;height:18px;bottom:calc(220px + var(--sab));animation:ratr 19s linear infinite}
@keyframes ratr{0%,62%{transform:translateX(0)}100%{transform:translateX(560px)}}
@media (max-width:350px){.hl .crr{scale:.84}}
@media (max-height:600px){.hl .crr{scale:.72}}