body{box-sizing:border-box;background:#272944;margin:0;padding:0;font-family:Arial,sans-serif}.wrapper{justify-content:center;align-items:center;min-height:100vh;display:flex}.game-container{box-sizing:border-box;background:#272944;border:8px solid #555;flex-flow:row;align-items:center;gap:15px;padding:10px;display:flex}#tetris{background:#111;display:block}.game-sidebar{color:#fff;flex-direction:column;align-items:center;gap:10px;display:flex}.game-sidebar p{margin:0}.game-sidebar #next-piece{background:#222;border:2px solid #555}@media (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{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.game-buttons button,.touch-controls button{color:#fff;background:#884ea0;border:none;border-radius:8px;justify-content:center;align-items:center;height:48px;padding:8px 12px;font-size:16px;transition:background .2s;display:flex}.game-buttons button:hover,.touch-controls button:hover{cursor:pointer;background:#6a1b9a}.game-buttons button svg,.touch-controls button svg{stroke:#fff;width:24px;height:24px}@media (width>=601px){.touch-controls{display:none}}@media (width<=600px){.game-buttons button,.touch-controls button{width:40px;height:40px;padding:6px;font-size:12px}.game-buttons button svg,.touch-controls button svg{width:20px;height:20px}}.footer{color:#fff;text-align:center;z-index:100;width:100%;font-size:.9rem;position:fixed;bottom:10px}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}