@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{display:flex;align-items:center;justify-content:center;background:#111;color:#fff;font-family:Pixelify Sans,sans-serif}.App,.home-container{font-family:Pixelify Sans,sans-serif;text-align:center}.play-button{margin-top:1rem;padding:.75rem 1.5rem;background:#222;border:2px solid #555;color:#fff;font-family:Pixelify Sans,sans-serif;font-size:1rem;cursor:pointer;transition:background .2s}.play-button:hover{background:#333}.game-container{width:100%;max-width:400px;margin:0 auto}.game-container canvas{display:block;width:100%;height:auto;border:2px solid #555;image-rendering:pixelated;font-family:Pixelify Sans,sans-serif}.score,.controls{font-family:Pixelify Sans,sans-serif;margin-top:.5rem}.score{color:#fff}.controls{color:#aaa;font-size:.8rem}.touch-controls{display:flex;justify-content:space-between;margin-top:1rem}.touch-controls button{flex:1;margin:0 .25rem;padding:1rem;background:#222;border:2px solid #555;color:#fff;font-family:Pixelify Sans,sans-serif;font-size:1.2rem;cursor:pointer;transition:background .2s}.touch-controls button:active{background:#333}.App{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111;font-size:1.5rem}.home-container{text-align:center;font-size:1.25rem}.play-button{margin-top:1rem;padding:1rem 2rem;font-size:1.75rem;border:none;border-radius:8px;background:#0dc2ff;color:#000;cursor:pointer}.play-button:hover{background:#0ba8cc}