.menu-button{position:absolute;bottom:.9em;left:50%;margin-left:-7.53em;width:7.53em;height:2.93em;text-align:center;cursor:pointer;background-image:url('../i/buttons.png');background-position:0 0;background-size:300%;line-height:4.32em;color:transparent;font-family:arial;font-weight:bold;font-size:.7em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}.menu-button:active{background-position:50% 0;}.menu-button.pre-menu{z-index:99;bottom:50%;margin-left:-3.765em;margin-bottom:-1.865em;}.play-game.visible{display:block;}.continue-game.visible{display:block;}.new-game.visible{display:block;}.play-game{z-index:2;margin-left:-3.65em;bottom:.5em;display:none;}.continue-game{z-index:2;margin-left:0;background-position:0 20%;display:none;}.continue-game.map-show{display:none;}.continue-game:active{background-position:50% 20%;}.new-game{z-index:2;background-position:0 40%;display:none;}.new-game.map-show{display:none;}.new-game:active{background-position:50% 40%;}.map-small{bottom:9.7em;background-position:0 60%;display:none;margin-left:0;left:6em;z-index:2;}.map-small.map-show{display:block;}.map-small:active{background-position:50% 60%;}.map-medium{bottom:6em;background-position:100% 80%;display:none;margin-left:0;left:6em;z-index:0;}.map-medium.map-show{display:block;}.map-medium.unlocked{background-position:0 80%;z-index:2;}.map-medium:active{background-position:50% 80%;}.map-large{bottom:2.3em;background-position:100% 100%;display:none;margin-left:0;left:6em;z-index:0;}.map-large.map-show{display:block;}.map-large.unlocked{background-position:0 100%;z-index:2;}.map-large:active{background-position:50% 100%;}.results-scene{bottom:2em;left:50%;width:7.5em;height:3em;background-size:460.4%;z-index:2;}.keep-going{margin-left:0;left:10.9em;background-position:100% 0;}.keep-going.map-show{display:none;}.keep-going:active{background-position:100% 13.5%;}.start-over{background-position:100% 27%;left:4em;margin-left:0;}.start-over.map-show{display:none;}.start-over:active{background-position:100% 40.5%;}.corner-button{background-image:url('../i/buttons.png');background-size:1670%;top:0;right:0;width:1em;height:1em;z-index:4;position:absolute;cursor:pointer;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .2s linear;-moz-transition:-moz-transform .2s linear;-ms-transition:-ms-transform .2s linear;-o-transition:-o-transform .2s linear;transition:transform .2s linear;}.supports-touch .corner-button{width:1.45em;height:1.45em;}.button-home{background-position:70.9% 17.6%;left:0;right:initial;}.button-home:active{background-position:70.9% 44%;}.button-mute{background-position:70.9% 8.8%;right:0;}.button-mute.show{-webkit-transform:translateX(-1.7em);-moz-transform:translateX(-1.7em);-ms-transform:translateX(-1.7em);-o-transform:translateX(-1.7em);transform:translateX(-1.7em);}.button-mute.muted{background-position:70.9% 61.6%;}.button-mute:active{background-position:70.9% 35.2%;}.button-pause{background-position:70.9% 0;right:1em;}.supports-touch .button-pause{right:1.4em;}.button-pause.show{-webkit-transform:translateX(-1.7em);-moz-transform:translateX(-1.7em);-ms-transform:translateX(-1.7em);-o-transform:translateX(-1.7em);transform:translateX(-1.7em);}.supports-touch .button-pause.show{-webkit-transform:translateX(-1.7em);-moz-transform:translateX(-1.7em);-ms-transform:translateX(-1.7em);-o-transform:translateX(-1.7em);transform:translateX(-1.7em);}.button-pause.paused{background-position:70.9% 52.8%;}.button-pause:active{background-position:70.9% 26.4%;}.game-pause-overlay{display:none;background-color:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute;z-index:11;color:white;text-align:center;cursor:pointer;}.game-pause-overlay div{background-image:url(../i/buttons.png);background-size:1500%;background-position:83.3% 56.5%;display:inline-block;margin:20% 1.3% 0 1.3%;height:1.92em;width:1.6em;}.game-pause-overlay.paused{display:block;}.nav-arrow{width:3.2em;height:1.3em;z-index:3;position:absolute;background-image:url('../i/buttons.png');background-size:755%;background-position:99.6% 52.1%;cursor:pointer;}.nav-arrow:active{background-position:99.6% 60.3%;}.nav-arrow.north{top:0;left:50%;margin-left:-1.6em;}.nav-arrow.east{top:50%;right:0;margin-top:-0.65em;transform-origin:3.1em 1.4em;transform:rotate(90deg);-webkit-transform-origin:2em 1.2em;-webkit-transform:rotate(90deg);-ms-transform-origin:2em 1.2em;-ms-transform:rotate(90deg);-moz-transform-origin:2em 1.2em;-moz-transform:rotate(90deg);-o-transform-origin:2em 1.2em;-o-transform:rotate(90deg);}.nav-arrow.south{bottom:0;left:50%;margin-left:-1.6em;transform:scaleY(-1);-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);-moz-transform:scaleY(-1);-o-transform:scaleY(-1);}.nav-arrow.west{top:50%;left:0;margin-top:-0.65em;transform-origin:1.4em 1.4em;transform:rotate(270deg);-webkit-transform-origin:1.2em 1.2em;-webkit-transform:rotate(270deg);-moz-transform-origin:1.2em 1.2em;-moz-transform:rotate(270deg);-ms-transform-origin:1.2em 1.2em;-ms-transform:rotate(270deg);-o-transform-origin:1.2em 1.2em;-o-transform:rotate(270deg);}.nav-arrow.all-hidden,.nav-arrow.east.east-hidden,.nav-arrow.north.north-hidden,.nav-arrow.south.south-hidden,.nav-arrow.west.west-hidden{display:none;}.skip-button{position:absolute;bottom:0;right:.3em;display:none;width:2.9em;height:2.16em;text-align:center;cursor:pointer;background-image:url('../i/buttons.png');background-position:0 58.6%;background-size:600%;line-height:4.32em;color:transparent;font-size:.7em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;z-index:9;}.skip-button:active{background-position:20% 58.6%;}.show-skip{display:block;}.power-up{position:absolute;bottom:-2.5em;right:31%;width:2.2em;height:2.5em;text-align:center;cursor:pointer;background-image:url('../i/buttons.png');background-size:950%;font-size:.7em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;z-index:3;-webkit-transition:-webkit-transform .2s linear;-moz-transition:-moz-transform .2s linear;-ms-transition:-ms-transform .2s linear;-o-transition:-o-transform .2s linear;transition:transform .2s linear;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);}.power-up>div{background:#5FCA0A;border:.1em solid #2D6D0A;font-size:.4em;height:1.1em;line-height:1em;position:absolute;bottom:.3em;right:0;padding:.2em .5em;border-radius:.8em;box-shadow:.05em .05em .1em black;color:white;}.tree-saplings{background-position:38% 59.2%;}.fish-flood{background-position:49.7% 59.2%;}.wildlife-upgrade{background-position:61.4% 59.2%;right:initial;left:31%;}.wildlife-upgrade.show-wildlife-upgrade,.tree-saplings.show-saplings,.fish-flood.show-flood{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);}.tree-saplings.show-saplings.show-flood{-webkit-transform:translate(-65%,-100%) scale(0.8,0.8);-moz-transform:translate(-65%,-100%) scale(0.8,0.8);-ms-transform:translate(-65%,-100%) scale(0.8,0.8);-o-transform:translate(-65%,-100%) scale(0.8,0.8);transform:translate(-65%,-100%) scale(0.8,0.8);}.fish-flood.show-flood.show-saplings{-webkit-transform:translate(15%,-100%) scale(0.8,0.8);-moz-transform:translate(15%,-100%) scale(0.8,0.8);-ms-transform:translate(15%,-100%) scale(0.8,0.8);-o-transform:translate(15%,-100%) scale(0.8,0.8);transform:translate(15%,-100%) scale(0.8,0.8);}@-webkit-keyframes fly1{from{-webkit-transform:translateY(2em);}50%{-webkit-transform:translateY(0);}to{-webkit-transform:translateY(0);}}@keyframes fly1{from{transform:translateY(2em);}50%{transform:translateY(0);}to{transform:translateY(0);}}@-webkit-keyframes fly2{from{-webkit-transform:translateY(2em);}17%{-webkit-transform:translateY(2em);}67%{-webkit-transform:translateY(0);}to{-webkit-transform:translateY(0);}}@keyframes fly2{from{transform:translateY(2em);}17%{transform:translateY(2em);}67%{transform:translateY(0);}to{transform:translateY(0);}}@-webkit-keyframes fly3{from{-webkit-transform:translateY(2em);}33%{-webkit-transform:translateY(2em);}83%{-webkit-transform:translateY(0);}to{-webkit-transform:translateY(0);}}@keyframes fly3{from{transform:translateY(2em);}33%{transform:translateY(2em);}83%{transform:translateY(0);}to{transform:translateY(0);}}@-webkit-keyframes fly4{from{-webkit-transform:translateY(2em);}50%{-webkit-transform:translateY(2em);}to{-webkit-transform:translateY(0);}}@keyframes fly4{from{transform:translateY(2em);}50%{transform:translateY(2em);}to{transform:translateY(0);}}.card{cursor:pointer;position:absolute;bottom:0;left:.1em;background-image:url(../i/card_frame.png);background-position:0 0;border-radius:.3em;background-size:300%;width:2.04em;height:2.04em;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);}.card div{position:absolute;width:83.5%;height:83.5%;background-image:url(../i/cards.png);background-size:500%;color:transparent;left:8.2%;top:8.2%;}.card .add{background-image:url(../i/card_frame.png);background-position:50% 0;background-size:300%;width:100%;height:100%;left:0;top:0;}.card .subtract{background-image:url(../i/card_frame.png);background-position:100% 0;background-size:200%;width:100%;height:100%;}.card.subtract .add{display:none;}.card.add .subtract{display:none;}.placement-0{-webkit-animation:fly1 1s;animation:fly1 1s;left:0;}.placement-1{left:1.9em;-webkit-animation:fly2 1s;animation:fly2 1s;}.placement-2{left:3.8em;-webkit-animation:fly3 1s;animation:fly3 1s;}.placement-3{left:5.7em;-webkit-animation:fly4 1s;animation:fly4 1s;}.placement-4{left:8.5em;-webkit-animation:fly1 1s;animation:fly1 1s;}.forest-trees .image{background-position:0 0;}.fish .image{background-position:25% 0;}.mangrove-trees .image{background-position:50% 0;}.nothing .image{background-position:75% 0;}.forest .image{background-position:100% 0;}.orangutan-male .image{background-position:0 33.333%;}.crocodile .image{background-position:25% 33.333%;}.mudskipper .image{background-position:50% 33.333%;}.nothing .image{background-position:75% 33.333%;}.lake .image{background-position:100% 33.333%;}.bat .image{background-position:0 66.667%;}.stork .image{background-position:25% 66.667%;}.goanna .image{background-position:50% 66.667%;}.nothing .image{background-position:75% 66.667%;}.mangrove .image{background-position:100% 66.667%;}.durian-tree .image{background-position:0 100%;}.orangutan-female .image{background-position:25% 100%;}.monkey .image{background-position:50% 100%;}.orangutan-female.glow-orangutan,.bat.glow-bat{box-shadow:0 0 .2em .15em rgba(255,255,154,0.7);background-color:rgba(255,255,154,0.7);}@font-face{font-family:"exo";font-style:normal;font-weight:normal;src:url('../fonts/Exo2-ExtraBold.ttf');}@font-face{font-family:"exo";font-style:normal;font-weight:normal;src:url(https://:/) format("No-IE-404"),url('../fonts/Exo2-ExtraBold.ttf') format('tff');}body{background:#5A0085;padding:0;margin:0;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}.toggle-full-screen{cursor:pointer;font-family:arial;background:rgba(0,0,0,0.2);border-bottom-left-radius:.2em;border-bottom-right-radius:.2em;width:2em;font-size:.2em;color:#fff;line-height:.38em;text-align:center;margin:auto;position:relative;}#menu-canvas{z-index:1;}.results{width:9.6em;background-image:url(../i/final-results.png);background-position:center center;background-repeat:no-repeat;background-size:100%;position:absolute;height:6.6em;top:1.3em;left:3em;color:white;text-shadow:0 0 .8em white;z-index:1;}.results.map-show{display:none;}.title-desc{margin:12% 7% 0 7%;font-size:.5em;text-align:center;}.score{margin:0 7% 2% 7%;font-size:.7em;text-align:center;font-style:italic;color:#ffff78;text-shadow:0 0 .8em #ffff78;}.score>div{font-size:1.5em;display:inline-block;vertical-align:sub;padding:0 .3em 0 0;}.best{margin:-0.8em 10% .2em 10%;font-size:.4em;}.label{text-align:right;width:62%;display:inline-block;padding:0 1%;}.value{width:25%;display:inline-block;padding:0 1%;}.balance{margin:7% 10% 0 10%;bottom:.5em;left:5%;font-size:.5em;text-align:center;line-height:1.2em;height:3.5em;}div.balance .value>div{display:inline-block;position:static;margin:0 .2em 0 .2em;font-size:1.2em;}#top-bar{height:3em;width:100%;background:#008c8b;position:absolute;}#top-bar-arrow{cursor:pointer;position:absolute;top:10%;left:0;display:block;height:2.4em;width:3.1em;background-image:url('../i/buttons.png');background-position:83.5% 56.5%;background-size:1020%;transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);}#top-bar-back{cursor:pointer;font-family:exo,arial,sans-serif;position:absolute;left:1.5em;top:.1em;width:10%;height:1em;font-size:2em;color:white;}#bottom-bar{height:90%;width:100%;background:black;position:absolute;top:3em;}#root{background:#000;width:100%;height:100%;position:absolute;overflow:hidden;font-family:exo,arial,sans-serif;}#inner-root{left:50%;top:50%;position:absolute;background:url(../i/title-screen.jpg) 50% 100% no-repeat;background-size:100%;overflow:hidden;}#inner-root canvas{position:absolute;width:100%;height:100%;top:0;left:0;}.title-screen{position:absolute;width:100%;height:100%;background:url(../i/title-screen.jpg) 50% 0 no-repeat;background-size:100%;}.cyber{background-image:url(../i/logo.png);background-repeat:no-repeat;background-position:center center;margin-top:1em;height:1.8em;background-size:auto 100%;}.title{background-image:url(../i/title.png);background-repeat:no-repeat;background-position:center center;background-size:auto 100%;height:4.1em;position:absolute;width:13em;left:50%;top:50%;margin:-2.05em 0 0 -6.5em;}.progress-bar{top:9.4em;position:absolute;height:1.1em;width:6.35em;margin-left:-3.175em;margin-top:-0.5em;left:50%;z-index:4;background-image:url(../i/progress.png);background-size:100%;background-position:50% 50%;}#progress-bar-container-container{top:29%;left:12.4%;position:absolute;text-align:center;width:74.2%;height:39%;box-shadow:inset .04em .04em .1em rgba(0,0,0,0.5);background:#98EAE9;z-index:3;}#progress-bar{left:0;top:0;position:absolute;height:100%;width:0;background:#A957BF;box-shadow:inset .04em .04em .1em rgba(0,0,0,0.5);}.load-screen{position:absolute;width:100%;height:100%;background:url(../i/title-screen.jpg) 50% 0 no-repeat;background-size:100%;}.load-screen{color:transparent;}.load-overlay{position:absolute;width:100%;height:100%;background:black;opacity:.8;z-index:98;}.loading-audio{width:100%;height:80%;background-color:rgba(0,0,0,0.6);position:absolute;font-size:.8em;color:white;padding:20% 0 0 0;display:block;text-align:center;background-image:url(../i/final-results.png);background-repeat:no-repeat;background-position:50% 37%;z-index:100;text-shadow:0 0 .8em white;background-size:47.5%;line-height:5em;}#dialog-yes-no{width:100%;height:80%;background-color:rgba(0,0,0,0.6);position:absolute;font-size:.8em;color:white;padding:20% 0 0 0;display:none;text-align:center;background-image:url(../i/final-results.png);background-repeat:no-repeat;background-position:50% 37%;z-index:12;text-shadow:0 0 .8em white;background-size:47.5%;}.dialog-extra-text{width:26em;position:absolute;font-size:.4em;color:white;display:block;text-align:center;text-shadow:0 0 .8em white;top:39%;z-index:100;left:50%;margin-left:-13em;}.card-tut{width:100%;height:80%;background-color:rgba(0,0,0,0.6);position:absolute;font-size:1.2em;color:white;padding:20% 0 0 0;display:none;text-align:center;background-image:url(../i/final-results.png);background-repeat:no-repeat;background-position:50% 37%;z-index:3;text-shadow:0 0 .8em white;background-size:47.5%;}.card-tut.show-card-tut{display:block;}.card-tut-title{font-size:.6em;}.card-tut .card{left:50%;margin-left:-3.16em;top:40%;}.card-tut .forest{margin-left:-1.02em;}.card-tut .mangrove{margin-left:1.12em;}#dialog-yes-no.show-yes-no{display:block;}.button-yes,.button-no{bottom:41%;width:7.5em;height:3em;background-size:460.4%;text-shadow:none;}.button-yes{background-position:100% 27%;margin-left:-7.2em;}.button-yes:active{background-position:100% 40.5%;}.button-no{background-position:100% 81%;margin-left:-0.3em;}.button-no:active{background-position:100% 94.5%;}@-webkit-keyframes bounce{from{-webkit-transform:translateY(0);}30%{-webkit-transform:translateY(-1em);}60%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(-0.5em);}90%{-webkit-transform:translateY(0);}95%{-webkit-transform:translateY(-0.25em);}to{-webkit-transform:translateY(0);}}@keyframes bounce{from{transform:translateY(0.01em);}30%{transform:translateY(-1em);}60%{transform:translateY(0.01em);}75%{transform:translateY(-0.5em);}90%{transform:translateY(0.01em);}95%{transform:translateY(-0.25em);}to{transform:translateY(0.01em);}}@-webkit-keyframes bounce2{from{-webkit-transform:translateY(0);}30%{-webkit-transform:translateY(-1em);}60%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(-0.5em);}90%{-webkit-transform:translateY(0);}95%{-webkit-transform:translateY(-0.25em);}to{-webkit-transform:translateY(0);}}@keyframes bounce2{from{transform:translateY(0.01em);}30%{transform:translateY(-1em);}60%{transform:translateY(0.01em);}75%{transform:translateY(-0.5em);}90%{transform:translateY(0.01em);}95%{transform:translateY(-0.25em);}to{transform:translateY(0.01em);}}@-webkit-keyframes bounce3{from{-webkit-transform:translateY(0);}30%{-webkit-transform:translateY(-1em);}60%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(-0.5em);}90%{-webkit-transform:translateY(0);}95%{-webkit-transform:translateY(-0.25em);}to{-webkit-transform:translateY(0);}}@keyframes bounce3{from{transform:translateY(0.01em);}30%{transform:translateY(-1em);}60%{transform:translateY(0.01em);}75%{transform:translateY(-0.5em);}90%{transform:translateY(0.01em);}95%{transform:translateY(-0.25em);}to{transform:translateY(0.01em);}}.score-panel{position:absolute;left:2.9em;top:0;width:8em;font-size:.5em;color:white;height:8%;background-size:350%;background-position:100% 100%;text-align:left;line-height:1.5em;padding:0 1em;text-shadow:0 0 .2em black,0 0 .2em black;font-style:italic;}.health-panel{position:absolute;bottom:0;left:0;width:100%;background-image:url(../i/bottom_bar.png);height:14%;background-size:100%;}.health-panel>div,.balance>.value>div{background-image:url(../i/card_frame.png);background-size:375%;border-radius:1em;width:1.7em;height:1.7em;position:absolute;bottom:.2em;}.health-panel div div,.balance>.value div div{background-image:url(../i/card_frame.png);width:120%;height:120%;margin:-10%;background-size:300%;background-position:0 50%;}.label{right:2.25em;background-position:5% 95%;}.balance .label{line-height:1.2em;width:55%;text-align:center;vertical-align:super;}.balance .value{width:26%;font-size:1.5em;text-align:left;}.health-panel #forest,.balance .forest{right:2.25em;background-position:5% 95%;}.health-panel #lake,.balance>.value .lake{right:.25em;background-position:95% 95%;}.health-panel #mangrove,.balance>.value .mangrove{right:4.25em;background-position:50% 95%;}.health-panel.forest-sick #forest div,.balance>.value.forest-sick .forest div,.health-panel.lake-sick #lake div,.balance>.value.lake-sick .lake div,.health-panel.mangrove-sick #mangrove div,.balance>.value.mangrove-sick .mangrove div{background-position:100% 50%;}.health-panel.forest-unhealthy #forest div,.balance>.value.forest-unhealthy .forest div,.health-panel.lake-unhealthy #lake div,.balance>.value.lake-unhealthy .lake div,.health-panel.mangrove-unhealthy #mangrove div,.balance>.value.mangrove-unhealthy .mangrove div{background-position:50% 50%;}.health-panel.forest-sick #forest,.health-panel.lake-sick #lake,.health-panel.mangrove-sick #mangrove{-webkit-animation:bounce2 1s;animation:bounce2 1s;cursor:pointer;}.health-panel.forest-unhealthy #forest,.health-panel.lake-unhealthy #lake,.health-panel.mangrove-unhealthy #mangrove{-webkit-animation:bounce 1s;animation:bounce 1s;cursor:pointer;}.health-panel.forest-healthy #forest,.health-panel.lake-healthy #lake,.health-panel.mangrove-healthy #mangrove{-webkit-animation:bounce3 1s;animation:bounce3 1s;cursor:pointer;}.balance>.value>div>div{background-position:0 50%;}.balance>.value>.forest{background-position:5% 95%;}.balance>.value>.mangrove{background-position:50% 95%;}#root.full-screen{width:100%;height:100%;position:absolute;left:0;top:0;margin:0;padding:0;}.button-fullscreen{background:url('../i/buttons.png') 80% 66.666% no-repeat;background-size:600%;top:.2em;left:.2em;width:1.4em;height:1.4em;z-index:10;position:absolute;cursor:pointer;}.full-screen .button-fullscreen{background:url('../i/buttons.png') 80% 100% no-repeat;background-size:600%;top:.2em;left:.2em;width:1.4em;height:1.4em;z-index:10;position:absolute;cursor:pointer;}.timer{width:1.6em;height:1.6em;right:0;top:-1.6em;background-image:url(../i/timer.png);background-size:400% 500%;background-position:33.333% 0;position:absolute;z-index:8;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .2s linear;-moz-transition:-moz-transform .2s linear;-ms-transition:-ms-transform .2s linear;-o-transition:-o-transform .2s linear;transition:transform .2s linear;}.timer.show{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);}.timer-message{width:100%;height:100%;left:0;top:0;background-image:url(../i/timer.png);background-size:400%;z-index:12;position:absolute;}.timer-warning{background-position:0 0;}.timer-final{background-position:66.66% 0;}.timer-time{width:100%;height:100%;left:0;top:0;background-image:url(../i/timer.png);background-size:400%;opacity:1;z-index:11;position:absolute;}.tick-opacity-0{opacity:1;}.tick-opacity-3{opacity:.75;}.tick-opacity-2{opacity:.5;}.tick-opacity-1{opacity:.25;}.tick-0{background-position:0 25%;}.tick-1{background-position:33.33% 25%;}.tick-2{background-position:66.66% 25%;}.tick-3{background-position:100% 25%;}.tick-4{background-position:0 50%;}.tick-5{background-position:33.33% 50%;}.tick-6{background-position:66.66% 50%;}.tick-7{background-position:100% 50%;}.tick-8{background-position:0 75%;}.tick-9{background-position:33.33% 75%;}.tick-10{background-position:66.66% 75%;}.tick-11{background-position:100% 75%;}.tick-12{background-position:0 100%;}.tick-13{background-position:33.33% 100%;}.tick-14{background-position:66.66% 100%;}.tick-15{background-position:100% 100%;}.tick-16{background-position:100% 0;}