*,:after,:before{box-sizing:border-box}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-VariableFont_wght.ttf) format("TrueType");font-weight:200 900;font-stretch:75% 125%}body,html{background:linear-gradient(180deg,#a9cf6e,#e9f5d7);height:100vh;font-family:Quicksand,serif}.main-canvas{opacity:0;position:fixed!important;left:0;top:0;height:100%;width:100%;pointer-events:none;transition:opacity .3s;z-index:1}.main-canvas.show{pointer-events:visible;opacity:1}.loader{background:linear-gradient(180deg,#f29cbb,#c48199);display:flex;align-items:center;justify-content:center;opacity:.9;transition:opacity .3s;position:fixed;left:0;top:0;height:100%;width:100%;z-index:10}.loader.hide{opacity:0;pointer-events:none}.loader__progress{color:#b65375;font-size:clamp(7rem,10vw,10vw);font-weight:700;text-shadow:.25rem .25rem 0 #f7b8cf}.loader__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.loader__btn{background-color:#f29cbb;color:#b65375;border:2px solid #b65375;border-radius:1rem;font-size:clamp(2rem,2vw,2vw);font-weight:500;font-family:Quicksand;cursor:pointer;padding:1rem 4rem;text-transform:uppercase;box-shadow:.25rem .25rem 0 #f7b8cf;transition:color .3s,background-color .3s,opacity .3s .5s;opacity:0}.loader__btn.show{opacity:1}.loader__btn:hover{background-color:#b65375;color:#fff}.loader__btn:active{box-shadow:none;transform:translate(.25rem,.25rem)}.links-list{display:flex;flex-direction:column;gap:.5vw;position:relative;z-index:1}.links-list .links-item{align-items:center;justify-content:center;display:flex;border:.25rem solid #fff;color:#fff;font-size:clamp(1rem,.7vw,.7vw);font-weight:700;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:color .3s}.links-list .links-item:before{background:#fff;content:"";position:absolute;left:0;top:0;height:100%;width:100%;transform:translateY(100%);transition:transform .3s;z-index:-1}.links-list .links-item:hover{color:#b65375}.links-list .links-item:hover:before{transform:translateY(0)}.hud{opacity:0;pointer-events:none;position:fixed;top:0;left:0;height:100%;width:100%;transition:opacity .3s .5s;z-index:3}.hud.show{opacity:1}.hud-controls{position:absolute;bottom:8%;left:3%}@media(max-width:960px){.hud-controls{left:5%;pointer-events:visible}}.hud-controls .key,.hud-controls .row{display:flex;justify-content:center}.hud-controls .key{color:#b65375;align-items:center;height:2.2vw;width:2.2vw;margin:.125rem;border:.125rem solid #f29cbb;background:#f7b8cf;text-transform:uppercase;font-weight:600;font-size:clamp(.8rem,.8vw,.8vw);opacity:.6;transition:background-color .15s,opacity .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:960px){.hud-controls .key{height:3rem;width:3rem}}.hud-controls .key.key-w{border-radius:.5rem .5rem 0 0}.hud-controls .key.key-a{border-radius:.5rem 0 0 0}.hud-controls .key.key-d{border-radius:0 .5rem 0 0}.hud-controls .key.key-spacebar{border-radius:0 0 .5rem .5rem;width:100%}.hud-controls .key.active{background:#f29cbb;opacity:.9}.hud-areas{display:flex;flex-direction:column;gap:.25rem;position:absolute;bottom:8%;right:3%}@media(max-width:960px){.hud-areas{bottom:40%;pointer-events:visible}}.hud-areas .btn{background-color:#f7b8cf;border:.125rem solid #b65375;color:#b65375;cursor:pointer;font-weight:600;font-size:clamp(.7rem,1vw,1vw);padding:.5rem;pointer-events:visible;opacity:.6;transition:background-color .3s,opacity .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:clamp(4.5rem,8vw,8vw)}.hud-areas .btn.btn-top{border-radius:.5rem .5rem 0 0}.hud-areas .btn.btn-bottom{border-radius:0 0 .5rem .5rem}.hud-areas .btn:hover{background-color:#f29cbb;opacity:.9}.hud-areas .btn:active{background-color:#c48199;opacity:.9}.hud-areas .btn:focus,.hud-areas .btn:visited{outline:0}