@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Pixelify Sans,sans-serif}.experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hiddden}.experience-canvas{width:100%;height:100%}.hidden{display:none}.modal{z-index:999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:700px;background-color:#ad8671;border:2px solid #fff;color:#fff}.modal-wrapper{padding:12px}.modal-header{width:100%;display:flex;justify-content:space-between}.modal-project-description{margin-top:1rem;line-height:1.5rem}.loading-screen{position:fixed;width:100vw;height:100vh;top:0;left:0;padding:4rem;z-index:2;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#ffe9e5,#fbf9e9,#f4f6ea);opacity:1;transition:opacity 1s ease-in-out}.loading-screen--hidden{animation:fade-out .5s ease-in-out forwards;pointer-events:none}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.loading-screen__title{font-size:5rem;font-weight:900;color:#ad8671;text-align:center}.loading-screen__subtitle{font-size:3rem;font-weight:900;color:#ad8671;text-align:center}.progress__container{width:100%;height:1rem;background-color:#e2eaee;position:relative;overflow:hidden;border-radius:4px}.progress__bar{width:0;height:100%;background-color:#ad8671;transition:width .5s ease-in-out}.instructions__container{margin-top:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.button-entry{width:100%;align-items:center;background-color:#e4d7d0;border:2px solid #111;border-radius:8px;box-sizing:border-box;color:#111;cursor:pointer;display:flex;font-size:16px;height:48px;justify-content:center;line-height:24px;max-width:100%;padding:0 25px;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-entry:after{background-color:#ad8671;border-radius:8px;content:"";display:block;height:48px;left:0;width:100%;position:absolute;top:-2px;transform:translate(8px,8px);transition:transform .2s ease-out;z-index:-1}.button-entry:hover:after{transform:translate(0)}.button-entry:active{background-color:#ad8671;outline:0}.button-entry:hover{outline:0}@media (min-width: 768px){.button-entry{padding:0 40px}}.mobile-controls{z-index:1;position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);place-items:center;touch-action:none;-webkit-user-select:none;user-select:none}.arrow-button{width:56px;height:56px;background-color:#7e8fa3;border:3px solid white;padding:10px;cursor:pointer;display:grid;place-items:center}.btn-up{grid-area:1/2}.btn-left{grid-area:2/1}.btn-down{grid-area:3/2}.btn-right{grid-area:2/3}.arrow{border:solid white;border-width:0 6px 6px 0;display:inline-block;padding:3px}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.toggle-container{position:absolute;width:56px;height:56px;display:flex;justify-content:center;align-items:center;background:#ad8671;border:3px solid white;top:30px;right:20px;cursor:pointer}.icon{width:30px;height:30px;color:#fff}.music{right:100px}.wrapper{display:flex;align-items:flex-end;gap:2px;position:absolute;left:9px;top:13px}.bar{width:5px;background-color:#fff;animation:equalize 1.5s ease-in-out infinite alternate;transform-origin:bottom center}.bar1{height:5px;animation-delay:0s}.bar2{height:15px;animation-delay:.2s}.bar3{height:30px;animation-delay:.4s}.bar4{height:10px;animation-delay:.6s}.bar5{height:20px;animation-delay:.8s}.is-paused .bar{animation-play-state:paused}@keyframes equalize{0%{transform:scaleY(.5)}50%{transform:scaleY(1.2)}to{transform:scaleY(.7)}}