/* =============================
   css/scenes/station.css
   ============================= */
/* ===== cena: posto de gasolina (fase 5) ===== */
#scene-station .bg{left:0;top:0;width:360px;height:640px}
#scene-station .headcard{left:8px;width:196px;top:8px;background:#fff}
#scene-station .headcard b{color:var(--r)}
#scene-station .bal{left:12px;right:12px;top:70px;z-index:8}

#scene-station .suv{left:30px;top:326px;width:260px;height:130px}
#scene-station .suv.fill .body{animation:fillShake .12s infinite alternate}
@keyframes fillShake{to{transform:translateY(-1.5px)}}
#scene-station .hose{left:0;top:0;width:360px;height:640px;pointer-events:none}
#scene-station .pdisp{left:306px;top:363px;width:42px;height:30px;text-align:center;background:#06210f;border-radius:3px;z-index:2;
  display:flex;flex-direction:column;justify-content:center;font-family:"Courier New",monospace;color:#5bff8a;text-shadow:0 0 4px #1cff5a}
#scene-station .pdisp b{font-size:8.5px;line-height:1.1}
#scene-station .pdisp small{font-size:8px;line-height:1.1}

#scene-station .tag{z-index:4}
#scene-station .th{left:8px;top:424px;transform:rotate(-4deg)}
#scene-station .tf{left:134px;top:424px;transform:rotate(3deg);background:#fff}
#scene-station .tb{right:16px;top:462px;transform:rotate(-3deg);background:var(--r);color:#fff;z-index:7}

#scene-station .char.h{left:0;bottom:6px;width:124px;height:186px;z-index:3}
#scene-station .char.attendant{left:104px;bottom:6px;width:124px;height:186px;z-index:3}
/* H com as mãos pra cima (assalto) */
#scene-station .char.up .ar.l{transform:rotate(158deg)}
#scene-station .char.up{animation:shake .1s infinite}

/* bandidos: entram pela direita, saem pela esquerda, na frente de tudo */
#scene-station .char.bandits{right:0;bottom:6px;width:200px;height:133px;z-index:6;transform:translateX(380px)}
#scene-station .char.bandits.in{transform:translateX(0);transition:transform .9s cubic-bezier(.15,.8,.3,1)}
#scene-station .char.bandits.out{transform:translateX(-620px);transition:transform 1s cubic-bezier(.6,0,1,.6)}
#scene-station .char.bandits .spin{animation:spinW .25s linear infinite}
#scene-station .char.bandits .rider,#scene-station .char.bandits .moto{animation:vib .09s infinite alternate}
@keyframes spinW{to{transform:rotate(-360deg)}}
@keyframes vib{to{transform:translateY(1.5px)}}