/* Klimba: scènes in #mountainWrap (de berg staat in klimba.css). */

/* luchtballon: mag de SVG uit, zodat hij pas bij de rand van de container verdwijnt */
.scene-ballon{overflow:visible}
.scene-ballon .bal-sway{animation:balSway 3.2s ease-in-out infinite}
@keyframes balSway{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}
.scene-ballon .bal-cloud{animation:balDrift 38s linear infinite}
.scene-ballon .bal-cloud.c-b{animation-duration:52s;animation-delay:-20s}
.scene-ballon .bal-cloud.c-c{animation-duration:46s;animation-delay:-8s}
@keyframes balDrift{from{transform:translateX(-90px)}to{transform:translateX(230px)}}
.scene-ballon.calm .bal-sway,.scene-ballon.calm .bal-cloud,body.calm .scene-ballon .bal-sway,body.calm .scene-ballon .bal-cloud{animation:none}

/* snoepjes verdelen: het deksel mag de SVG uit vliegen */
.scene-snoep{overflow:visible}

/* kikker op de getallenlijn: golfjes drijven, kikker wiebelt even */
.scene-kikker{overflow:visible}
.scene-kikker .kk-waves{animation:kkWave 4s ease-in-out infinite}
@keyframes kkWave{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
.scene-kikker .kk-bob{animation:kkBob 1.6s ease-in-out infinite}
@keyframes kkBob{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.96)}}
.scene-kikker.calm .kk-waves,.scene-kikker.calm .kk-bob,body.calm .scene-kikker .kk-waves,body.calm .scene-kikker .kk-bob{animation:none}

/* tweeling-klimmers: de spiegellijn glinstert */
.scene-tweeling{overflow:visible}
.scene-tweeling .tw-mirror{animation:twShine 2.4s ease-in-out infinite}
@keyframes twShine{0%,100%{opacity:.5}50%{opacity:1}}
.scene-tweeling.calm .tw-mirror,body.calm .scene-tweeling .tw-mirror{animation:none}

/* raket: vlam flakkert, raket trilt bij het vuren */
.scene-raket{overflow:visible}
.scene-raket .rk-f1,.scene-raket .rk-f2{transform-box:fill-box;transform-origin:50% 0;animation:rkFlick .12s ease-in-out infinite alternate}
.scene-raket .rk-f2{animation-duration:.09s}
@keyframes rkFlick{from{transform:scaleY(.85) scaleX(1.05)}to{transform:scaleY(1.1) scaleX(.95)}}
.scene-raket.firing .rk-shake{animation:rkShake .08s linear infinite}
.scene-raket.blast .rk-shake{animation-duration:.05s}
@keyframes rkShake{0%{transform:translateX(-.6px)}50%{transform:translateX(.6px)}100%{transform:translateX(-.6px)}}
.scene-raket.calm .rk-f1,.scene-raket.calm .rk-f2,.scene-raket.calm .rk-shake,body.calm .scene-raket .rk-f1,body.calm .scene-raket .rk-f2,body.calm .scene-raket .rk-shake{animation:none}

/* vlaggetjes op de berg: de grote vlag wappert */
.scene-vlaggen{overflow:visible}
.scene-vlaggen .vl-flag.big .vl-cloth path{transform-box:fill-box;transform-origin:0 50%;animation:vlWave 1.4s ease-in-out infinite}
@keyframes vlWave{0%,100%{transform:skewY(0)}50%{transform:skewY(-6deg)}}
.scene-vlaggen.calm .vl-cloth path,body.calm .scene-vlaggen .vl-cloth path{animation:none}

/* winkeltje */
.scene-winkel{overflow:visible}

/* pizzabakker: vuur flakkert, stoom stijgt op */
.scene-pizza{overflow:visible}
.scene-pizza #pzFire path{transform-box:fill-box;transform-origin:50% 100%;animation:pzFlick .3s ease-in-out infinite alternate}
@keyframes pzFlick{from{transform:scaleY(.9)}to{transform:scaleY(1.08)}}
.scene-pizza .pz-steam{animation:pzSteam 1.4s ease-out infinite}
@keyframes pzSteam{from{transform:translateY(0);opacity:.85}to{transform:translateY(-14px);opacity:0}}
.scene-pizza.calm #pzFire path,.scene-pizza.calm .pz-steam,body.calm .scene-pizza #pzFire path,body.calm .scene-pizza .pz-steam{animation:none}