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-webfont.woff2") format("woff2"),url("../fonts/Gibson-Font/gibson-webfont.woff") format("woff"),url("../fonts/Gibson-Font/gibson-webfont.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:'GibsonSemiBold';src:url("../fonts/Gibson-Font/gibson-semibold-webfont.woff2") format("woff2"),url("../fonts/Gibson-Font/gibson-semibold-webfont.woff") format("woff"),url("../fonts/Gibson-Font/gibson-semibold-webfont.otf") format("opentype");font-weight:normal;font-style:normal}@font-face{font-family:'GibsonBold';src:url("../fonts/Gibson-Font/gibson-bold-webfont.woff2") format("woff2"),url("../fonts/Gibson-Font/gibson-bold-webfont.woff") format("woff"),url("../fonts/Gibson-Font/gibson-bold-webfont.otf") format("opentype");font-weight:normal;font-style:normal}@-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 shake{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}33%{-moz-transform:rotate(-5deg);transform:rotate(-5deg)}66%{-moz-transform:rotate(5deg);transform:rotate(5deg)}100%{-moz-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}33%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}66%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake{0%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}33%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}66%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-moz-keyframes egg-glow{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes egg-glow{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes egg-glow{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes egg-eyes{0%{opacity:1}50%{opacity:.8}100%{opacity:1}}@-webkit-keyframes egg-eyes{0%{opacity:1}50%{opacity:.8}100%{opacity:1}}@keyframes egg-eyes{0%{opacity:1}50%{opacity:.8}100%{opacity:1}}@-moz-keyframes message{0%{opacity:0;-moz-transform:translateY(10px);transform:translateY(10px)}66%{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)}66%{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)}66%{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 pulsate{0%{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.05);transform:scale(1.05)}100%{-moz-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate{0%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes night-animation{0%{opacity:0}40%{opacity:0}50%{opacity:1}90%{opacity:1}100%{opacity:0}}@-webkit-keyframes night-animation{0%{opacity:0}40%{opacity:0}50%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes night-animation{0%{opacity:0}40%{opacity:0}50%{opacity:1}90%{opacity:1}100%{opacity:0}}@-moz-keyframes hatch-animation{0%{background-position:0 0}100%{background-position:100% 0px}}@-webkit-keyframes hatch-animation{0%{background-position:0 0}100%{background-position:100% 0px}}@keyframes hatch-animation{0%{background-position:0 0}100%{background-position:100% 0px}}@-moz-keyframes loader-animation{0%{opacity:0}5%{opacity:1}20%{opacity:1}25%{opacity:0}100%{opacity:0}}@-webkit-keyframes loader-animation{0%{opacity:0}5%{opacity:1}20%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes loader-animation{0%{opacity:0}5%{opacity:1}20%{opacity:1}25%{opacity:0}100%{opacity:0}}body,html{width:100%;height:100%;-webkit-tap-highlight-color:transparent}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}.image-button{border:none;background-color:transparent;outline:none;padding:0;position:relative;height:auto;color:white;font-family:"Skranji",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%;background-image:url("../images/common/icon-howto.svg");left:33.68421%;top:18.94737%}.image-button.highscore:after{content:'';display:block;width:51.57895%;height:54.02299%;background-image:url("../images/common/icon-highscore.svg");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 .5s ease 0s,width 0s linear .5s,height 0s linear .5s;-o-transition:opacity .5s ease 0s,width 0s linear .5s,height 0s linear .5s;-webkit-transition:opacity .5s ease,width 0s linear,height 0s linear;-webkit-transition-delay:0s,.5s,.5s;transition:opacity .5s ease 0s,width 0s linear .5s,height 0s linear .5s}.overlay.show{opacity:1;width:100%;height:100%;-moz-transition:opacity .5s ease .5s,width 0s linear 0s,height 0s linear 0s;-o-transition:opacity .5s ease .5s,width 0s linear 0s,height 0s linear 0s;-webkit-transition:opacity .5s ease,width 0s linear,height 0s linear;-webkit-transition-delay:.5s,0s,0s;transition:opacity .5s ease .5s,width 0s linear 0s,height 0s linear 0s}.overlay .content-wrapper{display:block;margin:0 auto}.loader{height:100%;position:relative}.loader .fish-top,.loader .fish-bottom,.loader .animation,.loader .text-container{position:absolute}.loader .fish-top{width:25%;left:9.3%;top:13.86%}.loader .fish-bottom{width:33.06%;left:58.66%;top:80.05%}.loader .animation{position:absolute;left:50%;max-width:250px;top:20.50%;width:57.73%;height:39.08%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.loader .animation .shield{position:relative;width:100%;animation:loader 5s linear infinite;-moz-animation:loader 5s linear infinite;-webkit-animation:loader 5s linear infinite;-o-animation:loader 5s linear infinite}.loader .text-container{margin-top:20px;color:white;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;font-size:24px;width:100%;text-align:center;position:relative}.loader .text-container .text{position:absolute;top:0;left:0;opacity:0;display:block;text-align:center;width:100%;animation:loader-animation 12s infinite linear;-moz-animation:loader-animation 12s infinite linear;-webkit-animation:loader-animation 12s infinite linear;-o-animation:loader-animation 12s infinite linear}.loader .text-container .text:nth-child(1){opacity:1;position:relative}.loader .text-container .text:nth-child(2){-moz-animation-delay:3s;-webkit-animation-delay:3s;animation-delay:3s}.loader .text-container .text:nth-child(3){-moz-animation-delay:6s;-webkit-animation-delay:6s;animation-delay:6s}.loader .text-container .text:nth-child(4){-moz-animation-delay:9s;-webkit-animation-delay:9s;animation-delay:9s}@media screen and (min-width: 768px){.loader .text-container{font-size:32px}.loader .animation{max-width:434px}}#loader-overlay .content-wrapper{background-image:url("../images/general/bgr-wood.jpg");background-size:cover;background-repeat:no-repeat;background-position:center center}#start-page{background:url("../images/start/background.png") no-repeat top center;background-size:cover}#start-page .characters{width:100%;position:absolute;top:48%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0}#start-page .text-content{color:#453431;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;text-align:center;width:90%;margin:1% 5%;letter-spacing:.03em;font-size:36px}#start-page .rank-wrapper{display:none;position:relative;margin-top:8%}#start-page .rank-wrapper.visible{display:block}#start-page .rank-wrapper .achievement-wrapper{display:inline-block}#start-page .rank-wrapper .achievement-wrapper img{height:25%;vertical-align:middle}#start-page .rank-wrapper .achievement{font-weight:bold}#start-page .mute-button{background:transparent;border:0;position:absolute;padding:0 2px;width:11.75%;max-width:90px;top:1%;z-index:2;cursor:pointer;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s;outline:none;right:2%}@media all and (max-width: 570px){#start-page .mute-button{right:12%}}#start-page .mute-button img{width:100%}.no-touch #start-page .mute-button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#start-page .mute-button .active{display:block}#start-page .mute-button .inactive{display:none}#start-page .mute-button.inactive .active{display:none}#start-page .mute-button.inactive .inactive{display:block}#start-page .controls{position:absolute;width:100%;height:auto;bottom:0;height:27%;background:url("../images/start/bottom-paper.png") no-repeat top center;background-size:cover}#start-page .controls button{position:absolute;bottom:3%;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.no-touch #start-page .controls button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#start-page .controls button.howto{left:19%;width:30%}#start-page .controls button.howto:after{background:transparent}#start-page .controls button.play{right:17%;width:30%;animation:pulsate infinite 3s ease-in-out;-moz-animation:pulsate infinite 3s ease-in-out;-webkit-animation:pulsate infinite 3s ease-in-out;-o-animation:pulsate infinite 3s ease-in-out}#start-page .controls button.play img{-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.no-touch #start-page .controls button.play:hover{-moz-animation-play-state:paused;-webkit-animation-play-state:paused;animation-play-state:paused}.no-touch #start-page .controls button.play:hover img{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media (max-aspect-ratio: 7 / 12){#start-page .headline{margin:5vh auto}}#howto-page{background:url("../images/general/bgr-wood.jpg");background-repeat:no-repeat;background-position:top center;background-size:cover}#howto-page .howto-mute-button{background:transparent;border:0;position:absolute;padding:0 2px;width:11.75%;max-width:90px;top:1%;z-index:2;cursor:pointer;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s;outline:none;right:2%}@media all and (max-width: 570px){#howto-page .howto-mute-button{right:12%}}#howto-page .howto-mute-button img{width:100%}.no-touch #howto-page .howto-mute-button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#howto-page .howto-mute-button .active{display:block}#howto-page .howto-mute-button .inactive{display:none}#howto-page .howto-mute-button.inactive .active{display:none}#howto-page .howto-mute-button.inactive .inactive{display:block}#howto-page .content-wrapper{position:absolute;left:5%;width:90%;height:100%}#howto-page .content-wrapper .headline{position:absolute;width:39.06%;top:1%;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}#howto-page .info-wrapper{position:absolute;top:10%;width:90%;left:5%;overflow:hidden}#howto-page .info-wrapper .infos{position:relative}#howto-page .info-wrapper .info{margin-right:20px;float:left;position:relative}#howto-page .info-wrapper .info img{width:100%}#howto-page .info-wrapper .info h2,#howto-page .info-wrapper .info p{position:absolute;width:85%;top:60%;left:7.5%;text-align:center;font-family:"GibsonSemiBold",Arial,Helvetica,sans-serif;line-height:120%;color:#ab1504}#howto-page .info-wrapper .info p{top:67%;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:#453431}#howto-page .paginator-controls{position:absolute;top:28%;width:100%}#howto-page button.paginator{position:absolute;width:12%;top:0;visibility:hidden}#howto-page button.paginator.visible{visibility:visible}#howto-page button.paginator.left{left:3%;-moz-transition:left .3s;-o-transition:left .3s;-webkit-transition:left .3s;transition:left .3s}.no-touch #howto-page button.paginator.left:hover{left:4.5%}#howto-page button.paginator.right{right:1.5%;-moz-transition:right .3s;-o-transition:right .3s;-webkit-transition:right .3s;transition:right .3s}.no-touch #howto-page button.paginator.right:hover{right:3%}#howto-page .controls{position:absolute;width:100%;bottom:0;height:18%;background:url("../images/start/bottom-paper.png") no-repeat top center;background-size:cover}#howto-page .controls button{width:30%;position:absolute;top:35%;left:35%;margin:0 auto;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.no-touch #howto-page .controls button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#overview-page{background:url("../images/overview/background.jpg") no-repeat top center;background-size:cover}#overview-page .overview-mute-button{background:transparent;border:0;position:absolute;padding:0 2px;width:11.75%;max-width:90px;top:1%;z-index:2;cursor:pointer;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s;outline:none;right:2%}@media all and (max-width: 570px){#overview-page .overview-mute-button{right:12%}}#overview-page .overview-mute-button img{width:100%}.no-touch #overview-page .overview-mute-button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#overview-page .overview-mute-button .active{display:block}#overview-page .overview-mute-button .inactive{display:none}#overview-page .overview-mute-button.inactive .active{display:none}#overview-page .overview-mute-button.inactive .inactive{display:block}#overview-page .first-dragon-layer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:url("../images/game/background.jpg") no-repeat bottom center;background-size:cover;box-sizing:border-box;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:white;line-height:1.3;display:none}#overview-page .first-dragon-layer.visible{display:block}#overview-page .first-dragon-layer .new-item-top{position:absolute;width:100%;height:auto;top:0;height:32%;background:url("../images/game/first-dragon-layer/top-paper.png") no-repeat top center;background-size:cover}#overview-page .first-dragon-layer .new-item-top .text-container{text-align:center;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:#453431;padding:0 14%}#overview-page .first-dragon-layer .item-container{position:absolute;display:block;bottom:30%;left:50%;width:33%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}#overview-page .first-dragon-layer .item-container img{width:100%}#overview-page .first-dragon-layer .new-item-bottom{position:absolute;width:100%;height:auto;bottom:0;height:27%;background:url("../images/game/first-dragon-layer/bottom-paper.png") no-repeat top center;background-size:cover}#overview-page .first-dragon-layer .new-item-bottom .continue-button-wrapper{width:30%;max-width:250px;position:absolute;left:51%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}#overview-page .first-dragon-layer .new-item-bottom .continue-button-wrapper #first-egg-image-button{display:block;position:absolute;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.no-touch #overview-page .first-dragon-layer .new-item-bottom .continue-button-wrapper #first-egg-image-button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#overview-page .first-dragon-layer .new-item-bottom .continue-button-wrapper #first-egg-image-button img{width:100%}#overview-page .first-dragon-layer .new-item-top-headline{text-align:center;padding:6% 0 2% 0;font-family:"Skranji",Arial,Helvetica,sans-serif;font-weight:700;font-size:120%;color:#ab1504}#overview-page .first-dragon-layer .new-item-bottom-headline{text-align:center;padding:10% 0 2% 0;font-family:"Skranji",Arial,Helvetica,sans-serif;font-weight:700;font-size:120%;color:#ab1504}#overview-page .scroll-container{height:100%;overflow-y:auto;overflow-x:hidden}#overview-page #overview-container{width:90%;margin:0 5%}#overview-page .headline-container{position:relative;margin:4% auto 2%;width:60%;-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:"GibsonSemiBold",Arial,Helvetica,sans-serif}#overview-page .headline-container>img{width:100%}#overview-page .headline-container .achievement-overview-wrapper{position:absolute;bottom:15%;left:7.5%;width:85%;color:#453431}#overview-page .headline-container .achievement-overview-wrapper img{vertical-align:middle;margin-right:2%;width:15%}#overview-page .dragon-container{display:inline-block;margin:1% 0 6%;width:48%;cursor:pointer;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);color:#453431;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:"GibsonSemiBold",Arial,Helvetica,sans-serif}.no-touch #overview-page .dragon-container:hover{-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#overview-page .dragon-container img{width:100%;display:block;margin:0 auto}#overview-page .dragon-container .progress-wrapper{position:relative;width:60%;margin:-36% auto 0}#overview-page .dragon-container .progress-wrapper .progress-container{height:29%;position:absolute;top:34%;left:4.5%;width:69%}#overview-page .dragon-container .progress-wrapper .progress-container .progress{height:100%;position:absolute;top:0;left:0;background:url("../images/game/bar-small.png") no-repeat center left;background-size:cover}#overview-page .care-dragon-layer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:url("../images/game/background.jpg") no-repeat bottom center;background-size:cover;box-sizing:border-box;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:white;line-height:1.3;display:none}#overview-page .care-dragon-layer.visible{display:block}#overview-page .care-dragon-layer .new-item-top{position:absolute;width:100%;height:auto;top:0;height:28%;background:url("../images/game/first-dragon-layer/top-paper.png") no-repeat top center;background-size:cover}#overview-page .care-dragon-layer .new-item-top .text-container{text-align:center;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:#453431;padding:13% 14% 0}#overview-page .care-dragon-layer .item-container{position:absolute;display:block;top:53%;left:5%;width:95%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#overview-page .care-dragon-layer .item-container img{width:100%}#overview-page .care-dragon-layer .new-item-bottom{position:absolute;width:100%;height:auto;bottom:0;height:27%;background:url("../images/game/first-dragon-layer/bottom-paper.png") no-repeat top center;background-size:cover}#overview-page .care-dragon-layer .new-item-bottom .continue-button-wrapper{width:30%;max-width:250px;position:absolute;left:51%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}#overview-page .care-dragon-layer .new-item-bottom .continue-button-wrapper #care-dragon-image-button{display:block;position:absolute;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.no-touch #overview-page .care-dragon-layer .new-item-bottom .continue-button-wrapper #care-dragon-image-button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#overview-page .care-dragon-layer .new-item-bottom .continue-button-wrapper #care-dragon-image-button img{width:100%}#overview-page .care-dragon-layer .new-item-top-headline{text-align:center;padding:6% 0 2% 0;font-family:"Skranji",Arial,Helvetica,sans-serif;font-weight:700;font-size:120%;color:#ab1504}#overview-page .care-dragon-layer .new-item-bottom-headline{text-align:center;padding:10% 0 2% 0;font-family:"Skranji",Arial,Helvetica,sans-serif;font-weight:700;font-size:120%;color:#ab1504}#game-page #game-container{margin:0 auto;background:url("../images/game/background.jpg") no-repeat center center;background-size:cover;cursor:pointer;position:relative}#game-page #game-container .background-night{position:absolute;top:0;left:0;width:100%;height:100%;background:url("../images/game/background-night.jpg") no-repeat center center;background-size:cover;opacity:0;animation:night-animation 600s infinite;-moz-animation:night-animation 600s infinite;-webkit-animation:night-animation 600s infinite;-o-animation:night-animation 600s infinite}#game-page #game-container .temperature-displaying{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;-moz-transition:opacity .3s;-o-transition:opacity .3s;-webkit-transition:opacity .3s;transition:opacity .3s}#game-page #game-container .temperature-displaying.hot{background:url("../images/game/animations/egg-temperature/bg-hot.png") no-repeat center center;background-size:cover;opacity:1}#game-page #game-container .temperature-displaying.cold{background:url("../images/game/animations/egg-temperature/bg-cold.png") no-repeat center center;background-size:cover;opacity:1}#game-page #game-container .temperature-displaying.hidden{opacity:0}#game-page #game-container canvas{position:relative}#game-page .mute-button-wrapper{z-index:2}#game-page .info-egg-layer,#game-page .info-dragon-layer,#game-page .sleep-layer,#game-page .hatch-dragon-layer,#game-page .new-item-layer,#game-page .achievement-layer{cursor:default}#game-page #overview-button,#game-page #info-button,#game-page .mute-button-wrapper,#game-page #achievement-button{background:transparent;border:0;position:absolute;width:11.75%;padding:0 2px;top:1%;cursor:pointer;max-width:90px;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.no-touch #game-page #overview-button:hover,.no-touch #game-page #info-button:hover,.no-touch #game-page .mute-button-wrapper:hover,.no-touch #game-page #achievement-button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#game-page #overview-button img,#game-page #info-button img,#game-page .mute-button-wrapper img{width:100%}#game-page #overview-button{left:2%;width:11.75%}#game-page #overview-button .disabled{display:none}#game-page #overview-button.disabled{pointer-events:none}#game-page #overview-button.disabled .enabled{display:none}#game-page #overview-button.disabled .disabled{display:block}#game-page #info-button{right:14%}@media all and (max-width: 570px){#game-page #info-button{right:24%}}#game-page #achievement-button{left:14%;width:60%;max-width:1000px;text-align:left;top:2.5%;color:white;font-family:"GibsonSemiBold",Arial,Helvetica,sans-serif}@media all and (max-width: 570px){#game-page #achievement-button{width:50%}}#game-page #achievement-button img{vertical-align:middle;width:12%;margin-right:2%}#game-page .mute-button-wrapper{right:2%}@media all and (max-width: 570px){#game-page .mute-button-wrapper{right:12%}}#game-page .mute-button-wrapper .inactive{display:none}#game-page .mute-button-wrapper .active{display:block}#game-page .mute-button-wrapper.inactive .inactive{display:block}#game-page .mute-button-wrapper.inactive .active{display:none}#game-page .achievement-layer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:url("../images/general/bgr-wood.jpg") no-repeat top center;background-size:cover;padding:4% 5%;box-sizing:border-box;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;font-size:30px;color:white;line-height:1.3;display:none;cursor:auto}#game-page .achievement-layer.visible{display:block}#game-page .achievement-layer>p{text-align:center}#game-page .achievement-layer .achievement-image,#game-page .achievement-layer .text-container,#game-page .achievement-layer .back-to-game-button{position:absolute;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}#game-page .achievement-layer .achievement-image{width:35%;top:0;z-index:2}#game-page .achievement-layer .text-container{background:url("../images/game/achievement-layer/text-background.png") no-repeat center center;background-size:contain;width:90%;height:50%;top:25.4%}#game-page .achievement-layer .text-container .achievement-headline,#game-page .achievement-layer .text-container .achievement-text{position:absolute;width:80%;left:10%;text-align:center}#game-page .achievement-layer .text-container .achievement-headline{top:40%;font-family:"Skranji",Arial,Helvetica,sans-serif;font-size:150%;font-weight:bold;color:#ab1504}#game-page .achievement-layer .text-container .achievement-text{top:52%;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:#453431}#game-page .achievement-layer .achievement-egg{position:absolute;width:32%;bottom:13%;right:0}#game-page .achievement-layer .back-to-game-button{width:100%;height:18%;border:none;bottom:0;background:url("../images/start/bottom-paper.png") no-repeat top center;background-size:cover}#game-page .achievement-layer .back-to-game-button img{cursor:pointer;width:40%;margin-top:8%;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.no-touch #game-page .achievement-layer .back-to-game-button img:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#game-page .new-dragon-layer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:url("../images/game/finish-layer/background.png") no-repeat top center;background-size:cover;box-sizing:border-box;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;font-size:30px;color:white;line-height:1.3;display:none}#game-page .new-dragon-layer.visible{display:block}#game-page .new-dragon-layer>h2{font-family:"Skranji",Arial,Helvetica,sans-serif;text-align:center;position:relative}#game-page .new-dragon-layer>h2 span{font-size:120%}#game-page .info-egg-layer,#game-page .info-dragon-layer,#game-page .sleep-layer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:url("../images/general/bgr-wood.jpg") no-repeat top center;background-size:cover;box-sizing:border-box;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;font-size:30px;color:white;line-height:1.3;display:none}#game-page .info-egg-layer.visible,#game-page .info-dragon-layer.visible,#game-page .sleep-layer.visible{display:block}#game-page .info-egg-layer>p,#game-page .info-dragon-layer>p,#game-page .sleep-layer>p{text-align:center}#game-page .info-egg-layer .headline,#game-page .info-dragon-layer .headline,#game-page .sleep-layer .headline{position:relative;top:4%;display:block;max-width:70%;margin:0 auto -5%}#game-page .info-egg-layer .text-container,#game-page .info-dragon-layer .text-container,#game-page .sleep-layer .text-container{position:relative;top:11%;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:#453431;padding:0 14%;text-align:center}#game-page .info-egg-layer .info-bgr-container,#game-page .info-dragon-layer .info-bgr-container,#game-page .sleep-layer .info-bgr-container{position:absolute;background:url("../images/game/info-layer/info-layer-bgr.png") no-repeat center center;background-size:contain;top:50%;left:50%;width:100%;height:65%;display:block;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#game-page .info-egg-layer .icons-container,#game-page .info-dragon-layer .icons-container,#game-page .sleep-layer .icons-container{margin:4% 0;top:34%;left:17%;width:75%;position:absolute}#game-page .info-egg-layer .icons-container .icon,#game-page .info-dragon-layer .icons-container .icon,#game-page .sleep-layer .icons-container .icon{width:45%;float:left;position:relative;margin-bottom:12px}#game-page .info-egg-layer .icons-container .icon img,#game-page .info-dragon-layer .icons-container .icon img,#game-page .sleep-layer .icons-container .icon img{width:32%}#game-page .info-egg-layer .icons-container .icon span,#game-page .info-dragon-layer .icons-container .icon span,#game-page .sleep-layer .icons-container .icon span{position:absolute;font-family:"GibsonSemiBold",Arial,Helvetica,sans-serif;top:50%;left:38%;text-align:left;width:60%;padding:0;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#game-page .info-egg-layer .close-info-egg-button-container,#game-page .info-egg-layer .close-info-dragon-button-container,#game-page .info-dragon-layer .close-info-egg-button-container,#game-page .info-dragon-layer .close-info-dragon-button-container,#game-page .sleep-layer .close-info-egg-button-container,#game-page .sleep-layer .close-info-dragon-button-container{position:absolute;width:100%;height:auto;bottom:0;height:19%;background:url(../images/start/bottom-paper.png) no-repeat top center;background-size:cover}#game-page .info-egg-layer .close-info-egg-button,#game-page .info-egg-layer .close-info-dragon-button,#game-page .info-dragon-layer .close-info-egg-button,#game-page .info-dragon-layer .close-info-dragon-button,#game-page .sleep-layer .close-info-egg-button,#game-page .sleep-layer .close-info-dragon-button{background:transparent;border:0;width:45%;cursor:pointer;max-width:335px;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s;position:absolute;bottom:3%;left:30%}.no-touch #game-page .info-egg-layer .close-info-egg-button:hover,.no-touch #game-page .info-egg-layer .close-info-dragon-button:hover,.no-touch #game-page .info-dragon-layer .close-info-egg-button:hover,.no-touch #game-page .info-dragon-layer .close-info-dragon-button:hover,.no-touch #game-page .sleep-layer .close-info-egg-button:hover,.no-touch #game-page .sleep-layer .close-info-dragon-button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#game-page .info-egg-layer .close-info-egg-button img,#game-page .info-egg-layer .close-info-dragon-button img,#game-page .info-dragon-layer .close-info-egg-button img,#game-page .info-dragon-layer .close-info-dragon-button img,#game-page .sleep-layer .close-info-egg-button img,#game-page .sleep-layer .close-info-dragon-button img{width:100%}#game-page .info-egg-layer .clear,#game-page .info-dragon-layer .clear,#game-page .sleep-layer .clear{clear:both;height:4%}#game-page .info-egg-layer .text-container{top:34%;-moz-transform:translateY(-360%);-ms-transform:translateY(-360%);-webkit-transform:translateY(-360%);transform:translateY(-360%)}#game-page .info-dragon-layer .headline{top:2%}#game-page .info-dragon-layer .text-container{top:34%;-moz-transform:translateY(-260%);-ms-transform:translateY(-260%);-webkit-transform:translateY(-260%);transform:translateY(-260%)}#game-page .sleep-layer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:url("../images/general/bgr-wood.jpg") no-repeat top center;background-size:cover;box-sizing:border-box;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;font-size:30px;color:white;line-height:1.3;display:none}#game-page .sleep-layer.visible{display:block}#game-page .sleep-layer>p{text-align:center}#game-page .sleep-layer .fish-skeleton{position:absolute;display:inline-block;left:8%;top:11%;width:30%}#game-page .sleep-layer .fish-skeleton img{width:100%}#game-page .sleep-layer .sleep-layer-message{position:absolute;background:url("../images/game/sleep-layer/sleep-layer-bgr.png") no-repeat center center;background-size:contain;top:23%;left:50%;width:100%;height:39%;display:block;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}#game-page .sleep-layer .sleep-layer-message .sleep-message-inner{position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#game-page .sleep-layer .sleep-layer-message .message-headline{text-align:center;padding:0 0 2%;font-family:"Skranji",Arial,Helvetica,sans-serif;font-weight:700;color:#ab1504}#game-page .sleep-layer .sleep-layer-message .message-headline span{font-size:130%}#game-page .sleep-layer .sleep-layer-message .text-container{top:0}#game-page .sleep-layer .dead-fish{position:absolute;display:inline-block;right:7%;bottom:27%;width:30%}#game-page .sleep-layer .dead-fish img{width:100%}#game-page .sleep-layer .close-info-sleep-button-container{position:absolute;width:100%;height:auto;bottom:0;height:22%;background:url(../images/start/bottom-paper.png) no-repeat top center;background-size:cover}#game-page .sleep-layer .close-info-sleep-button-container .button-wrapper{position:absolute;width:90%;display:block;height:60%;bottom:3%;left:7%}#game-page .sleep-layer .close-info-sleep-button-container .button-wrapper .finish-button,#game-page .sleep-layer .close-info-sleep-button-container .button-wrapper .continue-button{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.no-touch #game-page .sleep-layer .close-info-sleep-button-container .button-wrapper .finish-button:hover,.no-touch #game-page .sleep-layer .close-info-sleep-button-container .button-wrapper .continue-button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#game-page .sleep-layer .close-info-sleep-button-container .button-wrapper .finish-button img,#game-page .sleep-layer .close-info-sleep-button-container .button-wrapper .continue-button img{width:100%}#game-page .sleep-layer .close-info-sleep-button-container .button-wrapper .finish-button{width:41%}#game-page .sleep-layer .close-info-sleep-button-container .button-wrapper .continue-button{width:55%}#game-page .new-item-layer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:url("../images/game/background.jpg") no-repeat bottom center;background-size:auto 120%;box-sizing:border-box;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:white;line-height:1.3;display:none}#game-page .new-item-layer.visible{display:block}#game-page .new-item-layer .new-item-top{position:absolute;width:100%;height:auto;top:0;height:35%;background:url("../images/game/first-dragon-layer/top-paper.png") no-repeat top center;background-size:cover}#game-page .new-item-layer .new-item-top .text-container{text-align:center;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:#453431;padding:0 14%}#game-page .new-item-layer .new-item-top .new-item-top-headline{text-align:center;padding:6% 0 2% 0;font-family:"Skranji",Arial,Helvetica,sans-serif;font-weight:700;font-size:120%;color:#ab1504}#game-page .new-item-layer .item-container{position:absolute;display:block;top:25%;left:51%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}#game-page .new-item-layer .item-container img{width:100%;max-width:324px}#game-page .new-item-layer .new-item-bottom{position:absolute;width:100%;height:auto;bottom:0;height:27%;background:url("../images/game/first-dragon-layer/bottom-paper.png") no-repeat top center;background-size:cover}#game-page .new-item-layer .new-item-bottom .continue-button-wrapper{width:30%;max-width:250px;position:absolute;left:51%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}#game-page .new-item-layer .new-item-bottom .continue-button-wrapper .overview-button{display:block;position:absolute;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.no-touch #game-page .new-item-layer .new-item-bottom .continue-button-wrapper .overview-button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#game-page .new-item-layer .new-item-bottom .continue-button-wrapper .overview-button img{width:100%}#game-page .new-item-layer .new-item-bottom .new-item-bottom-headline{text-align:center;padding:10% 0 2% 0;font-family:"Skranji",Arial,Helvetica,sans-serif;font-weight:700;font-size:120%;color:#ab1504}#game-page .hatch-dragon-layer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;background:url("../images/game/background.jpg") no-repeat bottom center;background-size:auto 125%;box-sizing:border-box;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:white;line-height:1.3;display:none}#game-page .hatch-dragon-layer.visible{display:block}#game-page .hatch-dragon-layer .new-item-top{position:absolute;width:100%;height:auto;top:0;height:32%;background:url("../images/game/first-dragon-layer/top-paper.png") no-repeat top center;background-size:cover}#game-page .hatch-dragon-layer .new-item-top .text{text-align:center;font-family:"GibsonRegular",Arial,Helvetica,sans-serif;color:#453431;padding:0 14%;font-size:85%}#game-page .hatch-dragon-layer .new-item-top .new-item-top-headline{text-align:center;padding:6% 0 2% 0;font-family:"Skranji",Arial,Helvetica,sans-serif;font-weight:700;font-size:120%;color:#ab1504}#game-page .hatch-dragon-layer .item-container{width:100%;height:100%;position:absolute;animation:hatch-animation 1.7s steps(17) forwards;-moz-animation:hatch-animation 1.7s steps(17) forwards;-webkit-animation:hatch-animation 1.7s steps(17) forwards;-o-animation:hatch-animation 1.7s steps(17) forwards;-moz-animation-play-state:paused;-webkit-animation-play-state:paused;animation-play-state:paused}#game-page .hatch-dragon-layer .item-container.gronkel{background:url("../images/game/animations/gronkel-hatch.png") no-repeat 0% 0%;background-size:1800% auto;width:80%;height:80%;top:20%;left:10%}#game-page .hatch-dragon-layer .item-container.nightmare{background:url("../images/game/animations/nightmare-hatch.png") no-repeat 0% 0%;background-size:1800% auto;width:100%;height:80%;top:20%;left:15%}#game-page .hatch-dragon-layer .item-container.nadder{width:90%;height:83%;top:17%;left:5%;background:url("../images/game/animations/nadder-hatch.png") no-repeat 0% 0%;background-size:1800% auto}#game-page .hatch-dragon-layer .item-container.zippleback{background:url("../images/game/animations/zippleback-hatch.png") no-repeat 0% 0%;background-size:1800% auto;width:80%;height:80%;top:20%;left:10%}#game-page .hatch-dragon-layer .item-container.hatch{-moz-animation-play-state:running;-webkit-animation-play-state:running;animation-play-state:running}#game-page .hatch-dragon-layer .new-item-bottom{position:absolute;width:100%;height:auto;bottom:0;height:27%;background:url("../images/game/first-dragon-layer/bottom-paper.png") no-repeat top center;background-size:cover}#game-page .hatch-dragon-layer .new-item-bottom .button-wrapper{width:66%;max-width:650px;position:absolute;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}#game-page .hatch-dragon-layer .new-item-bottom .button-wrapper .change-dragon-name,#game-page .hatch-dragon-layer .new-item-bottom .button-wrapper .close-hatch-button{display:block;position:relative;float:left;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.no-touch #game-page .hatch-dragon-layer .new-item-bottom .button-wrapper .change-dragon-name:hover,.no-touch #game-page .hatch-dragon-layer .new-item-bottom .button-wrapper .close-hatch-button:hover{-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}#game-page .hatch-dragon-layer .new-item-bottom .button-wrapper .change-dragon-name img,#game-page .hatch-dragon-layer .new-item-bottom .button-wrapper .close-hatch-button img{width:100%}#game-page .hatch-dragon-layer .new-item-bottom .button-wrapper .change-dragon-name{width:58%}#game-page .hatch-dragon-layer .new-item-bottom .button-wrapper .close-hatch-button{width:36%}#game-page .hatch-dragon-layer .new-item-bottom .new-item-bottom-headline{text-align:center;padding:10% 0 2% 0;font-family:"Skranji",Arial,Helvetica,sans-serif;font-weight:700;font-size:120%;color:#ab1504}#wrong-format-page{background:url(../images/wrong/bgr-wood.jpg) no-repeat;background-size:cover;background-position:center center;z-index:101;position:relative}.wrong-format #wrong-format-page{display:block;position:absolute;width:100%;height:100%;top:0;left:0}#wrong-format-page .fish-top,#wrong-format-page .fish-bottom{position:absolute}#wrong-format-page .fish-top{width:16.27%;top:8.5%;left:3.57%}#wrong-format-page .fish-bottom{width:22.18%;top:81.46%;left:75.58%}#wrong-format-page .message-container img{position:absolute;max-width:52.68%;max-height:70%;top:15.33%;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
