body,html{background-color:#111;background-size:cover;height:100%;margin:0;overscroll-behavior:none;padding:0;touch-action:none}.tetris-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow:hidden;padding-bottom:40px;padding-top:30px;width:100vw}.tetris{align-items:flex-start;display:flex;flex-direction:row;gap:26px;justify-content:center;width:100%}.tetris aside{align-items:center;display:flex;flex-direction:column;gap:12px;padding-top:5px;width:200px}.tetris aside .aside-div{display:flex;flex-direction:column;gap:10px;width:100%}.tetris aside .aside-div span{align-items:center;display:flex;font-size:16px;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (max-width:540px){.tetris-wrapper{min-height:100vh;padding-bottom:12px;padding-top:12px}.tetris{align-items:center;flex-direction:column;gap:12px}.tetris aside{gap:6px;margin-top:12px;max-width:280px;padding:0;width:90%}.tetris aside .aside-div{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}}@media (min-width:541px) and (max-width:768px){.tetris-wrapper{padding-bottom:16px;padding-top:16px}.tetris{align-items:center;flex-direction:column;gap:16px}.tetris aside{gap:8px;margin-top:16px;max-width:320px;padding:0;width:90%}.tetris aside .aside-div{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}}.tetris aside .aside-div .display{align-items:center;display:flex;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.tetris aside .aside-div .display .label{flex-shrink:0;margin-right:6px}.tetris aside .aside-div .display .value{flex-shrink:1;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis}.cell{border-radius:4px;box-sizing:border-box;height:100%;image-rendering:pixelated;position:relative;transform:translateZ(0);transition:background .1s ease;width:100%}.cell:before{border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stage-wrapper{display:flex;justify-content:center;transform-origin:top center}.stage{background:#111;display:grid;grid-template-columns:repeat(10,24px);grid-template-rows:repeat(20,24px);image-rendering:pixelated}@media (min-width:769px) and (max-width:1023px){.stage{grid-template-columns:repeat(14,24px);grid-template-rows:repeat(35,24px)}}@media (min-width:1024px){.stage{grid-template-columns:repeat(14,24px);grid-template-rows:repeat(25,24px)}}@media (max-width:768px){.stage-wrapper{transform:scale(.9)}}@media (max-width:540px){.stage-wrapper{transform:scale(.85)}}@media (max-width:360px){.stage-wrapper{transform:scale(.8)}}.display{align-items:center;background:#000;display:flex;font-size:.8rem}.display,.start-button{border-radius:20px;box-sizing:border-box;font-family:Pixel,Arial,Helvetica,sans-serif;margin:0 0 20px;min-height:30px;padding:20px;width:100%}.start-button{background:#333;border:none;color:#fff;cursor:pointer;font-size:1rem;outline:none}.mobile-controls{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.mobile-controls button{background:#000000a6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:20px;height:56px;touch-action:manipulation;transition:transform .1s ease-in-out;width:56px}.mobile-controls button:active{transform:scale(.95)}@media (min-width:769px){.mobile-controls{display:none;height:0;margin:0;padding:0}}@media (max-width:540px){.mobile-controls{margin-bottom:12px;transform:scale(.85)}}@media (max-width:360px){.mobile-controls{margin-bottom:10px;transform:scale(.8)}}
/*# sourceMappingURL=main.9f2a5891.css.map*/