/* =============================
   css/scenes/home.css
   ============================= */
/* ===== cena: casa do H (fase 7) ===== */
#scene-home .bg{left:0;top:0;width:360px;height:640px}
#scene-home .headcard{left:8px;width:196px;top:8px;background:#fff}
#scene-home .headcard b{color:#c98a12}
#scene-home .bal{left:12px;right:12px;top:68px;z-index:8}

#scene-home .char.h{left:4px;bottom:6px;width:124px;height:186px;z-index:3}
#scene-home .char.wife{left:206px;bottom:6px;width:124px;height:186px;z-index:2;transition:transform 1.6s ease-in}
#scene-home .char.wife.go{transform:translateX(300px)}
#scene-home .char.wife.go .lg.l{animation:swA .22s infinite alternate}
#scene-home .char.wife.go .lg.r{animation:swB .22s infinite alternate}
#scene-home .char.dog{left:60px;top:526px;width:144px;height:98px;z-index:4;transform-origin:20% 90%}
#scene-home .char.dog.rage{animation:dogRage .12s infinite alternate}
@keyframes dogRage{from{transform:rotate(-1.5deg) translateX(-1px)}to{transform:rotate(1.5deg) translateX(1px)}}
#scene-home .char.dog .dtail{transform-box:fill-box;transform-origin:0 100%;animation:tailW .2s infinite alternate}
@keyframes tailW{to{transform:rotate(14deg)}}

#scene-home .growl{left:70px;top:496px;z-index:5;font:900 22px "PDDTitle",Impact,sans-serif;color:var(--y);text-shadow:2px 0px 0 var(--k),-2px 0px 0 var(--k),0px 2px 0 var(--k),0px -2px 0 var(--k),2px 2px 0 var(--k),-2px -2px 0 var(--k),2px -2px 0 var(--k),-2px 2px 0 var(--k),3px 3px 0 var(--k);opacity:0;transform:rotate(-8deg)}
#scene-home .growl.on{animation:growlA 1.2s ease-out}
@keyframes growlA{0%{opacity:0;transform:scale(.4) rotate(-14deg)}15%{opacity:1;transform:scale(1.2) rotate(-8deg)}70%{opacity:1}100%{opacity:0;transform:scale(1) rotate(-8deg) translateY(-12px)}}

#scene-home .tag{z-index:5}
#scene-home .th{left:8px;top:424px;transform:rotate(-4deg)}
#scene-home .tw{right:30px;top:424px;transform:rotate(3deg);background:#fff}