body{margin:0;font-family:Quicksand;background-color:#bffcff;position:relative;font-size:2em}canvas{position:absolute;width:100%;height:auto;aspect-ratio:4 / 5}.canvasSpace{position:relative;top:10%;left:0%;width:auto;max-width:100%;height:80%;aspect-ratio:4 / 5;margin:0 auto;touch-action:none}.container{position:relative;height:100vh;touch-action:none;-webkit-user-select:none;user-select:none}.fill{position:absolute;bottom:0%;left:0%;width:100%;height:100%}.leftAlign{text-align:left}.middleBox{position:relative;left:22.5%;width:55%}#gameSpace{position:absolute;bottom:0vh;left:0vw;width:100vw;height:100vh;font-size:3.5vh;background-color:#7de5ff00}button{font-family:Quicksand;color:#000;position:relative;width:max-content;font-size:2rem;background-color:#0de3df00;border-radius:10px;border-width:3px;border-color:#6c7294;z-index:0;transition:border-color .3s;padding:3vmin}button:hover,button:focus{border-color:#fff}div.buttonFadeIn{position:absolute;border-radius:7px;bottom:50%;left:50%;width:0%;height:0%;background-color:#bbffdb80;transition:all .3s;z-index:-1}button:hover div.buttonFadeIn{left:0%;bottom:0%;height:100%;width:100%}button:active div.buttonFadeIn{background-color:#88b2b5}div.buttonBackground{position:absolute;border-radius:7px;bottom:0%;left:0%;width:100%;height:100%;background-color:#0de3df;z-index:-2}div.hide{display:none}.guiInfoBox{width:auto;height:max-content;padding-left:1%;border-style:solid;border-width:2px;border-radius:2px;border-color:#6c7294;background-color:#bbffdb}#heldPiece{position:relative;width:17.5%;height:14%}#heldPieceText{position:static;width:17.5%;height:min-content;font-size:.6rem;border-style:none;text-align:center;margin-bottom:1%}#underHoldSpace{position:absolute;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:5px;font-size:1rem;top:calc(22% + 1rem);width:calc((100% - 64vh)/2 + 12vh - 5px)}@media (max-aspect-ratio: .64){#underHoldSpace{top:calc(10% + 18.75vw + 1rem);width:calc(18.75% - 5px)}}@media (4/5 >= aspect-ratio >= .48){.giveControllerSpace~#underHoldSpace{top:calc(10% + 9vh + 1rem);width:calc((100% - 48vh)/2 + 9vh - 5px)}}.hide{display:none}#titleScreen{background-color:#bffcfe;text-align:center}#GitHub{position:absolute;bottom:5%;left:10%;width:80%}#gameOverScreen{background-color:#bbffdb;text-align:center}#pauseScreen,#howToScreen{text-align:center;background-color:#88b2b5}#settingsScreen{background-color:#6c7294;color:#fff;text-align:center}#controlMapArea{display:flex;flex-direction:column;width:100%;margin:0 auto;align-items:stretch}#controlMapArea>div{text-align:start;margin-bottom:1vmin}@media (orientation: landscape){#controlMapArea{flex-direction:row;flex-wrap:wrap}#controlMapArea>div{width:50%}}.controlRebind{color:#6c7294;border-width:3px;border-style:solid;border-color:#fff;background-color:#0de3df;margin-inline:5px;padding-inline:.5%;transition:background-color,border-color .5s;border-radius:2px;display:inline-block;position:relative;right:0%;text-align:center;width:auto;height:1.2em;min-width:5vmax}.controlRebind:hover,.controlRebind.waiting{background-color:#bbffdb;border-color:#88b2b5}.leftHalf{position:absolute;top:0%;height:100%;left:0%;width:50%}.rightHalf{position:absolute;top:0%;height:100%;right:0%;width:50%;text-align:right}.controller{position:absolute;bottom:10%;width:100%;height:auto;aspect-ratio:4 / 1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100%}.small-grid{display:grid;aspect-ratio:1 / 1;height:100%;width:auto;grid-template-areas:"northwest north northeast" "west center east" "southwest south southeast";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:auto 0}@media (max-aspect-ratio: 4 / 10){.small-grid{height:auto;width:100%}}.north{grid-area:north}.east{grid-area:east}.south{grid-area:south}.west{grid-area:west}.northwest{grid-area:northwest}.northeast{grid-area:northeast}.center{grid-area:center}.southwest{grid-area:southwest}.southeast{grid-area:southeast}.left-item{justify-self:start}.right-item{justify-self:end}.controlButton{width:100%;height:100%;background-image:url(../textures/block.png);background-size:cover;padding:0;margin:0;-webkit-user-select:none;user-select:none}.controlButton.pressed{background-image:url(../textures/pressed-block.png)}.controlButton>img{width:50%;height:50%}#pauseButton{position:absolute;left:1%;top:1%;aspect-ratio:1;height:8%;width:auto;margin:0;border-style:none;padding:0}@media (orientation: portrait){#pauseButton{width:8%;height:auto}}#pauseButton>img{width:100%;height:100%}#tib_moveLeft,#tib_rotateClockwise>img{transform:scaleX(-1)}.screen{position:absolute;top:0;left:0;width:100%;height:100vh;overflow-y:scroll;touch-action:pan-y pinch-zoom}.menu{border-style:solid;border-radius:0;width:80%}.columnContainer{display:flex;flex-direction:column;align-items:center}.message{font-size:.9em}.menuItem{width:95%;border-style:none;border-radius:5px;border-width:5px;padding:2vmin 1vmin;text-align:start;background-color:#88b2b5;margin:1rem auto}.wideButtons>button{width:80%}#settingsScreen button{margin:1rem 0}input.slider{width:90%;display:block;margin:2% auto 0}input.checkbox{display:inline;zoom:2.5}.menu.disabled .menuItem{background-color:#929292;color:#cdcdcd}@media (max-aspect-ratio: 4 / 5){.canvasSpace.giveControllerSpace{height:60%}.controller{height:20%}.menu{width:95%}.wideButtons>button{width:95%}}.spaceBetweenLines>br{margin-bottom:10px}#howToScreen img{background-image:url(../textures/block.png)}img.flip{transform:scaleX(-1)}