*{box-sizing:border-box;-webkit-user-select:none;user-select:none;overscroll-behavior:none}body{width:100dvw;height:100dvh;margin:0;padding:0;overflow:hidden;position:relative}#app{position:relative;width:100%;height:100%}canvas,#webgl{width:100%;height:100%}@font-face{font-family:Kapakana;src:url(../assets/fonts/kapakana.ttf) format("truetype-variations"),url(../assets/fonts/kapakana.ttf) format("truetype");font-weight:100 1000;font-stretch:75% 125%;font-style:normal}@font-face{font-family:KapakanaStatic;src:url(../assets/fonts/kapakana.woff2) format("woff2"),url(../assets/fonts/kapakana.woff) format("woff");font-weight:1000}#app h1{position:absolute;opacity:1!important;top:35%;left:50%;transform:translate(-50%,-50%);width:100%;margin:0;text-align:center;color:#3f79f3;font-family:Kapakana,KapakanaStatic,sans-serif;line-height:.5;font-weight:700;font-size:40dvh;text-shadow:.5dvh .5dvh 1dvh #EDEDED,-.5dvh -.5dvh 1dvh #EDEDED;pointer-events:none;-webkit-user-select:none;user-select:none}#app h1 .word{display:inline-block}#app h1 .word.w3 span:first-child{letter-spacing:-10dvh}#app h1 .word span{opacity:0;display:inline-block;animation:titleSpawn 2s cubic-bezier(.25,1,.5,1) forwards}#app h1 .w1 span:nth-child(1){animation-delay:0s}#app h1 .w1 span:nth-child(2){animation-delay:.2s}#app h1 .w1 span:nth-child(3){animation-delay:.4s}#app h1 .w1 span:nth-child(4){animation-delay:.6s}#app h1 .w1 span:nth-child(5){animation-delay:.8s}#app h1 .w2 span:nth-child(1){animation-delay:.5s}#app h1 .w2 span:nth-child(2){animation-delay:.7s}#app h1 .w2 span:nth-child(3){animation-delay:.9s}#app h1 .w2 span:nth-child(4){animation-delay:1.1s}#app h1 .w2 span:nth-child(5){animation-delay:1.3s}#app h1 .w3 span:nth-child(1){animation-delay:1s}#app h1 .w3 span:nth-child(2){animation-delay:1.2s}#app h1 .w3 span:nth-child(3){animation-delay:1.4s}#app h1 .w3 span:nth-child(4){animation-delay:1.6s}#app h1 .w3 span:nth-child(5){animation-delay:1.8s}@keyframes titleSpawn{0%{opacity:0;transform:translateY(7dvh) rotate(5deg) scale(.9)}60%{opacity:1;transform:translateY(-1dvh) rotate(-2deg) scale(1.05)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}#app h1.hidden{transform:translate(-50%,-250%);transition:transform 1.5s ease-in-out}#app h1.hidden .word span{opacity:1;animation:titleDeSpawn 1.2s cubic-bezier(.25,1,.5,1) forwards}#app h1.hidden .w1 span:nth-child(1){animation-delay:0s}#app h1.hidden .w1 span:nth-child(2){animation-delay:.05s}#app h1.hidden .w1 span:nth-child(3){animation-delay:.1s}#app h1.hidden .w1 span:nth-child(4){animation-delay:.15s}#app h1.hidden .w1 span:nth-child(5){animation-delay:.2s}#app h1.hidden .w2 span:nth-child(1){animation-delay:.15s}#app h1.hidden .w2 span:nth-child(2){animation-delay:.2s}#app h1.hidden .w2 span:nth-child(3){animation-delay:.25s}#app h1.hidden .w2 span:nth-child(4){animation-delay:.3s}#app h1.hidden .w2 span:nth-child(5){animation-delay:.35s}#app h1.hidden .w3 span:nth-child(1){animation-delay:.3s}#app h1.hidden .w3 span:nth-child(2){animation-delay:.35s}#app h1.hidden .w3 span:nth-child(3){animation-delay:.4s}#app h1.hidden .w3 span:nth-child(4){animation-delay:.45s}#app h1.hidden .w3 span:nth-child(5){animation-delay:.5s}@keyframes titleDeSpawn{0%{opacity:1}to{opacity:0}}#app .tutorial{position:absolute;display:inline-block;color:#3f79f3;font-family:Georgia,Times,Times New Roman,serif;font-weight:100;font-size:4dvh;text-shadow:0 0 1dvh #AAAAAA;opacity:0}#app .tutorial span{font-family:Kapakana,KapakanaStatic,sans-serif;font-size:8dvh;font-weight:700}#app .tutorial.show{transition:transform 1s ease,opacity .5s ease;opacity:1!important}#app .tutorial.hidden{transition:transform 1s ease,opacity .5s ease;opacity:0}#app .tutorial.crank{bottom:5%;right:50%;transform:translateY(50%) translate(50%)}#app .tutorial.crank.show{transform:translate(50%)}#app .tutorial.button{top:15%;left:50%;transform:translateY(-50%) translate(-75%)}#app .tutorial.button.show{transform:translateY(0) translate(-75%)}#start{z-index:10;pointer-events:all;position:absolute;bottom:5%;left:50%;transform:translate(-50%,-50%);background-color:transparent;padding:2dvh 4dvh;color:#3f79f3;font-family:Georgia,Times,Times New Roman,serif;font-weight:100;font-size:5dvh;text-shadow:.2dvh .2dvh 1dvh #EDEDED,-.2dvh -.2dvh 1dvh #EDEDED;text-transform:uppercase;border:.5dvh solid #3F79F3;border-radius:100dvh;cursor:pointer;transition:background-color .3s cubic-bezier(.25,.46,.45,.94),color .3s cubic-bezier(.25,.46,.45,.94);animation:buttonSpawn 1s ease-in-out forwards}@keyframes buttonSpawn{0%{transform:translate(-50%,150%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}#start:hover{color:#fafafa;background-color:#3f79f3;text-shadow:none}#start.hidden{animation:buttonDeSpawn .8s ease-in-out forwards}@keyframes buttonDeSpawn{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,150%) scale(.9);opacity:0}}#mobileAlert{display:none;opacity:0;z-index:10;position:absolute;width:100%;text-align:center;bottom:5%;left:50%;transform:translate(-50%,-50%);color:#3f79f3;font-family:Georgia,Times,Times New Roman,serif;font-weight:100;font-size:5dvh;text-shadow:0 0 1dvh #AAAAAA}@media screen and (max-width: 768px){#mobileAlert{opacity:1!important;display:initial}#start{display:none}}