.mdi>svg{vertical-align:middle}.mdi.mdi-spin>svg{-webkit-animation:mdi-spin 2s infinite linear;-moz-animation:mdi-spin 2s infinite linear;animation:mdi-spin 2s infinite linear}@-webkit-keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.control-button__button--active[data-v-df71644a]{color:var(--color-heading)}.tutorial[data-v-168d3f0a]{padding:7%;overflow:auto;height:100%}.controls[data-v-3b69246b]{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:20px;padding:30px}.controls__phases-menu[data-v-3b69246b]{position:absolute;top:5px;right:5px;text-align:right;background:var(--color-background);z-index:1}.controls__phases-menu__control[data-v-3b69246b]{cursor:pointer}.controls__phases-selector[data-v-3b69246b]{-webkit-user-select:none;user-select:none;border:2px solid var(--color-border);margin-left:5px;gap:10px;display:flex;flex-wrap:wrap;padding:10px;max-height:calc((var(--controls-width) - 65px));overflow:auto}.controls__phases-selector__phase[data-v-3b69246b]{width:calc((var(--controls-width) - 90px) / 4);height:calc((var(--controls-width) - 90px) / 4);cursor:pointer;background-color:#5d988d}.controls__phases-selector__phase img[data-v-3b69246b]{width:100%;height:100%;position:absolute;top:0;left:0}.controls__phases-selector__phase__marks[data-v-3b69246b]{height:100%;display:flex;align-items:center;justify-content:space-around;z-index:1}.controls__script[data-v-3b69246b]{position:relative;border:5px solid var(--color-border);width:100%;height:calc(var(--base-button-size) * 3 + 30px);overflow:auto}.controls__script__buttons[data-v-3b69246b]{display:flex;flex-wrap:wrap;margin:10px}.controls__script__medal[data-v-3b69246b]{position:absolute;top:0;left:calc(50% - 15px)}.controls__script__button[data-v-3b69246b]{cursor:pointer;width:var(--base-button-size);height:var(--base-button-size)}.controls__script__button__input[data-v-3b69246b]{position:absolute;top:35%;left:20%;width:60%;height:30%;font-size:calc(var(--base-button-size) * .2)}.controls__play[data-v-3b69246b]{width:100%;display:flex;justify-content:center;height:var(--base-button-size)}.controls__play .mdi[data-v-3b69246b]{cursor:pointer}.controls__buttons[data-v-3b69246b]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.controls__buttons .mdi[data-v-3b69246b]{cursor:pointer;width:var(--base-button-size);height:var(--base-button-size)}.controls__buttons__loop[data-v-3b69246b]{display:flex;flex-direction:column}.controls__buttons__arrows[data-v-3b69246b]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}:root{--game-width: calc(100vw - var(--scrollbar-width));--game-height: 0vw;--controls-width: calc(100vw - var(--game-height) - var(--scrollbar-width));--base-button-size: calc(var(--controls-width) * .14)}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}@media(min-aspect-ratio:8/5){:root{--game-width: 0vh;--game-height: 100vh}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#container{overflow:auto;display:flex;flex-direction:row;flex-wrap:wrap;width:100vw;height:100vh}#game{display:contents}#game canvas{width:max(var(--game-width),var(--game-height));height:max(var(--game-width),var(--game-height))}#app{min-width:37vw;min-height:37vh;flex:1;height:calc(100vh - var(--game-width))}#app{margin:0;padding:0;font-weight:400}main{width:100%;height:100%}