.game-score,.game-score-board,.game-sound{float:right}body{font-family:Verdana;font-size:14px;margin:0}.hidden{display:none}.inline-block{display:inline-block!important}.game{width:500px;margin:0 auto;border:2px solid #ccc;overflow:hidden}.game-score,.game-sound{margin-left:5px}.game-header{color:#000;background-color:#ECECEC;font-size:15px;border:1px solid #ccc;padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-bottom:2px solid #ccc}.game-sound{margin-top:-2px}.game-title{text-align:left}.game-highest-score{margin-right:5px}.buildings{position:relative;background-color:#F5F5F5}#first-building,#second-building{z-index:2;background-color:#999;display:inline-block;bottom:0;position:absolute;-webkit-transition:all .51s ease-out;-moz-transition:all .51s ease-out;-o-transition:all .51s ease-out;transition:all .51s ease-out}#first-building__mid-spot,#second-building__mid-spot{width:6px;height:6px;position:absolute;background-color:red;left:0;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}#bridge{background-color:#777;width:3px;position:absolute;z-index:2}.rotate-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-moz-transform-origin:100% 100%;transform-origin:100% 100%}.anti-rotate-90{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-moz-transform-origin:100% 100%;transform-origin:100% 100%}.rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-moz-transform-origin:100% 100%;transform-origin:100% 100%}.anti-rotate-180{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);-moz-transform-origin:100% 100%;transform-origin:100% 100%}.game-end{display:none}.game-over{font-size:18px;color:#444;left:40%;top:40%;position:absolute}.game-restart{background-color:#B5B5B5;border:2px solid #616161;color:#000;font-size:18px;top:45%;left:38.7%;position:absolute;padding:15px;border-radius:5px}.game-restart:hover{background-color:#DADADA;color:#504F4F}.game-bonus-point{color:red;top:2%;left:42.7%;font-size:14px;position:absolute}.game-bonus-point-anim{-webkit-animation:fadein 1.5s;-moz-animation:fadein 1.5s;-ms-animation:fadein 1.5s;-o-animation:fadein 1.5s;animation:fadein 1.5s}@keyframes fadein{from{opacity:1}to{opacity:0}}@-moz-keyframes fadein{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadein{from{opacity:1}to{opacity:0}}@-ms-keyframes fadein{from{opacity:1}to{opacity:0}}.intro{position:absolute;top:5%;left:25%;text-align:center}.intro.anim{-webkit-animation:fadein 1.5s;-moz-animation:fadein 1.5s;-ms-animation:fadein 1.5s;-o-animation:fadein 1.5s;animation:fadein 1.5s}.reversed{position:absolute;top:14%;left:41%;font-size:16px;color:#000;letter-spacing:2px}.blink{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:3}.shimmer,.wave{-webkit-animation-iteration-count:infinite}@-moz-keyframes blinker{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes blinker{0%,100%{opacity:1}50%{opacity:0}}@keyframes blinker{0%,100%{opacity:1}50%{opacity:0}}#ocean{z-index:1;bottom:0;position:absolute;width:100%;min-height:20%;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#C6E3FD),color-stop(.5,#7FC4F3))}.wave{background:#F5F5F5;display:inline-block;height:60%;width:10px;position:absolute;-webkit-animation-name:wave-essect;-webkit-animation-duration:3s;-webkit-transition-timing-function:ease-in-out}@-webkit-keyframes wave-essect{0%,100%{height:60%}50%{height:100%}}.shimmer{margin:0 auto;padding:0 140px 0 0;display:inline;color:rgba(255,255,255,.1);background:-webkit-gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));background:-moz-gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));background:gradient(linear,left top,right top,from(#222),to(#222),color-stop(.5,#fff));-webkit-background-size:125px 100%;-moz-background-size:125px 100%;background-size:125px 100%;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;-webkit-animation-name:shimmer;-moz-animation-name:shimmer;animation-name:shimmer;-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;background-repeat:no-repeat;background-position:0 0;background-color:#222}@-moz-keyframes shimmer{0%{background-position:top left}100%{background-position:top right}}@-webkit-keyframes shimmer{0%{background-position:top left}100%{background-position:top right}}@-o-keyframes shimmer{0%{background-position:top left}100%{background-position:top right}}@keyframes shimmer{0%{background-position:top left}100%{background-position:top right}}.shake{display:inline-block;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-animation-name:shake-base;-ms-animation-name:shake-base;animation-name:shake-base;-webkit-animation-duration:100ms;-ms-animation-duration:100ms;animation-duration:100ms;-webkit-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;-ms-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s;-webkit-animation-play-state:running;-ms-animation-play-state:running;animation-play-state:running}@-webkit-keyframes shake-base{0%{-webkit-transform:translate(0,0) rotate(0)}2%{-webkit-transform:translate(-.5px,1.5px) rotate(.5deg)}4%,98%{-webkit-transform:translate(-.5px,1.5px) rotate(-.5deg)}6%,82%{-webkit-transform:translate(-2.5px,-1.5px) rotate(.5deg)}8%{-webkit-transform:translate(-2.5px,-2.5px) rotate(-1.5deg)}10%{-webkit-transform:translate(1.5px,1.5px) rotate(-1.5deg)}12%,88%{-webkit-transform:translate(-2.5px,-.5px) rotate(-.5deg)}14%{-webkit-transform:translate(1.5px,-2.5px) rotate(-.5deg)}16%{-webkit-transform:translate(.5px,1.5px) rotate(.5deg)}18%{-webkit-transform:translate(-2.5px,-.5px) rotate(.5deg)}20%{-webkit-transform:translate(-.5px,-.5px) rotate(-1.5deg)}22%{-webkit-transform:translate(-2.5px,-1.5px) rotate(-1.5deg)}24%{-webkit-transform:translate(-1.5px,-2.5px) rotate(-1.5deg)}26%,66%{-webkit-transform:translate(.5px,-.5px) rotate(-1.5deg)}28%,92%{-webkit-transform:translate(-.5px,-1.5px) rotate(-.5deg)}30%{-webkit-transform:translate(-2.5px,1.5px) rotate(.5deg)}32%,80%{-webkit-transform:translate(-2.5px,-2.5px) rotate(-.5deg)}34%{-webkit-transform:translate(-1.5px,.5px) rotate(-1.5deg)}36%,76%{-webkit-transform:translate(1.5px,-1.5px) rotate(-1.5deg)}38%,94%{-webkit-transform:translate(.5px,-.5px) rotate(-.5deg)}40%{-webkit-transform:translate(-.5px,.5px) rotate(.5deg)}42%,44%,48%,84%{-webkit-transform:translate(.5px,-2.5px) rotate(-.5deg)}46%{-webkit-transform:translate(-1.5px,1.5px) rotate(-1.5deg)}50%,68%{-webkit-transform:translate(-1.5px,-.5px) rotate(-1.5deg)}52%,72%{-webkit-transform:translate(-2.5px,-.5px) rotate(-1.5deg)}54%{-webkit-transform:translate(1.5px,.5px) rotate(-1.5deg)}56%{-webkit-transform:translate(.5px,.5px) rotate(-1.5deg)}58%{-webkit-transform:translate(.5px,1.5px) rotate(-.5deg)}60%{-webkit-transform:translate(-.5px,-2.5px) rotate(-.5deg)}62%{-webkit-transform:translate(-2.5px,-1.5px) rotate(-.5deg)}64%{-webkit-transform:translate(-1.5px,.5px) rotate(.5deg)}70%{-webkit-transform:translate(-.5px,-2.5px) rotate(-1.5deg)}74%{-webkit-transform:translate(-2.5px,.5px) rotate(.5deg)}78%{-webkit-transform:translate(1.5px,-2.5px) rotate(.5deg)}86%{-webkit-transform:translate(-2.5px,.5px) rotate(-.5deg)}90%{-webkit-transform:translate(-1.5px,-1.5px) rotate(-1.5deg)}96%{-webkit-transform:translate(-2.5px,-2.5px) rotate(.5deg)}}@-ms-keyframes shake-base{0%{-ms-transform:translate(0,0) rotate(0)}2%,32%,84%{-ms-transform:translate(-.5px,-.5px) rotate(-1.5deg)}16%,4%{-ms-transform:translate(-.5px,.5px) rotate(-.5deg)}14%,6%{-ms-transform:translate(-1.5px,1.5px) rotate(.5deg)}8%{-ms-transform:translate(-2.5px,-.5px) rotate(-.5deg)}10%{-ms-transform:translate(1.5px,-2.5px) rotate(-1.5deg)}12%,58%,66%{-ms-transform:translate(.5px,.5px) rotate(-.5deg)}18%{-ms-transform:translate(1.5px,-.5px) rotate(-1.5deg)}20%{-ms-transform:translate(-1.5px,-2.5px) rotate(-.5deg)}22%{-ms-transform:translate(-.5px,-.5px) rotate(-.5deg)}24%{-ms-transform:translate(1.5px,-.5px) rotate(-.5deg)}26%{-ms-transform:translate(-1.5px,-2.5px) rotate(.5deg)}28%,34%{-ms-transform:translate(1.5px,1.5px) rotate(-1.5deg)}30%,54%,82%{-ms-transform:translate(-2.5px,-1.5px) rotate(-1.5deg)}36%{-ms-transform:translate(-.5px,-.5px) rotate(.5deg)}38%{-ms-transform:translate(1.5px,-1.5px) rotate(-.5deg)}40%{-ms-transform:translate(1.5px,-1.5px) rotate(.5deg)}42%{-ms-transform:translate(-1.5px,1.5px) rotate(-.5deg)}44%{-ms-transform:translate(.5px,1.5px) rotate(-.5deg)}46%{-ms-transform:translate(1.5px,.5px) rotate(.5deg)}48%{-ms-transform:translate(-2.5px,.5px) rotate(.5deg)}50%{-ms-transform:translate(1.5px,1.5px) rotate(-.5deg)}52%,62%,92%,98%{-ms-transform:translate(-2.5px,-.5px) rotate(.5deg)}56%,88%{-ms-transform:translate(.5px,-1.5px) rotate(.5deg)}60%{-ms-transform:translate(-.5px,1.5px) rotate(.5deg)}64%{-ms-transform:translate(.5px,-.5px) rotate(-.5deg)}68%,74%{-ms-transform:translate(-.5px,-2.5px) rotate(-.5deg)}70%{-ms-transform:translate(-1.5px,1.5px) rotate(-1.5deg)}72%{-ms-transform:translate(.5px,-2.5px) rotate(-1.5deg)}76%{-ms-transform:translate(-1.5px,.5px) rotate(.5deg)}78%,90%{-ms-transform:translate(-2.5px,.5px) rotate(-.5deg)}80%{-ms-transform:translate(.5px,.5px) rotate(-1.5deg)}86%{-ms-transform:translate(-.5px,.5px) rotate(-1.5deg)}94%{-ms-transform:translate(-1.5px,-1.5px) rotate(-1.5deg)}96%{-ms-transform:translate(1.5px,1.5px) rotate(.5deg)}}@keyframes shake-base{0%{transform:translate(0,0) rotate(0)}2%{transform:translate(-.5px,.5px) rotate(-.5deg)}4%{transform:translate(-2.5px,-1.5px) rotate(.5deg)}6%{transform:translate(1.5px,1.5px) rotate(-1.5deg)}8%{transform:translate(-1.5px,-2.5px) rotate(.5deg)}10%,42%{transform:translate(1.5px,1.5px) rotate(-.5deg)}12%{transform:translate(-1.5px,1.5px) rotate(-1.5deg)}14%,92%{transform:translate(-1.5px,.5px) rotate(.5deg)}16%{transform:translate(.5px,.5px) rotate(-.5deg)}18%,36%{transform:translate(.5px,-2.5px) rotate(-.5deg)}20%,54%{transform:translate(-2.5px,.5px) rotate(-1.5deg)}22%,96%{transform:translate(1.5px,.5px) rotate(-.5deg)}24%{transform:translate(-.5px,-1.5px) rotate(-.5deg)}26%,90%{transform:translate(-1.5px,1.5px) rotate(.5deg)}28%,64%,68%,94%{transform:translate(-1.5px,-.5px) rotate(.5deg)}30%{transform:translate(-2.5px,.5px) rotate(.5deg)}32%{transform:translate(1.5px,-.5px) rotate(-.5deg)}34%{transform:translate(.5px,-2.5px) rotate(-1.5deg)}38%{transform:translate(-2.5px,-.5px) rotate(.5deg)}40%{transform:translate(-.5px,1.5px) rotate(.5deg)}44%{transform:translate(-2.5px,-2.5px) rotate(.5deg)}46%{transform:translate(.5px,-2.5px) rotate(.5deg)}48%,60%{transform:translate(-.5px,-2.5px) rotate(-.5deg)}50%{transform:translate(-.5px,.5px) rotate(.5deg)}52%{transform:translate(1.5px,.5px) rotate(.5deg)}56%,72%{transform:translate(-2.5px,1.5px) rotate(.5deg)}58%{transform:translate(-2.5px,-2.5px) rotate(-.5deg)}62%,82%{transform:translate(-1.5px,.5px) rotate(-.5deg)}66%{transform:translate(-2.5px,.5px) rotate(-.5deg)}70%{transform:translate(.5px,1.5px) rotate(.5deg)}74%,80%{transform:translate(1.5px,-.5px) rotate(.5deg)}76%,98%{transform:translate(-.5px,-1.5px) rotate(.5deg)}78%{transform:translate(-.5px,-2.5px) rotate(.5deg)}84%{transform:translate(-1.5px,-1.5px) rotate(-.5deg)}86%{transform:translate(.5px,-.5px) rotate(-1.5deg)}88%{transform:translate(-2.5px,-2.5px) rotate(-1.5deg)}}