*{box-sizing:border-box;max-width:100vw;overflow:hidden}html,body{margin:0;padding:0;overflow:hidden;width:100vw!important;height:100%;font-family:Source Sans Pro,sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none}body,button,input,select,textarea,#menu,.stepsButton{font-family:Source Sans Pro,sans-serif}body{width:100vw!important;margin:0;padding:0;overflow:hidden}button{all:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none}#canvas{display:block;width:100vw;height:100vh;overflow:hidden}#narrativeStepsWrapper{position:fixed;display:flex;bottom:0;background-color:transparent;height:4.5rem;width:100%;align-items:center;text-align:center}#narrativeStepsWrapperInner{display:flex;margin:auto;background-color:transparent;height:100%;align-content:center;align-items:center;text-align:center}#narrativeStepsDiv{background-color:transparent;display:inline-flex;align-items:center;height:50%}.controllButton{display:inline-block;height:30%;border:none;background-color:transparent}#leftArrowSteps{margin-right:10px}#rightArrowSteps{margin-left:10px}.stepsButton{display:inline-block;margin-left:2px;margin-right:2px;border-radius:50%;height:85%;aspect-ratio:1!important;background-color:#cecece80;border-color:#e1e1e1!important;border-width:3px!important;border-style:solid}.buttonSmall{height:65%;aspect-ratio:1!important}.buttonSelected{background-color:#8a8a8a80;border-color:#9f9f9f!important}.buttonImage{height:100%;aspect-ratio:1}span{font-weight:700}#menu{position:absolute;background:rgba(240,240,240,.6);border:2px solid white;border-color:#e5e5e5!important;border-width:3px!important;width:150px;color:#000;padding:10px;margin-bottom:5px;border-radius:10px;display:none;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:1px 1px 3px #5e5e5e24,-1px -1px 3px #5e5e5e24}#menuRightWrapper{transition:opacity 1s ease-in-out;opacity:0;position:fixed;right:25px;top:0;margin-top:1rem;margin-right:1rem;width:15vw}#menuLeftWrapper{transition:opacity 1s ease-in-out;opacity:0;position:fixed;left:0;top:0;margin-top:1rem;margin-left:1rem;width:15vw}.mainMenu{margin-top:1rem;background:rgba(240,240,240,.6);border:2px solid white;border-color:#e5e5e5!important;border-width:3px!important;color:#000;padding:10px;border-radius:10px;display:block;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:1px 1px 3px #5e5e5e24,-1px -1px 3px #5e5e5e24}.mainMenuTop{font-weight:700}#menuLeftWrapper.show,#menuRightWrapper.show{opacity:1}#loadingScreen{display:block;position:absolute;top:0;left:0;z-index:10001;width:100%;height:100%;color:#000;text-align:center;align-items:center;align-content:center;background:rgba(240,240,240,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid white;border-color:#e5e5e5!important;border-width:3px!important}#loadingMenu{text-align:center;align-items:center;align-content:center;position:relative;margin:auto;width:40vw;padding-top:2rem!important;padding-bottom:2rem!important;background:rgba(240,240,240,.6);border:2px solid white;border-color:#e5e5e5!important;border-width:3px!important;color:#a5a5a5!important;padding:10px;border-radius:50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:1px 1px 3px #5e5e5e24,-1px -1px 3px #5e5e5e24}#loadingText{position:relative;font-weight:500;font-size:1.5rem;margin-bottom:1.5rem}#loadingBar{margin:auto;position:relative;height:1.5rem;width:80%;background:rgba(240,240,240,.6);border:2px solid white;border-color:#e5e5e5!important;border-width:3px!important;color:#a5a5a5!important;padding:10px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:1px 1px 3px #5e5e5e24,-1px -1px 3px #5e5e5e24}#loadingBarFill{position:absolute;top:0;left:0;width:0;height:100%;background:rgb(165,165,165)!important}@media all and (max-width: 500px) and (min-width:100px){#loadingMenu{width:80vw!important;padding-top:1.5rem!important;padding-bottom:1.5rem!important}#loadingText{font-size:1.2rem;margin-bottom:1rem}#leftArrowSteps{margin-right:2px}#rightArrowSteps{margin-left:2px}#narrativeStepsWrapper{height:4rem}.stepsButton{display:block!important;margin-left:2px;margin-right:2px;height:80%;aspect-ratio:1!important}.buttonSmall{display:block!important;margin-left:2px;margin-right:2px;height:55%;aspect-ratio:1!important}#menuRightWrapper,#menuLeftWrapper{transition:opacity 1s ease-in-out;opacity:0;position:fixed;left:0;top:0;width:100%!important;margin-top:1rem;margin-right:0;margin-left:0;padding-left:1rem;padding-right:1rem}.mainMenuTop{height:15vh!important}.mainMenuBottom{display:none}}