:root{--primary-color:#e11837;--secondary-color:#fff;--accent-color:#c6c6c6;--background-color:#f7f7f7;--text-color:#333;--font-size-base:16px;--font-family:"Arial",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-base);min-height:100vh}footer,header{background-color:var(--primary-color);color:var(--secondary-color);padding:1rem;text-align:center}main{align-items:center;flex:1;padding:2rem}.game-container,main{display:flex;flex-direction:column}.game-container{gap:1rem;max-width:1000px;width:100%}#game-canvas{border:2px solid var(--primary-color);border-radius:8px;width:100%}.game-controls{align-items:center;background-color:var(--secondary-color);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:1rem}.score-display{font-size:1.2rem}.buttons{display:flex;gap:1rem}button{background-color:var(--primary-color);border:none;border-radius:4px;color:var(--secondary-color);cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s}button:hover{background-color:#c51430}.hidden{visibility:hidden}@media (max-width:768px){.game-controls{flex-direction:column;gap:1rem}}.form-control{background-clip:padding-box;border:1px solid #ced4da;display:block;font-size:1rem;line-height:1.5;padding:.375rem .75rem;width:100%}.form-control,.form-control:focus{background-color:#fff;color:#495057}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.form-control{border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}