body,html{display:flex;width:100vw;height:100vh;margin:auto;justify-content:center;align-items:center;background-color:#222}.wrapper{position:relative;display:flex;width:min(133.33333vh,100vw);max-height:100vh;border:8px solid transparent;box-sizing:border-box;flex-direction:column}#app{display:flex;height:calc(100vh - 20em);height:auto;width:calc(100% - 2em);margin:auto}@media (min-width:768px){#app{height:calc(100vh - 20em);width:auto}}header{flex:0 0 2em;justify-content:center;align-items:center;flex-direction:column;background-color:grey;color:#f5f5f5}.head-content,header{display:flex;width:100%}.head-content{padding:.25em;box-sizing:border-box;flex-direction:column}@media (min-width:1024px){.head-content{flex-direction:row}}.explain,.settings{flex:50% 0 0}.settings{padding:.25em;box-sizing:border-box;background-color:#222}.settings__content{display:grid;gap:.25em;grid-template-columns:1fr 1fr 1fr}.settings__content *{display:flex;justify-content:center;align-items:center}.settings__content .music-toggle{grid-area:1/1}.settings__content .music-toggle>span{margin-left:1em}.settings__content .music-volume{grid-area:1/2/1/4}.settings__content .sound-toggle{grid-area:2/1}.settings__content .sound-toggle>span{margin-left:1em}.settings__content .sound-volume{grid-area:2/2/2/4}.settings__content .restart-level{grid-area:3/1/3/1}.settings__content .select-level{grid-area:3/2/3/2}.settings__content .new-random-level{grid-area:3/3/3/3}.settings__content .credits{grid-area:3/4/3/4}#level-select-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;width:600px;max-width:90vw;max-height:90vh;padding:1em;overflow-y:auto;box-sizing:border-box;background:#f5f5f5;flex-wrap:wrap;gap:.5em}#level-select-popup.js-hidden{display:none}#level-select-popup>.close-button{position:absolute;right:0;top:0;background-color:grey;color:#f5f5f5}#level-select-popup>div{flex:calc(25% - 0.5em) 0 0;padding:.25em;box-sizing:border-box;background-color:grey;color:#f5f5f5;cursor:pointer}#level-select-popup>div *{pointer-events:none}#level-select-popup>div>.map,#level-select-popup>div>.set{display:none}h1,h2,h3{margin:0 .125em}button{cursor:pointer}footer{display:flex;flex-direction:column;background-color:#000;overflow:hidden;flex:4em 0 0}footer .set{width:200%;background-color:#000;color:#f5f5f5;animation:textshow 5s linear infinite}footer .set,footer .set__instance{display:flex;height:1em;align-items:center}footer .set__instance{width:50%;justify-content:space-evenly}footer .set:hover{animation-play-state:paused}footer .set>span{display:flex}footer .state{display:flex;flex:0 0 1.5em;line-height:1.5em;width:100%;justify-content:space-evenly;color:#f5f5f5;background-color:grey;font:24px serif}@keyframes textshow{0%{transform:translate(0)}to{transform:translate(-50%)}}input[type=range]{-webkit-appearance:none;width:300px;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]{background:#f5f5f5;height:1em}input[type=range]::-webkit-slider-thumb{display:flex;width:1em;height:1em;background-color:grey;color:#000}input[type=range]::-moz-range-thumb{display:flex;width:1em;height:1em;background-color:grey;color:#000}input[type=range]::-ms-thumb{display:flex;width:1em;height:1em;background-color:grey;color:#000}
/*# sourceMappingURL=index.56c161c1.css.map */