html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}@font-face{font-family:GibsonRegular;src:url("../fonts/Gibson-Font/Gibson-Regular.otf") format("opentype")}@font-face{font-family:GibsonSemiBold;src:url("../fonts/Gibson-Font/Gibson-SemiBold.otf") format("opentype")}@-moz-keyframes loader{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes message{0%{opacity:0;-moz-transform:translateY(10px);transform:translateY(10px)}75%{opacity:0;-moz-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes message{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}75%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes message{0%{opacity:0;-moz-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px)}75%{opacity:0;-moz-transform:translateY(10px);-ms-transform:translateY(10px);-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes dragon-animation{0%{-moz-transform:translateY(-2%);transform:translateY(-2%)}50%{-moz-transform:translateY(0);transform:translateY(0)}100%{-moz-transform:translateY(-2%);transform:translateY(-2%)}}@-webkit-keyframes dragon-animation{0%{-webkit-transform:translateY(-2%);transform:translateY(-2%)}50%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-2%);transform:translateY(-2%)}}@keyframes dragon-animation{0%{-moz-transform:translateY(-2%);-ms-transform:translateY(-2%);-webkit-transform:translateY(-2%);transform:translateY(-2%)}50%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}100%{-moz-transform:translateY(-2%);-ms-transform:translateY(-2%);-webkit-transform:translateY(-2%);transform:translateY(-2%)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.1);transform:scale(1.1)}100%{-moz-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}body,html{width:100%;height:100%}body{background:black;font-family:"Skranji",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none}input{outline:none}.clear{clear:both}.clearfix{*zoom:1}.clearfix:after{content:' ';display:table;clear:both}.red{color:#ab1504}.stats{position:absolute;top:0;right:0}#debug-message{position:absolute;top:0;left:0;z-index:99999;color:red;font-family:Arial}.main-container{width:100%;height:100%;overflow:hidden;position:relative}.page{display:none;overflow:hidden;margin:0 auto;position:relative}.page .page-title{display:block;width:100%;overflow:hidden;text-align:center}.page.active{display:block}.wrong-format .page{display:none}.sound-container{position:absolute;top:0px;left:0px;max-width:134px;max-height:110px;width:10%;z-index:10}.sound-container img{width:100%;max-width:134px;max-height:110px;position:absolute;top:0px;left:0px}.sound-container img.off{display:block}.sound-container img.on{display:none}.sound-container.muted img.off{display:none}.sound-container.muted img.on{display:block}.sound-container:before{content:"";display:block;padding-top:35.8%}.image-button{border:none;background-color:transparent;outline:none;padding:0;position:relative;height:auto;color:white;font-family:"Luckiest Guy",Arial,Helvetica,sans-serif;text-transform:uppercase}.image-button img.background{width:100%;height:auto}.image-button:hover{cursor:pointer}.image-button.square{width:16.37931%}.image-button.square:after{background-size:100%;background-repeat:no-repeat;background-position:left top;position:absolute}.image-button.play{width:25.86207%}.image-button.howto:after{content:'';display:block;width:29.47368%;height:45.97701%;left:33.68421%;top:18.94737%}.image-button.highscore:after{content:'';display:block;width:51.57895%;height:54.02299%;left:29.47368%;top:17.89474%}.image-button.top-right{position:absolute;width:10.34483%;top:1.55172%;right:2.24138%;font-size:5.17241vw;z-index:10}.image-button.top-left{position:absolute;width:10.34483%;top:1.55172%;left:2.24138%;font-size:5.17241vw;z-index:10}.image-button.close:after{content:'x';position:absolute;top:30%;left:33.33333%;display:block}.image-button.mute{max-width:60px;z-index:110}.image-button.mute:after{content:' ';background:url("../images/common/icon-mute.svg") center center no-repeat;background-size:contain;width:60%;height:60%;position:absolute;top:0;left:0;display:block;margin:20%}.image-button.mute.muted:after{background-image:url("../images/common/icon-unmute.svg")}.image-button.score:after{content:' ';background:url("../images/common/icon-highscore.svg") center center no-repeat;background-size:contain;width:60%;height:60%;position:absolute;top:0;left:0;display:block;margin:20%}.image-button.help:after{content:' ';background:url("../images/common/icon-howto.svg") center center no-repeat;background-size:contain;width:60%;height:60%;position:absolute;top:0;left:0;display:block;margin:20%}.image-button.save:after{content:' ';background:url("../images/common/icon-lock.svg") center center no-repeat;background-size:contain;width:60%;height:60%;position:absolute;top:0;left:0;display:block;margin:20%}.overlay{position:absolute;top:0;left:0;width:0%;height:0%;overflow:hidden;opacity:0;z-index:100;-moz-transition:opacity 0.5s ease 0s,width 0s linear 0.5s,height 0s linear 0.5s;-o-transition:opacity 0.5s ease 0s,width 0s linear 0.5s,height 0s linear 0.5s;-webkit-transition:opacity 0.5s ease,width 0s linear,height 0s linear;-webkit-transition-delay:0s,0.5s,0.5s;transition:opacity 0.5s ease 0s,width 0s linear 0.5s,height 0s linear 0.5s}.overlay.show{opacity:1;width:100%;height:100%;-moz-transition:opacity 0.5s ease 0.5s,width 0s linear 0s,height 0s linear 0s;-o-transition:opacity 0.5s ease 0.5s,width 0s linear 0s,height 0s linear 0s;-webkit-transition:opacity 0.5s ease,width 0s linear,height 0s linear;-webkit-transition-delay:0.5s,0s,0s;transition:opacity 0.5s ease 0.5s,width 0s linear 0s,height 0s linear 0s}.overlay .content-wrapper{display:block;margin:0 auto}#loader-overlay .content-wrapper{background:url("../images/loader/bg.png") no-repeat center center;background-size:cover}.loader{height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.loader>*{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 auto;-moz-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.loader .animation{height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.loader .animation>*{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 auto;-moz-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.loader .animation img{max-width:100%}.loader .animation .gear-container{width:100%}.loader .animation .gear-container .gear{display:block;max-width:50%;margin:0 auto;animation:loader 5s linear infinite;-moz-animation:loader 5s linear infinite;-webkit-animation:loader 5s linear infinite;-o-animation:loader 5s linear infinite}.loader .animation .headline{display:block;max-width:80%;margin-top:5%}@media all and (max-width: 500px){.loader .animation .headline{width:260px}}#start-page{background:url("../images/start/background.png") no-repeat top center;background-size:cover}#start-page .content-container{position:relative;z-index:1;height:100%;width:100%}#start-page .dragon-1{position:absolute;top:0;right:0;width:70%;animation:dragon-animation 4.3s infinite;-moz-animation:dragon-animation 4.3s infinite;-webkit-animation:dragon-animation 4.3s infinite;-o-animation:dragon-animation 4.3s infinite;-moz-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#start-page .dragon-2{position:absolute;top:30%;left:0;width:30%;animation:dragon-animation 3s infinite;-moz-animation:dragon-animation 3s infinite;-webkit-animation:dragon-animation 3s infinite;-o-animation:dragon-animation 3s infinite;-moz-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#start-page .page-title{position:relative;z-index:1;margin-bottom:-6%}#start-page .logo{max-width:80%;display:block;position:absolute;top:10%;left:10%}#start-page .text-content{color:white;text-align:center;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;width:70%;text-shadow:0px 3px 0px rgba(0,0,0,0.2);font-size:36px;position:absolute;top:40%;left:15%;line-height:1.4}#start-page .controls{position:absolute;width:100%;height:auto;top:50%}#start-page .controls button{position:absolute;bottom:5%;-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}#start-page .controls button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#start-page .controls button span{color:black;position:absolute;top:50%;left:50%;display:inline-block;-moz-transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}#start-page .controls button.howto{right:50%;width:20%}#start-page .controls button.howto:after{background:transparent}#start-page .controls button.highscore{left:50%;width:20%}#start-page .controls button.highscore:after{background:transparent}#start-page .controls button.play{width:35%;position:relative;bottom:100%;margin:0 auto;display:block}#howto-page{background:url("../images/howto/background.png") no-repeat top center;background-size:cover}#howto-page .dragon-1{position:absolute;animation:dragon-animation 4.3s infinite;-moz-animation:dragon-animation 4.3s infinite;-webkit-animation:dragon-animation 4.3s infinite;-o-animation:dragon-animation 4.3s infinite;-moz-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;left:0;top:0;width:50%}#howto-page .dragon-2{position:absolute;animation:dragon-animation 2.9s infinite;-moz-animation:dragon-animation 2.9s infinite;-webkit-animation:dragon-animation 2.9s infinite;-o-animation:dragon-animation 2.9s infinite;-moz-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;right:7%;top:4%;width:20%}#howto-page .dragon-3{position:absolute;animation:dragon-animation 3.5s infinite;-moz-animation:dragon-animation 3.5s infinite;-webkit-animation:dragon-animation 3.5s infinite;-o-animation:dragon-animation 3.5s infinite;-moz-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;bottom:5%;left:0;width:55%}#howto-page .page-title img.logo{width:100%}#howto-page .content-wrapper{margin-top:1%;position:relative}#howto-page .content-wrapper .headline{display:inline-block;width:40%;position:relative;z-index:1;margin:5% 30% -13%}#howto-page .info-wrapper{width:100%;position:relative;top:0;left:0;margin:0;overflow:hidden;-ms-touch-action:pan-y;padding-bottom:10%}#howto-page .info-wrapper .infos{position:relative}#howto-page .info-wrapper .info{width:100%;margin-right:20px;float:left}#howto-page .info-wrapper .info img{width:84%;margin:0 8%}#howto-page .info-wrapper .info p{text-align:left;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;font-size:48px;line-height:130%;width:76%;margin-left:12%;color:black;text-shadow:0px 2px 0px transparent}#howto-page .info-wrapper .info p b{font-weight:600;color:#a40100}#howto-page .info-wrapper .info h2{color:white;margin-top:-12%;text-shadow:0px 2px 0px transparent;text-align:center;margin-bottom:1%}#howto-page .paginator-controls{position:absolute;width:100%;top:30%}#howto-page button.paginator{width:10%;position:absolute;top:0;visibility:hidden}#howto-page button.paginator.visible{visibility:visible}#howto-page button.paginator.left{left:8%;-moz-transition:left 0.3s;-o-transition:left 0.3s;-webkit-transition:left 0.3s;transition:left 0.3s}#howto-page button.paginator.left:hover{left:9.5%}#howto-page button.paginator.right{right:8%;animation:pulse 1s infinite;-moz-animation:pulse 1s infinite;-webkit-animation:pulse 1s infinite;-o-animation:pulse 1s infinite}#howto-page .controls{position:relative;margin-top:7%}#howto-page .controls button{-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}#howto-page .controls button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#howto-page .controls button span{color:black;position:absolute;top:50%;left:50%;display:inline-block;-moz-transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}#howto-page .controls button.play{position:relative;width:40%;margin:0 auto;display:block;animation:pulse 1s infinite;-moz-animation:pulse 1s infinite;-webkit-animation:pulse 1s infinite;-o-animation:pulse 1s infinite}#game-page #game-container{margin:0 auto;background:black;cursor:pointer;position:relative;font-size:24px}#game-page .tooltip{position:absolute;left:0;top:0;width:377.5px;height:173.5px;background:url("../images/game/tooltip-bg.png") no-repeat center;opacity:0;visibility:hidden;z-index:5;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;-moz-transition:opacity 0.3s,visibility 0s 0.3s;-o-transition:opacity 0.3s,visibility 0s 0.3s;-webkit-transition:opacity 0.3s,visibility 0s;-webkit-transition-delay:0s,0.3s;transition:opacity 0.3s,visibility 0s 0.3s}#game-page .tooltip.visible{visibility:visible;opacity:1;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}#game-page .tooltip:after{content:"";position:absolute;width:5%;height:12%;background:url("../images/game/arrow-red.png") no-repeat center;-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#game-page .tooltip.top{-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}#game-page .tooltip.top:after{top:25%;left:50%;-moz-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg);-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}#game-page .tooltip.right{-moz-transform:translate(-100%, -50%);-ms-transform:translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%)}#game-page .tooltip.right:after{top:50%;left:auto;right:8%;-moz-transform:translate(-50%, -70%) rotate(180deg);-ms-transform:translate(-50%, -70%) rotate(180deg);-webkit-transform:translate(-50%, -70%) rotate(180deg);transform:translate(-50%, -70%) rotate(180deg)}#game-page .tooltip.bottom{-moz-transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}#game-page .tooltip.bottom:after{left:52%;top:auto;bottom:15%;-moz-transform:translate(-50%, -50%) rotate(270deg);-ms-transform:translate(-50%, -50%) rotate(270deg);-webkit-transform:translate(-50%, -50%) rotate(270deg);transform:translate(-50%, -50%) rotate(270deg)}#game-page .tooltip.left{-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}#game-page .tooltip.left:after{left:12%;top:50%}#game-page .tooltip .content{position:absolute;width:85%;height:62%;left:7%;top:18%;padding:8% 11%;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center}#game-page .tooltip .content>*{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 auto;-moz-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}#game-page .top-wrapper{position:absolute;top:1%;left:0;width:100%}#game-page .top-wrapper.hidden{display:none}#game-page .top-wrapper button{max-width:16%;left:50%;top:0;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);-moz-transition:-moz-transform 0.8s ease-in-out;-o-transition:-o-transform 0.8s ease-in-out;-webkit-transition:-webkit-transform 0.8s ease-in-out;transition:transform 0.8s ease-in-out;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}#game-page .top-wrapper button.hide{pointer-events:none;-moz-transform:translate(-50%, -120%);-ms-transform:translate(-50%, -120%);-webkit-transform:translate(-50%, -120%);transform:translate(-50%, -120%)}#game-page .top-wrapper button .progress-bar-wrapper{position:absolute;top:24%;left:22%;width:54%;height:100%}#game-page .bottom-wrapper{position:absolute;bottom:0;left:0;width:100%;height:5%;background:url("../images/game/bar-bottom.png") bottom center no-repeat;background-size:100% auto}#game-page .bottom-wrapper button{position:absolute;max-width:13%;bottom:0}#game-page .bottom-wrapper button.dragons,#game-page .bottom-wrapper button.close-dragons{left:0}#game-page .bottom-wrapper button.menu,#game-page .bottom-wrapper button.close-menu{right:0}#game-page .bottom-wrapper button.hidden{display:none}#game-page .bottom-wrapper button:hover{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#game-page .bottom-wrapper .fish-wrapper{position:absolute;bottom:15%;left:30%;width:15%;text-align:center;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}#game-page .bottom-wrapper .fish-wrapper img{max-width:25%}#game-page .bottom-wrapper .fish-wrapper span{font-size:100%;position:absolute;color:white;margin-left:5%;transform:translateY(-10%);font-family:"GibsonRegular",Arial,Helvetica,sans-serif}#game-page .bottom-wrapper .boat-wrapper{position:absolute;bottom:15%;right:33%;width:15%;text-align:center;-moz-transform:translateX(50%);-ms-transform:translateX(50%);-webkit-transform:translateX(50%);transform:translateX(50%)}#game-page .bottom-wrapper .boat-wrapper img{max-width:18%}#game-page .bottom-wrapper .boat-wrapper span{font-size:100%;position:absolute;color:white;margin-left:5%;transform:translateY(-5%);font-family:"GibsonRegular",Arial,Helvetica,sans-serif}#game-page .top-layer{position:absolute;top:-50%;left:0;height:40%;padding:5% 3%;width:100%;box-sizing:border-box;background:url("../images/game/top-layer-background.png") bottom center;background-size:cover;text-align:center;-moz-transition:top 0.3s;-o-transition:top 0.3s;-webkit-transition:top 0.3s;transition:top 0.3s}#game-page .top-layer.visible{top:0}#game-page .top-layer:after{content:'';display:block;position:absolute;top:90%;width:100%;left:0;padding-top:8%;background:url("../images/game/top-layer-bottom.png") bottom center no-repeat;background-size:contain}#game-page .top-layer h2{text-transform:uppercase;font-size:150%;color:white;margin-bottom:2%}#game-page .top-layer .next-container.hidden{display:none}#game-page .top-layer .next-container .unit{display:inline-block;max-width:20%;margin:0;padding:5% 0;font-size:85%}#game-page .top-layer .next-container .unit.hidden{display:none}#game-page .top-layer .next-container .unit img{max-width:60%;-moz-transform:translateY(-30%) scale(1.5);-ms-transform:translateY(-30%) scale(1.5);-webkit-transform:translateY(-30%) scale(1.5);transform:translateY(-30%) scale(1.5)}#game-page .top-layer .next-container .unit .number-wrapper{display:inline;font-family:"Skranji",Arial,Helvetica,sans-serif;color:#a40100}#game-page .top-layer .next-container .unit .number-wrapper>span{line-height:145px;font-size:150%;vertical-align:bottom}#game-page .top-layer .next-container .unit .number-wrapper>span span{vertical-align:bottom}#game-page .top-layer .next-container .content{background:url("../images/game/wave-banner.png") center center no-repeat;background-size:contain}#game-page .top-layer .next-container .content.many-columns{padding-bottom:5%}#game-page .top-layer .next-container .content.many-columns .unit{max-width:15%}#game-page .top-layer .detail-container+.top-back{display:block}#game-page .top-layer .detail-container.hidden{display:none}#game-page .top-layer .detail-container.hidden+.top-back{display:none}#game-page .top-layer .detail-container img{width:33%;float:left}#game-page .top-layer .detail-container p{width:60%;text-align:left;margin-top:2%;margin-right:7%;float:right;line-height:1.3;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:white;font-size:90%}#game-page .top-layer button{position:absolute;z-index:1}#game-page .top-layer button.close-top{top:100%;right:5%;max-width:10%;-moz-transform:translateY(-40%);-ms-transform:translateY(-40%);-webkit-transform:translateY(-40%);transform:translateY(-40%)}#game-page .top-layer button.close-top:hover{-moz-transform:translateY(-45%);-ms-transform:translateY(-45%);-webkit-transform:translateY(-45%);transform:translateY(-45%)}#game-page .top-layer button.attack{top:100%;left:50%;max-width:40%;-moz-transform:translate(-50%, -40%);-ms-transform:translate(-50%, -40%);-webkit-transform:translate(-50%, -40%);transform:translate(-50%, -40%)}#game-page .top-layer button.attack:hover{-moz-transform:translate(-50%, -42%);-ms-transform:translate(-50%, -42%);-webkit-transform:translate(-50%, -42%);transform:translate(-50%, -42%)}#game-page .top-layer button.top-back{top:100%;left:5%;max-width:10%;-moz-transform:translateY(-40%);-ms-transform:translateY(-40%);-webkit-transform:translateY(-40%);transform:translateY(-40%)}#game-page .top-layer button.top-back:hover{-moz-transform:translateY(-45%);-ms-transform:translateY(-45%);-webkit-transform:translateY(-45%);transform:translateY(-45%)}#game-page .middle-layer{display:none;position:absolute;top:25%;left:0;right:0;width:100%;margin:auto;text-align:center;background:url("../images/game/guide-bg.png") top center;background-size:cover}#game-page .middle-layer.visible{display:block}#game-page .middle-layer .background-container{padding:10% 0}#game-page .middle-layer .background-container h2{text-transform:uppercase;font-size:125%;color:#b02d25;margin-bottom:2%}#game-page .middle-layer .background-container p{line-height:1.3em}#game-page .middle-layer .background-container button{position:relative;max-width:25%;display:block;margin:0 auto;margin-top:10px}#game-page .middle-layer .background-container button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#game-page .middle-layer.middle-layer-result{width:85%;background:url("../images/game/layer-results.png") top center;background-size:cover;padding-top:13%;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#game-page .middle-layer.middle-layer-result p{width:70%;text-align:left;margin:0 auto;font-size:16px;padding-bottom:2%}#game-page .middle-layer.middle-layer-result p span{float:right}#game-page .middle-layer.middle-layer-result p.new-wave{text-align:center;width:90%;padding-top:14%;padding-bottom:12%}#game-page .middle-layer.middle-layer-result p.new-wave .normal{font-weight:500}#game-page .middle-layer.middle-layer-result button{position:absolute;max-width:50%;bottom:-6%;left:0;right:0;margin:auto}#game-page .middle-layer.middle-layer-money{top:50%;width:60%;padding:4% 0 8%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#game-page .middle-layer.middle-layer-money button{position:absolute;bottom:0px;left:0;right:0;max-width:50%}#game-page .middle-layer.middle-layer-exists{width:80%;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#game-page .middle-layer.middle-layer-exists .background-container{padding:15% 0}#game-page .middle-layer.middle-layer-exists .dragon-name{color:#b02d25}#game-page .middle-layer.middle-layer-exists button{position:absolute;left:0;right:0;bottom:-8%;max-width:35%}#game-page .bottom-layer{position:absolute;bottom:-85%;left:0;height:75%;width:100%;box-sizing:border-box;background:url("../images/game/bottom-layer-background.png") bottom center;background-size:cover;text-align:center;-moz-transition:bottom 0.3s;-o-transition:bottom 0.3s;-webkit-transition:bottom 0.3s;transition:bottom 0.3s}#game-page .bottom-layer.visible{bottom:0}#game-page .bottom-layer.maxed{max-height:95%;height:auto}#game-page .bottom-layer:after{content:'';display:block;position:absolute;bottom:97%;width:100%;left:0;padding-top:7%;background:url("../images/game/bottom-layer-top.png") no-repeat center center;background-size:contain}@media all and (min-width: 600px){#game-page .bottom-layer{bottom:-45%;height:40%}#game-page .bottom-layer.visible{bottom:0}#game-page .bottom-layer:after{padding-top:5%}}#game-page .bottom-layer .dragon-container{text-align:center;padding:5%}#game-page .bottom-layer .dragon-container.hidden{display:none}#game-page .bottom-layer .dragon-container .dragon{width:23%;display:inline-block;margin:.5%}@media all and (min-width: 600px){#game-page .bottom-layer .dragon-container .dragon{width:15%;margin:.3%}}#game-page .bottom-layer .dragon-container .dragon.inUse{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}#game-page .bottom-layer .dragon-container .dragon.no-money{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}#game-page .bottom-layer .dragon-container .dragon img{max-width:100%}#game-page .bottom-layer .dragon-container .dragon img.dragon-image{max-width:98%;margin-left:2%;margin-bottom:-5%}#game-page .bottom-layer .dragon-container .dragon .button-wrapper{position:relative}#game-page .bottom-layer .dragon-container .dragon .button-wrapper div{position:absolute;top:0;height:100%;width:100%}#game-page .bottom-layer .dragon-container .dragon .button-wrapper div.buy{left:0}#game-page .bottom-layer .dragon-container .dragon .button-wrapper div.buy .prize{position:absolute;top:50%;left:30%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);color:white;font-size:100%;font-family:"GibsonRegular",Arial,Helvetica,sans-serif}@media all and (min-width: 600px){#game-page .bottom-layer .dragon-container .dragon .button-wrapper div.buy .prize{top:45%;font-size:78%}}#game-page .bottom-layer .detail-container{line-height:1.3}#game-page .bottom-layer .detail-container.hidden{display:none}#game-page .bottom-layer .detail-container img{max-width:100%}#game-page .bottom-layer .detail-container img.dragon-detail-image{margin-bottom:-12%;max-width:75%;position:relative;z-index:1;margin-top:-7.5%}#game-page .bottom-layer .detail-container img.place-dragon-image{position:absolute;top:5%;right:8%;width:11%;z-index:2}#game-page .bottom-layer .detail-container img.place-dragon-image.hide{opacity:.5}#game-page .bottom-layer .detail-container img.place-dragon-image.pulse{animation:pulse infinite 1.5s linear;-moz-animation:pulse infinite 1.5s linear;-webkit-animation:pulse infinite 1.5s linear;-o-animation:pulse infinite 1.5s linear}#game-page .bottom-layer .detail-container .ability-wrapper{position:relative;z-index:2;height:0;padding-top:30%;background:url("../images/game/ability-banner.png") no-repeat center center;background-size:contain;font-size:85%}#game-page .bottom-layer .detail-container .ability-wrapper .left{width:45%;position:absolute;left:5%;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#game-page .bottom-layer .detail-container .ability-wrapper .left img{max-width:80%}#game-page .bottom-layer .detail-container .ability-wrapper .right{width:43%;position:absolute;right:5%;top:45%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#game-page .bottom-layer .detail-container .ability-wrapper p.title{text-align:left;margin:0 5% 2%;font-family:"Skranji",Arial,Helvetica,sans-serif;text-align:center;text-transform:uppercase}#game-page .bottom-layer .detail-container .ability-wrapper p.title span{color:#b02d25}#game-page .bottom-layer .detail-container .damage-wrapper{position:relative;width:100%;height:0;padding-top:42%;background:url("../images/game/seperator.png") no-repeat bottom center;background-size:100% auto;margin-bottom:6%}#game-page .bottom-layer .detail-container .damage-wrapper>div{width:33.333%;position:absolute;top:0;height:100%}#game-page .bottom-layer .detail-container .damage-wrapper>div:nth-child(1){left:3%}#game-page .bottom-layer .detail-container .damage-wrapper>div:nth-child(2){left:33.333%}#game-page .bottom-layer .detail-container .damage-wrapper>div:nth-child(3){left:64.666%}#game-page .bottom-layer .detail-container .damage-wrapper>div img{position:absolute;bottom:18%;left:15%;max-width:70%}#game-page .bottom-layer button{position:absolute;z-index:1}#game-page .bottom-layer button.close-bottom,#game-page .bottom-layer button.back-bottom{bottom:100%;left:0;max-width:10%;left:10%;-moz-transform:translateY(50%);-ms-transform:translateY(50%);-webkit-transform:translateY(50%);transform:translateY(50%)}#game-page .bottom-layer button.close-bottom:hover,#game-page .bottom-layer button.back-bottom:hover{-moz-transform:translateY(35%);-ms-transform:translateY(35%);-webkit-transform:translateY(35%);transform:translateY(35%)}#game-page .bottom-menu-layer{position:absolute;bottom:-40%;left:0;height:35%;width:100%;box-sizing:border-box;background:url("../images/game/bottom-layer-background.png") bottom center;background-size:cover;text-align:center;-moz-transition:bottom 0.3s;-o-transition:bottom 0.3s;-webkit-transition:bottom 0.3s;transition:bottom 0.3s}#game-page .bottom-menu-layer.visible{bottom:0}#game-page .bottom-menu-layer:after{content:'';display:block;position:absolute;bottom:97%;width:100%;left:0;padding-top:5%;background:url("../images/game/bottom-layer-top.png") no-repeat center center;background-size:contain}#game-page .bottom-menu-layer .background-container{padding:5% 0}#game-page .bottom-menu-layer button{position:relative;max-width:40%;display:block;margin:0 auto}#game-page .bottom-menu-layer button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#game-page button{background:transparent;border:0;cursor:pointer;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}#game-page button img{width:100%}#game-page .sound-container{position:absolute;top:0px;left:0px;max-width:134px;max-height:110px;width:10%;z-index:10}#game-page .sound-container img{width:100%;max-width:134px;max-height:110px;position:absolute;top:0px;left:0px}#game-page .sound-container img.off{display:block}#game-page .sound-container img.on{display:none}#game-page .sound-container.muted img.off{display:none}#game-page .sound-container.muted img.on{display:block}#game-page .sound-container:before{content:"";display:block;padding-top:35.8%}@media all and (min-width: 540px){#game-page .sleep-layer .egg-container{max-width:53%}#game-page .finish-layer .egg-container{max-width:53%}#game-page .top-wrapper button{max-width:10%}#game-page .middle-layer.middle-layer-result p{font-size:22px}}@media all and (min-width: 768px){#game-page .middle-layer.middle-layer-result{width:65%}}@media all and (min-width: 1024px){#game-page .middle-layer.middle-layer-result{width:65%}#game-page .bottom-layer .detail-container img.dragon-detail-image{margin-bottom:-18%}#game-page .bottom-layer .detail-container .damage-wrapper{margin-bottom:6%;padding-top:41%}}#highscore-page{background:url("../images/highscore/bg.png") no-repeat top center;background-size:cover}#highscore-page .board{width:90%;position:absolute;margin:15% 5% 0;left:0;right:0}#highscore-page .sheep{position:absolute;bottom:0;left:5%;width:20%;z-index:3}#highscore-page .snout{position:absolute;bottom:0;right:0;width:30%;z-index:3}#highscore-page .content-wrapper{margin-top:15%;position:relative;z-index:2}#highscore-page .content-wrapper .headline{display:inline-block;width:40%;position:relative;z-index:1;margin:0 30% -13%}#highscore-page .scroll-wrapper{width:85%;margin:0 7.5%;-ms-touch-action:pan-y}#highscore-page .scroll-wrapper .background-wrapper{background-size:100% auto;padding:20% 5% 0}#highscore-page .scroll-wrapper .background-wrapper .entry{height:0;padding-top:18%;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;position:relative;width:46%;float:left;box-sizing:border-box;margin:0 2%;visibility:hidden;background:url("../images/highscore/rank-2.png") no-repeat left center;background-size:auto 60%}#highscore-page .scroll-wrapper .background-wrapper .entry.visible{visibility:visible}#highscore-page .scroll-wrapper .background-wrapper .entry:nth-child(1){background:url("../images/highscore/rank-1.png") no-repeat left center;background-size:auto 60%}#highscore-page .scroll-wrapper .background-wrapper .entry:after{content:'';display:block;width:100%;height:0;background:url("../images/highscore/footer-line.png") no-repeat bottom left;background-size:100% auto;padding-bottom:4%;position:absolute;bottom:0}#highscore-page .scroll-wrapper .background-wrapper .entry .number{position:absolute;top:50%;left:12%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:10%;text-align:center}#highscore-page .scroll-wrapper .background-wrapper .entry .number>span{color:white;width:100%;height:0;position:relative;font-family:"Skranji",Arial,Helvetica,sans-serif}#highscore-page .scroll-wrapper .background-wrapper .entry .name{position:absolute;top:40%;left:25%;color:#a40100;font-family:"Skranji",Arial,Helvetica,sans-serif;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#highscore-page .scroll-wrapper .background-wrapper .entry .score{font-weight:600;position:absolute;top:66%;left:25%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:80%}#highscore-page button{-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}#highscore-page button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#highscore-page button span{color:black;position:absolute;top:50%;left:50%;display:inline-block;-moz-transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}#highscore-page button.play{position:absolute;width:44%;right:5%}#highscore-page button.howto{position:absolute;width:44%;left:5%}#endscreen-page{background:url("../images/endscreen/bg.png") no-repeat top center;background-size:cover}#endscreen-page .hl.won,#endscreen-page .subline.won{display:block}#endscreen-page .hl.top10,#endscreen-page .subline.top10{display:none}#endscreen-page .hl.lost,#endscreen-page .subline.lost{display:none}#endscreen-page .board{width:90%;position:absolute;margin:17% 5% 0;top:0;left:0}#endscreen-page .hl{position:absolute;top:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:'Skranji', cursive;font-size:20px;color:white;text-align:center;text-transform:uppercase}#endscreen-page.lost .hl.won,#endscreen-page.lost .subline.won{display:none}#endscreen-page.lost .hl.top10,#endscreen-page.lost .subline.top10{display:none}#endscreen-page.lost .hl.lost,#endscreen-page.lost .subline.lost{display:block}#endscreen-page.top10 .hl.won,#endscreen-page.top10 .subline.won{display:none}#endscreen-page.top10 .hl.top10,#endscreen-page.top10 .subline.top10{display:block}#endscreen-page.top10 .hl.lost,#endscreen-page.top10 .subline.lost{display:none}#endscreen-page .sheep{position:absolute;bottom:0;left:5%;width:20%;z-index:3}#endscreen-page .snout{position:absolute;bottom:0;right:0;width:30%;z-index:3}#endscreen-page .content-wrapper{top:0;left:0;width:100%;margin-top:17%;position:absolute;z-index:2}#endscreen-page .content-wrapper .headline{display:inline-block;width:40%;position:relative;z-index:1;margin:0 30% -13%}#endscreen-page .scroll-wrapper{width:85%;margin:0 7.5%;-ms-touch-action:pan-y}#endscreen-page .scroll-wrapper .background-wrapper{background-size:100% auto;margin:23% 10% 0;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#endscreen-page .scroll-wrapper .background-wrapper p{line-height:1.35}#endscreen-page .scroll-wrapper .background-wrapper .table{margin-top:5%;margin-bottom:7.5%}#endscreen-page .scroll-wrapper .background-wrapper .table div.line{position:relative}#endscreen-page .scroll-wrapper .background-wrapper .table div.line span{line-height:1.75}#endscreen-page .scroll-wrapper .background-wrapper .table div.line .number{position:absolute;right:20%}#endscreen-page .scroll-wrapper .background-wrapper .table div.line .points{position:absolute;right:0;font-family:"GibsonSemiBold",Arial,Helvetica,sans-serif}#endscreen-page .scroll-wrapper .background-wrapper .table div.line.bold .title{font-family:"GibsonSemiBold",Arial,Helvetica,sans-serif}#endscreen-page .scroll-wrapper .background-wrapper .table .black-line{height:2px;background:black;margin:2% 0}#endscreen-page .scroll-wrapper .background-wrapper .position{text-align:center;margin-bottom:10%;opacity:0}#endscreen-page .scroll-wrapper .background-wrapper .position.visible{opacity:1}#endscreen-page .scroll-wrapper .background-wrapper .position>span{font-family:"Skranji",Arial,Helvetica,sans-serif;font-size:150%;line-height:1.1;font-weight:bold;text-align:center;max-width:60%;display:inline-block;text-transform:uppercase;color:#a40100}#endscreen-page .scroll-wrapper .background-wrapper .entry-wrapper{position:relative;display:none}#endscreen-page .scroll-wrapper .background-wrapper .entry-wrapper.visible{display:block}#endscreen-page .scroll-wrapper .background-wrapper .entry-wrapper ::-webkit-input-placeholder{color:rgba(0,0,0,0.5)}#endscreen-page .scroll-wrapper .background-wrapper .entry-wrapper :-moz-placeholder{color:rgba(0,0,0,0.5)}#endscreen-page .scroll-wrapper .background-wrapper .entry-wrapper ::-moz-placeholder{color:rgba(0,0,0,0.5)}#endscreen-page .scroll-wrapper .background-wrapper .entry-wrapper :-ms-input-placeholder{color:rgba(0,0,0,0.5)}#endscreen-page .scroll-wrapper .background-wrapper .entry-wrapper input{width:70%;text-align:center;font-family:"Skranji",Arial,Helvetica,sans-serif;padding:5%;display:block;margin:0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:140%;text-transform:uppercase;background:url("../images/endscreen/input.png") no-repeat center center;background-size:contain;border:0px solid transparent}#endscreen-page .scroll-wrapper .background-wrapper button{width:60%;display:none;position:absolute;bottom:0;left:50%;margin:0;transform:translate(-50%, -35%);margin-top:-50%}#endscreen-page .scroll-wrapper .background-wrapper button.visible{display:block}#endscreen-page button{-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}#endscreen-page button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#endscreen-page button span{color:black;position:absolute;top:50%;left:50%;display:inline-block;-moz-transform:translate(-50%, -100%);-ms-transform:translate(-50%, -100%);-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%)}#endscreen-page button.play{position:absolute;width:44%;right:5%}#endscreen-page button.highscore{position:absolute;width:48%;left:5%}#wrong-format-page{background:url(../images/wrong/background.png) no-repeat;background-size:cover;background-position:center center;position:relative}.wrong-format #wrong-format-page{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:110}#wrong-format-page .message-container img{height:85%;position:absolute;top:50%;left:0;right:0;margin:auto;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}