@font-face{font-family:Kenney-Block;src:url(/tetris/font/Kenney%20Blocks.ttf) format("truetype")}body{background-color:#000;margin:0;padding:0;overflow:hidden}canvas{aspect-ratio:4/3;width:640px;height:480px;border:1px solid #fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}#tactile-buttons{position:absolute;width:200px;top:100%;left:100%;transform:translate(-100%,-100%);float:right;z-index:20}#tactile-buttons.left-hand{left:0;transform:translateY(-100%)}#tactile-buttons button{font-family:Kenney-Block;background-color:#374eaa69;border:none;color:#fff;padding:10px 15px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:8px;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#toggle-hand{font-family:Kenney-Block;position:absolute;top:60%;border:none;left:0;z-index:20;width:180px;height:50px;font-size:15px;color:#fff;background-color:#374eaa69}#toggle-hand:hover{background-color:#2e408869}#toggle-hand.right-hand{left:100%;transform:translate(-100%)}#tactile-buttons .arrows{display:flex;flex-direction:column;width:200px;left:50%;position:relative;transform:translate(-50%);margin-bottom:6px}#tactile-buttons button:hover{background-color:#2e408869}#tactile-buttons .center{display:flex;justify-content:center}#tactile-buttons .space{display:flex;justify-content:space-between}#tactile-buttons button.circle{width:60px;height:60px;padding:0;border-radius:50%}#action-buttons{display:flex;align-items:stretch;margin-bottom:6px}#action-buttons #pause-wrapper{flex:1;margin:0 6px}#action-buttons #pause-wrapper button{height:97px}#action-buttons #game-buttons{flex-direction:column;display:flex;flex-grow:1}#action-buttons #game-buttons #put{margin-bottom:10px}@media (max-width: 1280px){canvas{width:90%;height:auto}}@media (orientation: portrait) and (max-width: 480px){canvas{width:95%;height:auto;transform:translate(-50%,-95%)}}@media (orientation: landscape) and (max-height: 480px){canvas{width:auto;height:95%}}@media (max-width: 400px){#toggle-hand{font-size:12px;width:130px}#tactile-buttons{width:150px}#tactile-buttons button.circle{width:30px;height:30px}#tactile-buttons .arrows{width:100px}}