*,*:before,*:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;background-color:#b18b67}img,picture,video,canvas,svg{display:block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a,a:visited,a:active,a:hover{text-decoration:none;color:#fff}:root{--font-primary: Helvetica, Arial, sans-serif;--font-header:"Tomorrow", sans-serif;--global-padding: 4.166666667%;--max-width: 1440px;--color-primary: #F7FFF7;--color-right: #7277F2;--color-left: #F0807C;--color-wrong: #ff6B6B;--color-background: #3d317f;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-lightbold: 600;--font-weight-semibold: 700;--font-weight-bold: 900;--ease-in-quad: cubic-bezier(.55, .085, .68, .53);--ease-in-cubic: cubic-bezier(.55, .055, .675, .19);--ease-in-quart: cubic-bezier(.895, .03, .685, .22);--ease-in-quint: cubic-bezier(.755, .05, .855, .06);--ease-in-expo: cubic-bezier(.95, .05, .795, .035);--ease-in-circ: cubic-bezier(.6, .04, .98, .335);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-circ: cubic-bezier(.075, .82, .165, 1);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);--ease-out-back: cubic-bezier(.34, 1.85, .64, 1)}img{opacity:0}img.lazyloaded{transition:.5s opacity;opacity:1}.no-scroll{overflow:hidden;height:100vh}.container{width:100%;padding-left:var(--global-padding);padding-right:var(--global-padding)}.container .innerContainer,.container .grid{max-width:var(--max-width);margin:0 auto;position:relative;width:100%}.container .grid{display:flex;flex-wrap:wrap}:root{--grid-1: 6.985%;--grid-gutter: 1.471%;--grid-ml-2: calc((var(--grid-1) * 2) + (var(--grid-gutter) * 2));--grid-4: calc((var(--grid-1) * 4) + (var(--grid-gutter) * 3));--grid-6: calc((var(--grid-1) * 6) + (var(--grid-gutter) * 5));--grid-8: calc((var(--grid-1) * 8) + (var(--grid-gutter) * 7))}@media (max-width: 640px){:root{--grid-gutter: 0;--grid-1: 100%;--grid-4: 100%;--grid-6: 100%;--grid-8: 100%}}:root{color-scheme:light}body{font-size:var(--font-size-base);font-family:var(--font-primary);color:rgb(var(--color-primary));overflow-y:hidden;overflow-x:hidden;background-color:var(--color-background)}html,body{margin:0;padding:0;width:100%;height:100%}#ThreeJSScene{position:fixed;top:0}#LevelSelect{position:fixed;display:block;right:15%;top:calc(100vh - 500px);z-index:10}#LevelSelect .container .level{color:#fff;font-size:40px;margin-bottom:20px;min-width:200px;transform:translate(50px);opacity:0}#MainMenu{position:fixed;top:0;width:100%;height:100%;background-color:#000c;visibility:hidden}#MainMenu .menuItemArea{position:fixed;left:200px;top:100px}#MainMenu .menuItemArea .menuItem{cursor:pointer;margin-bottom:40px}#MainMenu .menuItemArea .menuItem .menuItemHeader{font-size:60px}#MainMenu .menuItemArea .menuItem .menuItemDescription{font-size:14px}#MainMenu .footer{position:fixed;bottom:20px;left:200px;font-size:12px}.notification{display:flex;align-items:center;justify-content:center;position:relative;text-align:center;margin:auto}.notification .notificationContent{max-width:90%;position:fixed;bottom:0;font-size:30px;font-family:Helvetica;color:#fff;margin:20px}#PointSystem{display:none;color:#fff;pointer-events:none;position:fixed;top:20px;right:20px;z-index:10;opacity:0;transform:translate(300px)}#PointSystem .pointArea{font-size:40px;display:flex}#PointSystem .pointArea .xp{font-weight:700;margin-right:4px}.gradientBottom{display:none;height:200px;width:100%;position:fixed;bottom:0;left:0;background:rgb(0,0,0);background:linear-gradient(0deg,rgb(0,0,0) 0%,rgb(0,0,0) 50%,rgba(0,0,0,0) 100%)}#LevelProgression{display:none;pointer-events:none;color:#fff;position:fixed;top:20px;right:20px}#LevelProgression .levelData{display:flex}#LevelProgression .levelData .levelName{margin-right:4px}#LevelProgression .progressBarArea{width:300px;height:4px}#LevelProgression .progressBarArea .progressBar{position:absolute;top:30px;left:0;width:10%;height:4px;background:rgb(255,255,255)}#LevelProgression .progressBarArea .progressBarBackground{position:absolute;top:30px;left:0;width:100%;height:4px;background:rgba(255,255,255,.4)}.wordToLean{position:fixed;bottom:0;font-size:60px;left:50%;z-index:100;background-color:var(--color-primary);padding:10px 20px;transform:translate(-50%,150px);display:none}.wordToLean .static{color:var(--color-background);position:relative;top:0;left:0;opacity:1}.wordToLean .highlight{color:var(--color-right);position:absolute;top:0;left:0;width:0px;overflow:hidden;margin:10px 20px}.instructions{display:none;position:relative;color:#000;font-weight:700;font-size:20px;margin-top:20px;max-width:50wv}.instructions .inner{position:absolute;left:75%;transform:translate(-50%);width:fit-content;background-color:var(--color-right);padding:10px 20px}#VideoContainer{border-radius:50px;position:fixed;left:50vw}#VideoContainer .rightHandBar{height:5px;width:50vw;background-color:var(--color-right);position:relative;margin-left:-75px;display:none}#VideoContainer video{filter:grayscale(1) contrast(1.5)}#VideoContainer video,#VideoContainer canvas{border-radius:50px;border:var(--color-background) 20px solid;position:fixed;top:0;right:0;bottom:0;margin:auto;min-width:50%;width:50%;height:auto;transform:scaleX(-1)}#VideoContainer .gradientMask{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%;width:auto;height:auto;background:radial-gradient(circle,rgba(0,0,0,0) 0%,rgb(0,0,0) 100%)}#VideoContainer #MiddleLine{position:fixed;height:100%;left:75%;width:1px;border-left:1px dotted white;pointer-events:none}#VideoContainer #UpperBody{position:fixed;top:50%;left:calc(75% - 100px);width:200px;height:300px;border:1px dotted #cccccc;pointer-events:none}#VideoContainer .rightHandCircle{position:absolute;top:0;left:0;opacity:1;display:none}#VideoContainer .rightHandCircle .circle{width:100px;height:140px;border:0px solid rgba(var(--color-right));background-color:#4ecdc433}#VideoContainer #RightHandFollowHand{position:absolute;top:0;left:0;z-index:10;transform:scale(.7);opacity:0}#VideoContainer #RightHandFollowHand .circle{transform:translate(-30px,-70px);width:100px;height:140px;border-radius:0;background-color:#341de21a;border:5px solid var(--color-right)}#VideoContainer .leftHandCircle{position:fixed;top:0;left:0;opacity:1;display:none}#VideoContainer .leftHandCircle .circle{transform:translate(-60px,-160px);width:120px;height:180px;border-radius:80px;border:1px solid #FFA501;background-color:#ffa50133}#VideoContainer #LeftHandFollowHand{position:fixed;top:0;left:0;z-index:10;display:none}#VideoContainer #LeftHandFollowHand .circle{transform:translate(-60px,-160px);width:120px;height:180px;border-radius:80px;border:1px solid #FFA501;background-color:#ffa50133}#MessageOverlay{position:fixed;z-index:2;height:100vh;width:100vw;background-color:#0009;opacity:0;display:none}#MessageOverlay .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;color:var(--color-right);font-size:100px;margin:auto;min-width:200px;min-height:50px}#MessageOverlay .content .copy{padding:60px 80px}#MessageOverlay .content .timer{height:10px;width:100%;background-color:var(--color-right)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}#ExportSign{position:fixed;z-index:10;top:0}#PlayVideo{position:fixed;z-index:10;left:150px;top:0}a,a:visited,a:active,a:hover{text-decoration:none}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,sub,sup,tt,var,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}div.svelte-1adb7j3{position:absolute;top:0;right:0;bottom:0;left:0}.canvasContainer.svelte-1s4dbjk{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}