/* black bears (the game's collared bear) walking across the scroll movie while the grizzly is on screen; they walk out at the end */
.bw{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .8s ease;z-index:4}
.bw.on{opacity:1}
.bw i{position:absolute;left:0;bottom:var(--b,18vh);height:var(--h,14vh);width:calc(var(--h,14vh) * 1.45);animation:bwWalk var(--d,26s) linear infinite;animation-delay:var(--dl,0s);will-change:transform}
.bw i img{display:block;height:100%;width:auto;max-width:none;animation:bwBob .55s ease-in-out infinite alternate;filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}
@keyframes bwWalk{0%{transform:translateX(-40vw) scaleX(-1)}49.9%{transform:translateX(120vw) scaleX(-1)}50%{transform:translateX(120vw) scaleX(1)}100%{transform:translateX(-40vw) scaleX(1)}}
@keyframes bwBob{from{transform:translateY(0) rotate(-1.2deg)}to{transform:translateY(-1.5%) rotate(1.2deg)}}
.bw.out i{animation:bwOut 7s ease-in forwards}
@keyframes bwOut{0%{transform:translateX(var(--x,30vw)) scaleX(-1)}100%{transform:translateX(130vw) scaleX(-1)}}
@media (max-width:640px){.bw i{height:calc(var(--h,6vh) * .75);width:calc(var(--h,6vh) * .75 * 1.45);bottom:calc(var(--b,9vh) + 24vh)}.bw{z-index:5}}