@import"https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap";*{font-family:Fira Sans,sans-serif;-webkit-user-select:none;user-select:none}body,html{padding:0;margin:0;background-color:#737373;box-sizing:border-box}.hidden{display:none!important}#main-menu,#p5-div,#three-div{position:fixed;left:0;top:0;width:100vw;height:100vh}#main-menu{z-index:100}#compass{position:fixed;top:50px;left:50vw;width:700px;height:40px;border-radius:20px;transform:translate(-50%);background-color:#0004;background-image:url(/assets/compass-e0dff458.png);background-size:auto 40px;background-position-x:330px;background-repeat:repeat no-repeat;color:#f5f5f5;opacity:.7}#crystal{position:absolute;top:4vh;right:4vh;padding:4px;background-color:#0004;border-radius:4px;display:flex;align-items:center;gap:8px}#crystal-amount{margin:0;width:25px;text-align:center;color:#fff;font-size:1.4em;font-weight:500}#crystal-icon{width:25px;height:25px;background:url(/assets/crystal-707d56f8.png);background-size:cover;background-position:center}#berry-container{position:absolute;top:7.5vh;right:4vh;padding:4px;background-color:#0004;border-radius:4px;display:flex;flex-direction:column;gap:12px}#berry{display:flex;align-items:center;gap:8px}#berry-amount{width:25px;margin:0;text-align:center;font-size:1.4em;color:#fff;font-weight:500}#berry-icon{width:25px;height:25px;background:url(/assets/berry-51184edc.png);background-size:cover;background-position:center}#food{display:flex;align-items:flex-start;gap:8px}#food-container{display:flex;flex-direction:column-reverse;gap:4px;padding:4px;border:1px white solid;border-radius:4px}.food-meter{position:relative;width:16px;height:28px;border-radius:4px;overflow:hidden;background-color:#fff2}.food-level{position:absolute;bottom:0;height:0%;left:0;width:16px;border-radius:0 0 4px 4px;background-color:#fff7}#food-icon{width:25px;height:25px;background:url(/assets/food-c283a958.png);background-size:cover;background-position:center}#sprint-bar{position:absolute;bottom:5vh;left:calc(50vw - 160px);width:320px;padding:4px;background:linear-gradient(90deg,#fff0 0%,#fff7 50%,#fff0 100%);opacity:0;transition:all .3s ease;display:flex;flex-direction:column;gap:8px}#sprint-level{height:6px;width:50%;margin-left:50%;transform:translate(-50%);background-color:#fff;border-radius:3px}#banner{position:absolute;height:100vh;width:100vw;background:url(/assets/banner-3544ffc0.png);background-size:cover;background-position:center;background-position-y:90%;z-index:-1}#blur{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#menu-content{position:relative;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:space-around;align-items:center}#title-container{display:flex;flex-direction:row;gap:30px;align-items:center;justify-content:center}#logo{width:8em;height:8em;margin-top:1em}#title{margin:12px;width:100%;text-align:center;font-weight:700;font-size:10em;color:#fff}#button-container{display:flex;flex-direction:column;align-items:center;gap:20px}#continue-button,#settings-button,#start-button,#back-button{padding:8px;width:300px;font-size:2em;background:#fff3;color:#d8d8d8;border-radius:4px;border:outset 3px rgb(216,216,216)}#continue-button{width:340px;margin-bottom:12px}#start-button.new,#settings-button,#back-button{font-size:1.72em;padding-top:2px;padding-bottom:2px;width:280px}#continue-button:hover,#settings-button:hover,#back-button:hover,#start-button:hover{color:#f5f5f5;border:outset 3px rgb(245,245,245);background:#fff4}#continue-button:active,#settings-button:active,#back-button:active,#start-button:active{color:#d8d8d8;border:inset 3px rgb(216,216,216);background:#fff3}#settings-content{position:absolute;height:100vh;width:100vw;top:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}#settings-container{width:500px;margin-top:35vh;margin-bottom:10vh}#shadow-container .selector label{flex:1}.selector-container{width:100%;margin-bottom:20px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.selector-container p{color:#fff;width:150px;margin:5px}.selector{flex:1;display:flex;flex-direction:row;align-items:center}.selector input{display:none}.selector label{padding:12px;color:#fffc;border:2px white solid;border-width:2px 0 2px 0;display:flex;justify-content:center;align-items:center}.selector label:hover{color:#fff}.selector label:first-of-type{border-radius:4px 0 0 4px;border-width:2px 0 2px 2px}.selector label:last-of-type{border-radius:0 4px 4px 0;border-width:2px 2px 2px 0}.selector input:checked+label{background-color:#fff6}.selector input:checked+label:hover{background-color:#fff7}.slidecontainer{position:relative;width:100%;display:flex;flex-direction:row;align-items:center}.slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:white;outline:none;opacity:.8;-webkit-transition:.2s;transition:opacity .2s}.slidecontainer p{margin:5px;-webkit-user-select:none;user-select:none;color:#fff;width:150px}.slidecontainer p:nth-child(3){width:40px;text-align:center}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:8px;background:#fff;cursor:pointer}.slider::-webkit-slider-thumb,.slider::-moz-range-thumb{width:25px;height:25px;border-radius:4px;background:#fff;cursor:pointer}.checkcontainer{position:relative;width:100%;display:flex;flex-direction:row;align-items:center}.checkcontainer p{margin:5px;-webkit-user-select:none;user-select:none;color:#fff;width:150px}.checkcontainer input{display:none}.checkcontainer label{position:relative;width:20px;height:20px;border:2px white solid;border-radius:4px;background-color:#fff6}.checkcontainer label:hover{background-color:#fff7}.checkcontainer input:checked+label:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"✓";text-align:center;font-size:.8em;font-weight:700;line-height:20px;color:#fff}#loading-content{position:relative;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:space-around;align-items:center}#loading-grid{margin-top:10vh;width:50vh;height:50vh;display:grid;grid-template-columns:repeat(10,10%);grid-template-rows:repeat(10,10%)}.loading-grid-item{margin:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:4px;background-color:#f0f0f080;transition:background-color .1s ease}.loading-grid-item.active{background-color:#f5f5f5}#loading-message{display:flex;flex-direction:column;justify-content:center;align-items:center}#loading-img{width:2em;height:2em}#loading-text{margin:8px;text-align:center;font-size:1.5em;color:#f0f0f0}