body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:Gabarito,Lato,Kanit,Jost,Lisu Bosa,Tektur,Handjet,Quicksand,Oswald,Bricolage Grotesque,Helvetica,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100dvh;overscroll-behavior-y:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.title-card{font-family:Handjet,sans-serif;font-size:200px;text-align:center}#drawing-container{flex:1 1}#drawing-container,.evenly-distribute-vertical{align-items:center;display:flex;height:100%;justify-content:space-evenly;width:100%}.evenly-distribute-vertical{flex:1 1;flex-direction:column}.evenly-distribute{align-items:center;display:flex;flex:1 1;height:100%;justify-content:space-evenly;width:100%}.two{-webkit-text-stroke-color:#000;-webkit-text-stroke-width:3px;-webkit-animation:rainbow 4s ease infinite;animation:rainbow 4s ease infinite;-webkit-background-clip:text;background-image:linear-gradient(45deg,#fff,#fe8630,#ff3330,#fffe0c);background-size:800% 800%;color:transparent}@-webkit-keyframes rainbow{0%{background-position:0 50%}50%{background-position:100% 25%}to{background-position:0 50%}}@keyframes rainbow{0%{background-position:0 50%}50%{background-position:100% 25%}to{background-position:0 50%}}.blink-text{animation:blinker 1s linear infinite;-webkit-animation:blinker 1s linear infinite;-moz-animation:blinker 1s linear infinite;color:#fff}@-webkit-keyframes blinker{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blinker{0%{opacity:1}50%{opacity:0}to{opacity:1}}button{background-color:#000;border:1px solid #fff;color:#fff;font-family:Gabarito,sans-serif;font-size:30px;font-weight:400;padding:10px}@media screen and (orientation:portrait){#drawing{width:90%}.drawing-story{width:33%}#drawing-container,.evenly-distribute{flex-direction:column}.rotational-scale{width:70%}}@media screen and (orientation:landscape){#drawing{height:90%}.drawing-story{height:33%}#drawing-container,.evenly-distribute{flex-direction:row}.rotational-scale{height:80%}}input[type=text]{background-color:#000;box-sizing:border-box;color:#fff;font:24px/24px Gabarito,sans-serif;letter-spacing:1px;text-align:center;width:100%}:focus{outline:none}.inputbox{border:1px solid #ccc;padding:15px;transition:.4s}.inputbox~.focus-border:after,.inputbox~.focus-border:before{background-color:#fff;content:"";height:5px;left:0;position:absolute;top:0;transition:all .3s;width:0}.inputbox~.focus-border:after{bottom:0;left:auto;right:0;top:auto}.inputbox~.focus-border i:after,.inputbox~.focus-border i:before{background-color:#fff;content:"";height:0;left:0;position:absolute;top:0;transition:all .4s;width:5px}.inputbox~.focus-border i:after{bottom:0;left:auto;right:0;top:auto}.inputbox:focus~.focus-border:after,.inputbox:focus~.focus-border:before{transition:.3s;width:100%}.inputbox:focus~.focus-border i:after,.inputbox:focus~.focus-border i:before{height:100%;transition:.4s}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translate(-50px);transform:translate(-50px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translate(-50px);transform:translate(-50px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.slide-left,.slide-right{-webkit-animation:slideInRight .5s ease-in;animation:slideInRight .5s ease-in}.slide-right{animation-direction:reverse}.lds-grid{display:inline-block;height:80px;position:relative;width:80px}.lds-grid div{-webkit-animation:lds-grid 1.2s linear infinite;animation:lds-grid 1.2s linear infinite;background:#fff;border-radius:50%;height:16px;position:absolute;width:16px}.lds-grid div:first-child{-webkit-animation-delay:0s;animation-delay:0s;left:8px;top:8px}.lds-grid div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s;left:32px;top:8px}.lds-grid div:nth-child(3){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:56px;top:8px}.lds-grid div:nth-child(4){-webkit-animation-delay:-.4s;animation-delay:-.4s;left:8px;top:32px}.lds-grid div:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:32px;top:32px}.lds-grid div:nth-child(6){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;left:56px;top:32px}.lds-grid div:nth-child(7){-webkit-animation-delay:-.8s;animation-delay:-.8s;left:8px;top:56px}.lds-grid div:nth-child(8){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;left:32px;top:56px}.lds-grid div:nth-child(9){-webkit-animation-delay:-1.6s;animation-delay:-1.6s;left:56px;top:56px}@-webkit-keyframes lds-grid{0%,to{opacity:1}50%{opacity:.3}}@keyframes lds-grid{0%,to{opacity:1}50%{opacity:.3}}.bubble,.digital{font-family:Press Start\ 2P,cursive}.bubble{background-color:#fff;box-shadow:0 -4px #fff,0 -8px #a2a2a2,4px 0 #fff,4px -4px #a2a2a2,8px 0 #a2a2a2,0 4px #fff,0 8px #a2a2a2,-4px 0 #fff,-4px 4px #a2a2a2,-8px 0 #a2a2a2,-4px -4px #a2a2a2,4px 4px #a2a2a2;box-sizing:border-box;color:#000;display:inline-block;font-size:16px;line-height:1.3em;margin:20px;padding:12px;position:relative;text-align:center;width:200px}.bubble:after{box-sizing:border-box;content:"";display:block;position:absolute}.bubble.shadow{box-shadow:0 -4px #fff,0 -8px #a2a2a2,4px 0 #fff,4px -4px #a2a2a2,8px 0 #a2a2a2,0 4px #fff,0 8px #a2a2a2,-4px 0 #fff,-4px 4px #a2a2a2,-8px 0 #a2a2a2,-4px -4px #a2a2a2,4px 4px #a2a2a2,4px 12px rgba(0,0,0,.1),12px 4px rgba(0,0,0,.1),8px 8px rgba(0,0,0,.1)}.bubble-left:after{background:#fff;box-shadow:-4px -4px #fff,-4px 0 #fff,-8px 0 #fff,0 -8px #fff,-4px 4px #a2a2a2,-8px 4px #a2a2a2,-12px 4px #a2a2a2,-16px 4px #a2a2a2,-12px 0 #a2a2a2,-8px -4px #a2a2a2,-4px -8px #a2a2a2,0 -4px #fff;height:4px;left:-8px;top:20px;width:4px}.custom-file-input::-webkit-file-upload-button,.test-file-input::-webkit-file-upload-button{visibility:hidden}input[type=file]{color:transparent}.custom-file-input:before,.test-file-input:before{border:1px solid #999;border-radius:3px;color:#fff;content:"Tap to Record";cursor:pointer;display:block;font-size:20pt;font-weight:700;padding:5px 8px;text-align:center}.test-file-input:before{content:"Test Record"}img:not([src]){visibility:hidden}.grade-A,.grade-B,.grade-C,.grade-D,.grade-E,.grade-F,.grade-S,.highscores-1,.highscores-2,.highscores-3,.highscores-4,.highscores-5{background:linear-gradient(180deg,rgba(55,55,55,.92),hsla(0,0%,9%,.92));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),inset 0 -1px 0 rgba(0,0,0,.5),4px 4px 0 rgba(0,0,0,.55);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.75)}.grade-S,.highscores-1{background:linear-gradient(180deg,rgba(245,197,66,.42),rgba(160,108,20,.22)),linear-gradient(180deg,rgba(60,42,12,.92),rgba(24,16,4,.92));border:3px solid #f5c542;box-shadow:0 0 26px rgba(245,197,66,.6),inset 0 1px 0 rgba(255,235,170,.6),inset 0 -1px 0 rgba(0,0,0,.6),4px 4px 0 rgba(0,0,0,.6);color:#fff1b8}.grade-A,.highscores-2{background:linear-gradient(180deg,hsla(0,0%,94%,.38),hsla(240,5%,57%,.2)),linear-gradient(180deg,rgba(60,62,68,.92),rgba(20,20,24,.92));border:3px solid #ededed;box-shadow:0 0 22px hsla(0,0%,94%,.55),inset 0 1px 0 hsla(0,0%,100%,.6),inset 0 -1px 0 rgba(0,0,0,.55),4px 4px 0 rgba(0,0,0,.6);color:#fff}.grade-B,.highscores-3{background:linear-gradient(180deg,rgba(201,116,58,.22),rgba(100,52,16,.14)),linear-gradient(180deg,rgba(45,28,12,.92),rgba(18,11,4,.92));border:3px solid #c9743a;box-shadow:0 0 16px rgba(201,116,58,.32),inset 0 1px 0 hsla(27,79%,73%,.4),inset 0 -1px 0 rgba(0,0,0,.55),4px 4px 0 rgba(0,0,0,.6);color:#f0bd8c}.grade-C,.grade-D,.grade-E,.grade-F,.highscores-4,.highscores-5{border:3px solid hsla(0,0%,100%,.32);color:#f4f4f4}.highscores-title{text-decoration:underline;text-shadow:0 0 3px #fff,0 0 3px #fff}.dancestop{text-shadow:0 0 3px #000,0 0 5px #000}ol{margin:0}.demo-input::-webkit-input-placeholder{color:hsla(40,53%,90%,.38)}.demo-input::placeholder{color:hsla(40,53%,90%,.38)}.demo-input:focus{border-color:#ff5a24!important;box-shadow:inset 0 2px 10px rgba(0,0,0,.8),0 0 0 3px rgba(255,74,28,.18),0 0 18px rgba(255,74,28,.25)!important}.bumped-pop{-webkit-animation:bumped-pop .52s cubic-bezier(.2,.9,.2,1.4) both;animation:bumped-pop .52s cubic-bezier(.2,.9,.2,1.4) both}@-webkit-keyframes bumped-pop{0%{opacity:0;-webkit-transform:scale(.4);transform:scale(.4)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bumped-pop{0%{opacity:0;-webkit-transform:scale(.4);transform:scale(.4)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.final-clock{-webkit-animation:final-clock .3s cubic-bezier(.2,.9,.2,1.4) both;animation:final-clock .3s cubic-bezier(.2,.9,.2,1.4) both}@-webkit-keyframes final-clock{0%{opacity:0;-webkit-transform:translateX(-50%) scale(.4);transform:translateX(-50%) scale(.4)}to{opacity:1;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}}@keyframes final-clock{0%{opacity:0;-webkit-transform:translateX(-50%) scale(.4);transform:translateX(-50%) scale(.4)}to{opacity:1;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}}.final-count{-webkit-animation:final-count 1s ease-out both;animation:final-count 1s ease-out both;display:inline-block}@-webkit-keyframes final-count{0%{-webkit-transform:scale(1.7);transform:scale(1.7)}25%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes final-count{0%{-webkit-transform:scale(1.7);transform:scale(1.7)}25%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}.fly-out{-webkit-animation:fly-out .45s cubic-bezier(.55,0,.85,.35) forwards;animation:fly-out .45s cubic-bezier(.55,0,.85,.35) forwards;-webkit-animation:fly-out var(--dur,.45s) cubic-bezier(.55,0,.85,.35) forwards;animation:fly-out var(--dur,.45s) cubic-bezier(.55,0,.85,.35) forwards;-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-delay:var(--delay,0ms);animation-delay:var(--delay,0ms)}@-webkit-keyframes fly-out{0%{-webkit-transform:none;transform:none}18%{-webkit-transform:translateX(14px) rotate(calc(var(--rot)*-.5));transform:translateX(14px) rotate(calc(var(--rot)*-.5))}to{-webkit-transform:translate(-130vw,var(--dy)) rotate(var(--rot)) skewX(14deg);transform:translate(-130vw,var(--dy)) rotate(var(--rot)) skewX(14deg)}}@keyframes fly-out{0%{-webkit-transform:none;transform:none}18%{-webkit-transform:translateX(14px) rotate(calc(var(--rot)*-.5));transform:translateX(14px) rotate(calc(var(--rot)*-.5))}to{-webkit-transform:translate(-130vw,var(--dy)) rotate(var(--rot)) skewX(14deg);transform:translate(-130vw,var(--dy)) rotate(var(--rot)) skewX(14deg)}}.fly-in{-webkit-animation:fly-in .5s cubic-bezier(.2,.85,.3,1) both;animation:fly-in .5s cubic-bezier(.2,.85,.3,1) both;-webkit-animation:fly-in var(--dur,.5s) cubic-bezier(.2,.85,.3,1) both;animation:fly-in var(--dur,.5s) cubic-bezier(.2,.85,.3,1) both;-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-delay:var(--delay,0ms);animation-delay:var(--delay,0ms)}@-webkit-keyframes fly-in{0%{-webkit-transform:translate(130vw,var(--dy)) rotate(var(--rot)) skewX(-14deg);transform:translate(130vw,var(--dy)) rotate(var(--rot)) skewX(-14deg)}70%{-webkit-transform:translateX(-12px) rotate(calc(var(--rot)*-.3)) skewX(2deg);transform:translateX(-12px) rotate(calc(var(--rot)*-.3)) skewX(2deg)}to{-webkit-transform:none;transform:none}}@keyframes fly-in{0%{-webkit-transform:translate(130vw,var(--dy)) rotate(var(--rot)) skewX(-14deg);transform:translate(130vw,var(--dy)) rotate(var(--rot)) skewX(-14deg)}70%{-webkit-transform:translateX(-12px) rotate(calc(var(--rot)*-.3)) skewX(2deg);transform:translateX(-12px) rotate(calc(var(--rot)*-.3)) skewX(2deg)}to{-webkit-transform:none;transform:none}}.fade-in{-webkit-animation:fade-in .52s ease both;animation:fade-in .52s ease both}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in-slow{-webkit-animation:fade-in-slow 1.4s ease both;animation:fade-in-slow 1.4s ease both}@-webkit-keyframes fade-in-slow{0%{opacity:0}to{opacity:1}}@keyframes fade-in-slow{0%{opacity:0}to{opacity:1}}.fade-out-slow{-webkit-animation:fade-out-slow .6s ease forwards;animation:fade-out-slow .6s ease forwards}@-webkit-keyframes fade-out-slow{0%{opacity:1}to{opacity:0}}@keyframes fade-out-slow{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation:fade-out .42s ease forwards;animation:fade-out .42s ease forwards}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.zoom-in{-webkit-animation:zoom-in .75s cubic-bezier(.2,.8,.25,1) both;animation:zoom-in .75s cubic-bezier(.2,.8,.25,1) both;-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-delay:var(--delay,0ms);animation-delay:var(--delay,0ms)}@-webkit-keyframes zoom-in{0%{opacity:0;-webkit-transform:scale(4.5);transform:scale(4.5)}45%{opacity:1}78%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoom-in{0%{opacity:0;-webkit-transform:scale(4.5);transform:scale(4.5)}45%{opacity:1}78%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}.zoom-out{-webkit-animation:zoom-out .52s cubic-bezier(.55,0,.9,.4) forwards;animation:zoom-out .52s cubic-bezier(.55,0,.9,.4) forwards;-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-delay:var(--delay,0ms);animation-delay:var(--delay,0ms)}@-webkit-keyframes zoom-out{to{opacity:0;-webkit-transform:scale(4.5);transform:scale(4.5)}}@keyframes zoom-out{to{opacity:0;-webkit-transform:scale(4.5);transform:scale(4.5)}}.zoom-out[data-sling]{-webkit-animation-duration:1.08s;animation-duration:1.08s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.zoom-out[data-sling=shrink]{-webkit-animation-name:sling-shrink;animation-name:sling-shrink}.zoom-out[data-sling=grow]{-webkit-animation-name:sling-grow;animation-name:sling-grow}@-webkit-keyframes sling-shrink{0%{-webkit-animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-timing-function:cubic-bezier(.2,.7,.3,1);-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-animation-timing-function:cubic-bezier(.45,0,.8,.6);animation-timing-function:cubic-bezier(.45,0,.8,.6);opacity:1;-webkit-transform:scale(.82);transform:scale(.82)}82%{opacity:.45}to{opacity:0;-webkit-transform:scale(3.5);transform:scale(3.5)}}@keyframes sling-shrink{0%{-webkit-animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-timing-function:cubic-bezier(.2,.7,.3,1);-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-animation-timing-function:cubic-bezier(.45,0,.8,.6);animation-timing-function:cubic-bezier(.45,0,.8,.6);opacity:1;-webkit-transform:scale(.82);transform:scale(.82)}82%{opacity:.45}to{opacity:0;-webkit-transform:scale(3.5);transform:scale(3.5)}}@-webkit-keyframes sling-grow{0%{-webkit-animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-timing-function:cubic-bezier(.2,.7,.3,1);-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-animation-timing-function:cubic-bezier(.45,0,.8,.6);animation-timing-function:cubic-bezier(.45,0,.8,.6);opacity:1;-webkit-transform:scale(1.16);transform:scale(1.16)}82%{opacity:.45}to{opacity:0;-webkit-transform:scale(3.5);transform:scale(3.5)}}@keyframes sling-grow{0%{-webkit-animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-timing-function:cubic-bezier(.2,.7,.3,1);-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-animation-timing-function:cubic-bezier(.45,0,.8,.6);animation-timing-function:cubic-bezier(.45,0,.8,.6);opacity:1;-webkit-transform:scale(1.16);transform:scale(1.16)}82%{opacity:.45}to{opacity:0;-webkit-transform:scale(3.5);transform:scale(3.5)}}@-webkit-keyframes jfd-slide-out-left{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@keyframes jfd-slide-out-left{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-30%);transform:translateX(-30%)}}@-webkit-keyframes jfd-slide-in-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes jfd-slide-in-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}::view-transition-old(root){-webkit-animation:jfd-slide-out-left .28s cubic-bezier(.4,0,.2,1) both;animation:jfd-slide-out-left .28s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){-webkit-animation:jfd-slide-in-right .28s cubic-bezier(.4,0,.2,1) both;animation:jfd-slide-in-right .28s cubic-bezier(.4,0,.2,1) both}@-webkit-keyframes jfd-join-pulse{0%,to{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7),inset 0 -3px 0 rgba(0,0,0,.45),0 0 18px rgba(54,255,54,.45),4px 4px 0 rgba(0,0,0,.5);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85),inset 0 -3px 0 rgba(0,0,0,.45),0 0 42px rgba(54,255,54,.95),4px 4px 0 rgba(0,0,0,.5);-webkit-transform:scale(1.03);transform:scale(1.03)}}@keyframes jfd-join-pulse{0%,to{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7),inset 0 -3px 0 rgba(0,0,0,.45),0 0 18px rgba(54,255,54,.45),4px 4px 0 rgba(0,0,0,.5);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85),inset 0 -3px 0 rgba(0,0,0,.45),0 0 42px rgba(54,255,54,.95),4px 4px 0 rgba(0,0,0,.5);-webkit-transform:scale(1.03);transform:scale(1.03)}}.jfd-join-game-pulse{-webkit-animation:jfd-join-pulse 1.1s ease-in-out infinite;animation:jfd-join-pulse 1.1s ease-in-out infinite}
/*# sourceMappingURL=main.e874fdd6.css.map*/