@font-face{font-family:Nunito;font-style:normal;font-weight:300;src:url("../font/nunito-light.ttf") format("truetype")}@font-face{font-family:"Anja Eliane";font-style:normal;src:url("../font/anja-eliane.ttf") format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url("../font/nunito-regular.ttf") format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:500;src:url("../font/nunito-medium.ttf") format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;src:url("../font/nunito-bold.ttf") format("truetype")}*{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body{overflow:hidden!important}#background{background:url(../image/main-background.png);background-size:cover;background-repeat:no-repeat;background-position:center center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-5}#container{width:506px;height:900px;position:absolute;top:50%;left:50%;margin:-450px 0 0 -253px;background:url(../image/background.png);background-size:cover;background-repeat:no-repeat;background-position:center center;box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}#header{width:506px;height:90px;position:absolute;background-color:#8966d3;border-bottom:7px solid #724cc3;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-radius:0 0 30px 30px;box-shadow:inset 1px 1px 4px rgba(0,0,0,.2),inset -1px -1px 4px rgba(0,0,0,.2)}#info{background-color:#724cc3;box-shadow:inset 1px 1px 4px rgba(0,0,0,.2),inset -1px -1px 4px rgba(0,0,0,.2);font-family:"Anja Eliane";font-style:normal;display:inline-block;font-size:34px;color:#fff;padding:12px 24px 2px 44px;border-radius:15px;position:relative;margin-left:20px;line-height:34px;text-shadow:1px 1px 0 #6229be,-1px 1px 0 #6229be,1px -1px 0 #6229be,-1px -1px 0 #6229be}#pause{background-color:#724cc3;box-shadow:inset 1px 1px 4px rgba(0,0,0,.2),inset -1px -1px 4px rgba(0,0,0,.2);border-radius:15px;background-image:url(../image/ic-pause.png);background-repeat:no-repeat;background-position:center center;width:60px;height:60px;background-size:34px}#pause:hover{background-color:#855adf}#info::before{content:"";position:absolute;bottom:-8px;left:-24px;display:inline-block;width:60px;height:60px;background-image:url(../image/ic-score.png);background-size:cover;background-repeat:no-repeat}#canvas{position:absolute;bottom:0}#overlay{position:absolute;top:0;left:0;text-align:center;display:none;background:rgba(0,0,0,.6);width:100%;height:100%}.dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#a081f8;box-shadow:0 2px 10px 0 rgba(0,0,0,.2),inset 2px 2px 4px rgba(0,0,0,.2),inset -2px -2px 4px rgba(0,0,0,.2);border-radius:20px;padding:12px}.dialog-header{font-family:Nunito;font-weight:700;color:#fff;background-color:#ae4fe1;box-shadow:inset 2px 2px 4px rgba(0,0,0,.2),inset -2px -2px 4px rgba(0,0,0,.2);font-size:46px;position:relative;padding:10px 24px;margin:-46px 16px 24px 16px;white-space:nowrap;border-radius:50px;text-transform:uppercase}.dialog-body{background-color:#f2e6fc;border-radius:16px;padding:24px;box-shadow:0 2px 10px 0 rgba(0,0,0,.2),inset 2px 2px 4px rgba(0,0,0,.2),inset -2px -2px 4px rgba(0,0,0,.2)}.dialog-score{color:#866e8e;font-size:28px}.dialog-score-title{font-family:Nunito;font-weight:700;font-size:32px}.dialog-score-value{font-family:"Anja Eliane";margin-top:20px;font-size:40px}.dialog-button-continue,.dialog-button-restart{background:linear-gradient(180deg,#acca74 0,#71a014 100%);color:#fff;font-family:Nunito;font-weight:700;padding:18px 16px;font-size:28px;border-radius:12px;text-transform:uppercase}.dialog-button-restart{border-radius:12px;margin-top:20px}.dialog-button-continue:hover,.dialog-button-restart:hover{background:linear-gradient(180deg,#95af65 0,#54790c 100%)}