[v-cloak]{display:none}#mainCanvas{border:1px solid grey}#mainbox{background-color:#f0fff0;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4px}.spacer{flex-grow:1}#credits{flex-shrink:0;font-size:smaller;text-align:center}font-family: 'Gaegu'{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{font-family:soleil,Helvetica,sans-serif}@-webkit-keyframes blurIn{0%{transform:translate3d(0,-60px,0) scale(.9,2);filter:blur(3px);opacity:0}100%{transform:translate3d(0,0,0) scale(1);filter:blur(0);opacity:1}}@keyframes blurIn{0%{transform:translate3d(0,-60px,0) scale(.9,2);filter:blur(3px);opacity:0}100%{transform:translate3d(0,0,0) scale(1);filter:blur(0);opacity:1}}@-webkit-keyframes blurOut{0%{transform:translate3d(0,0,0) scale(1);filter:blur(0);opacity:1}100%{transform:translate3d(0,60px,0) scale(.9,2);filter:blur(3px);opacity:0}}@keyframes blurOut{0%{transform:translate3d(0,0,0) scale(1);filter:blur(0);opacity:1}100%{transform:translate3d(0,60px,0) scale(.9,2);filter:blur(3px);opacity:0}}@-webkit-keyframes pulseEllipsis{0%{box-shadow:-3px 0 0 rgba(127,101,68,.6),-9px 0 0 rgba(127,101,68,.6),-15px 0 0 rgba(127,101,68,.6)}20%{box-shadow:-3px 0 rgba(127,101,68,.6),-9px 0 0 rgba(127,101,68,.6),-15px 0 0 #7f6544}40%{box-shadow:-3px 0 0 rgba(127,101,68,.6),-9px 0 0 #7f6544,-15px 0 0 rgba(127,101,68,.6)}60%{box-shadow:-3px 0 0 #7f6544,-9px 0 0 rgba(127,101,68,.6),-15px 0 0 rgba(127,101,68,.6)}}@keyframes pulseEllipsis{0%{box-shadow:-3px 0 0 rgba(127,101,68,.6),-9px 0 0 rgba(127,101,68,.6),-15px 0 0 rgba(127,101,68,.6)}20%{box-shadow:-3px 0 rgba(127,101,68,.6),-9px 0 0 rgba(127,101,68,.6),-15px 0 0 #7f6544}40%{box-shadow:-3px 0 0 rgba(127,101,68,.6),-9px 0 0 #7f6544,-15px 0 0 rgba(127,101,68,.6)}60%{box-shadow:-3px 0 0 #7f6544,-9px 0 0 rgba(127,101,68,.6),-15px 0 0 rgba(127,101,68,.6)}}@-webkit-keyframes fadeInOutLong{0%,35%{opacity:0}40%,85%{opacity:1}100%,90%{opacity:0}}@keyframes fadeInOutLong{0%,35%{opacity:0}40%,85%{opacity:1}100%,90%{opacity:0}}#loader{width:400px;position:fixed;top:50%;left:50%;text-align:center;transform:translate3d(-50%,-50%,0)}#loader .emoji,#loader .text{-webkit-animation-name:blurIn;animation-name:blurIn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(.58,-.23,.3,1.3);animation-timing-function:cubic-bezier(.58,-.23,.3,1.3);-webkit-animation-fill-mode:both;animation-fill-mode:both}#loader .emoji{display:block;font-size:3.5em;margin-bottom:.2em;-webkit-animation-delay:.1s;animation-delay:.1s}#loader .text{line-height:1;color:#7f6544;font-size:20px;margin-right:-14px}#loader .text:after{content:"";display:inline-block;background:0 0;width:3px;height:3px;border-radius:50%;margin-left:18px;box-shadow:-3px 0 0 rgba(127,101,68,.6),-9px 0 0 rgba(127,101,68,.6),-15px 0 0 rgba(127,101,68,.6);-webkit-animation:pulseEllipsis .8s infinite both ease-in-out;animation:pulseEllipsis .8s infinite both ease-in-out}#loader .animateOut{-webkit-animation-name:blurOut;animation-name:blurOut;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(.58,-.23,.3,1.3);animation-timing-function:cubic-bezier(.58,-.23,.3,1.3);-webkit-animation-fill-mode:both;animation-fill-mode:both}