body{background:#272944;box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}.wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh}.game-container{align-items:center;background:#272944;border:8px solid #555555;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;padding:10px}#tetris{background:#111;display:block}.game-sidebar{align-items:center;color:#fff;display:flex;flex-direction:column;gap:10px}.game-sidebar p{margin:0}.game-sidebar #next-piece{background:#222;border:2px solid #555555}@media (max-width: 600px){.game-container{gap:10px}#tetris{width:55vw;height:auto}.game-sidebar{width:35vw}#next-piece{width:80px;height:80px}}.game-buttons,.touch-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.game-buttons button,.touch-controls button{align-items:center;background:#884ea0;border:none;border-radius:8px;color:#fff;display:flex;font-size:16px;height:48px;justify-content:center;padding:8px 12px;transition:background .2s}.game-buttons button:hover,.touch-controls button:hover{background:#6a1b9a;cursor:pointer}.game-buttons button svg,.touch-controls button svg{height:24px;stroke:#fff;width:24px}@media (min-width: 601px){.touch-controls{display:none}}@media (max-width: 600px){.game-buttons button,.touch-controls button{font-size:12px;height:40px;padding:6px;width:40px}.game-buttons button svg,.touch-controls button svg{height:20px;width:20px}}.footer{bottom:10px;color:#fff;font-size:.9rem;position:fixed;text-align:center;width:100%;z-index:100}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}