.page-module___8aEwW__main{justify-content:center;display:flex}
.styles-module__VR7j2W__topHalf{flex:1;width:100%;max-width:100%;min-height:0}.styles-module__VR7j2W__bottomHalf{flex:1;justify-content:center;gap:.5rem;width:100%;max-width:100%;min-height:0;display:flex}.styles-module__VR7j2W__bottomLeft,.styles-module__VR7j2W__bottomRight{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;min-width:0;font-weight:600;display:flex;position:relative}.styles-module__VR7j2W__canvasContainer{aspect-ratio:1;width:100%;height:auto;max-height:100%;position:relative}.styles-module__VR7j2W__canvas{width:100%;height:100%}.styles-module__VR7j2W__canvasLabel{color:var(--text-color);text-align:center;width:100%;margin:0;padding:0;font-weight:600;position:relative}
.styles-module__ZgvVSa__container{box-sizing:border-box;flex-direction:column;width:100vw;height:100dvh;padding:.5rem;display:flex;overflow:hidden}.styles-module__ZgvVSa__landscapeLayout{flex-direction:column;width:100%;height:100%;display:flex}.styles-module__ZgvVSa__leftControls,.styles-module__ZgvVSa__rightControls{display:none}.styles-module__ZgvVSa__centerContent{flex-direction:column;flex:60%;align-self:center;width:calc(100% - .5rem);height:100%;display:flex}.styles-module__ZgvVSa__scoreContainer{flex:0 0 10dvh;justify-content:center;align-items:center;width:100%;display:flex}.styles-module__ZgvVSa__scoreBox{text-align:center}.styles-module__ZgvVSa__score,.styles-module__ZgvVSa__highScore{margin:.5rem 0;font-weight:600}.styles-module__ZgvVSa__gameArea{aspect-ratio:1;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.styles-module__ZgvVSa__portraitControls{justify-content:space-around;align-items:center;gap:1rem;padding:.5rem;display:flex}@media (orientation:portrait){.styles-module__ZgvVSa__leftControls,.styles-module__ZgvVSa__rightControls{display:none}.styles-module__ZgvVSa__portraitControls{flex-basis:35dvh;display:flex}.styles-module__ZgvVSa__scoreContainer{flex:0 0 8dvh}.styles-module__ZgvVSa__gameArea{flex:1}}@media (orientation:landscape){.styles-module__ZgvVSa__landscapeLayout{flex-direction:row}.styles-module__ZgvVSa__leftControls,.styles-module__ZgvVSa__rightControls{flex:20%;justify-content:center;align-items:center;display:flex}.styles-module__ZgvVSa__portraitControls{display:none}.styles-module__ZgvVSa__scoreContainer{flex:0 0 15%}.styles-module__ZgvVSa__gameArea{flex:1}}
.styles-module__ETbEuG__dpad{width:30vmin;max-width:150px;height:30vmin;max-height:150px;position:relative}.styles-module__ETbEuG__dpadButton{background-color:var(--dpad-button-bg);color:var(--dpad-button-text);cursor:pointer;border:none;justify-content:center;place-items:center;width:10vmin;max-width:50px;height:10vmin;max-height:50px;font-size:1.5rem;transition:background-color .2s;display:flex;position:absolute}.styles-module__ETbEuG__dpadButton:hover{background-color:var(--dpad-button-hover-bg)}.styles-module__ETbEuG__dpadButton:active{background-color:var(--dpad-button-active-bg)}.styles-module__ETbEuG__up{border-radius:.5rem .5rem 0 0;top:0;left:33.33%}.styles-module__ETbEuG__down{border-radius:0 0 .5rem .5rem;bottom:0;left:33.33%}.styles-module__ETbEuG__left{border-radius:.5rem 0 0 .5rem;top:33.33%;left:0}.styles-module__ETbEuG__right{border-radius:0 .5rem .5rem 0;top:33.33%;right:0}.styles-module__ETbEuG__dpadCenter{background-color:var(--dpad-button-bg);width:10vmin;max-width:50px;height:10vmin;max-height:50px;transition:background-color .2s;position:absolute;top:33.33%;left:33.33%}.styles-module__ETbEuG__swipePad{background-color:var(--swipe-pad-bg);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:.5rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex}
.styles-module__g4OPgG__header{box-sizing:border-box;z-index:1000;justify-content:space-between;width:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.styles-module__g4OPgG__rightButtons{justify-content:flex-end;gap:1rem;display:flex}.styles-module__g4OPgG__leftButtons{justify-content:flex-start;gap:1rem;display:flex}
.styles-module-scss-module__b7KCva__container{align-items:center;gap:.5rem;display:flex}.styles-module-scss-module__b7KCva__button{background-color:var(--text-color);color:var(--primary-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .3s;display:flex}.styles-module-scss-module__b7KCva__button:hover{background-color:color-mix(in srgb,var(--text-color)90%,var(--primary-bg))}
.styles-module-scss-module__6WECZq__container{display:inline-block;position:relative}.styles-module-scss-module__6WECZq__button{background-color:var(--text-color);color:var(--primary-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .3s;display:flex}.styles-module-scss-module__6WECZq__button:hover{background-color:color-mix(in srgb,var(--text-color)90%,var(--primary-bg))}.styles-module-scss-module__6WECZq__menu{background-color:var(--primary-bg);border:1px solid var(--text-color);z-index:1000;border-radius:.5rem;flex-direction:column;place-content:center;gap:1rem;min-width:250px;margin-top:.5rem;padding:1rem;transition:opacity .2s;display:flex;position:absolute;top:100%;left:0}.styles-module-scss-module__6WECZq__menu.styles-module-scss-module__6WECZq__seeThrough{opacity:.3}.styles-module-scss-module__6WECZq__item{justify-content:space-between;align-items:center;gap:1rem;font-size:1rem;font-weight:500;display:flex}.styles-module-scss-module__6WECZq__menuButton{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.styles-module-scss-module__6WECZq__submenuHeader{border-bottom:1px solid var(--text-color);align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;font-weight:700;display:flex}.styles-module-scss-module__6WECZq__backButton{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.styles-module-scss-module__6WECZq__switch{width:48px;height:24px;display:inline-block;position:relative}.styles-module-scss-module__6WECZq__switch input{opacity:0;width:0;height:0}.styles-module-scss-module__6WECZq__slider{background-color:var(--button-bg);cursor:pointer;border-radius:24px;transition:all .4s;position:absolute;inset:0}.styles-module-scss-module__6WECZq__slider:before{background-color:var(--primary-bg);content:"";border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.styles-module-scss-module__6WECZq__slider{background-color:var(--text-color)}input:focus+.styles-module-scss-module__6WECZq__slider{box-shadow:0 0 1px var(--text-color)}input:checked+.styles-module-scss-module__6WECZq__slider:before{transform:translate(24px)}
.style-module__gfybKa__toggleContainer{justify-content:space-between;align-items:center;display:flex}.style-module__gfybKa__toggle{display:flex}.style-module__gfybKa__label{font-size:1rem;font-weight:500}.style-module__gfybKa__toggleButton{background-color:var(--button-bg);color:var(--text-color);cursor:pointer;border:none;padding:.5rem 1rem;font-weight:600;transition:background-color .3s,color .3s}.style-module__gfybKa__toggleButton:first-child{border-radius:.5rem 0 0 .5rem}.style-module__gfybKa__toggleButton:last-child{border-radius:0 .5rem .5rem 0}.style-module__gfybKa__toggleButton:hover:not(.style-module__gfybKa__active){background-color:color-mix(in srgb,var(--button-bg)90%,var(--primary-bg))}.style-module__gfybKa__toggleButton.style-module__gfybKa__active{background-color:var(--text-color);color:var(--primary-bg)}
.styles-module-scss-module__OqgwYG__labelContainer{align-items:baseline;gap:1rem;display:flex}.styles-module-scss-module__OqgwYG__sliderWrapper{flex-grow:1;position:relative}.styles-module-scss-module__OqgwYG__slider{appearance:none;background:var(--text-color);border-radius:999px;outline:none;width:100%;height:.5rem;margin:0}.styles-module-scss-module__OqgwYG__slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6 padding-box padding-box;border:.4rem solid #0000;border-radius:50%;width:1rem;height:1rem;transform:scale(4)}.styles-module-scss-module__OqgwYG__slider::-moz-range-thumb{box-sizing:border-box;cursor:pointer;background:#3b82f6 padding-box padding-box;border:.4rem solid #0000;border-radius:50%;width:1rem;height:1rem;transform:scale(4)}.styles-module-scss-module__OqgwYG__graduationsContainer{justify-content:space-between;width:100%;display:flex}.styles-module-scss-module__OqgwYG__graduation{flex-direction:column;align-items:center;display:flex}.styles-module-scss-module__OqgwYG__tick{background-color:var(--text-color);width:1px;height:.5rem}.styles-module-scss-module__OqgwYG__tickLabel{margin-top:.25rem;font-size:.75rem}.styles-module-scss-module__OqgwYG__tickLabelContainer{color:var(--text-color);justify-content:center;align-items:center;gap:.2rem;width:1rem;display:flex}.styles-module-scss-module__OqgwYG__label,.styles-module-scss-module__OqgwYG__value{color:var(--text-color);white-space:nowrap;font-size:.85rem}.styles-module-scss-module__OqgwYG__label{text-align:right;width:2ch;min-width:2ch;max-width:2ch}.styles-module-scss-module__OqgwYG__value{text-align:left;width:3ch;min-width:3ch;max-width:3ch}.styles-module-scss-module__OqgwYG__top{border-bottom:solid 1px var(--text-color);float:left}.styles-module-scss-module__OqgwYG__bottom{clear:left;float:left}
.styles-module__Pr7r6G__dialog{background-color:var(--primary-bg);border:1px solid var(--text-color);box-sizing:border-box;text-align:center;z-index:100;border-radius:.5rem;flex-direction:column;gap:1rem;width:fit-content;max-width:min(90dvw,30rem);max-height:90dvh;margin:auto;padding:1rem;font-size:1rem;font-weight:500;display:flex;position:absolute;inset:0;overflow:auto}.styles-module__Pr7r6G__dialogButton{background-color:var(--text-color);color:var(--primary-bg);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:1rem;font-weight:600}.styles-module__Pr7r6G__dialogButton:hover{background-color:color-mix(in srgb,var(--text-color)90%,var(--primary-bg))}
/*# sourceMappingURL=7d1dc87d1babeea6.css.map*/