*  {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
 }
 body {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     height: 100dvh;
     background: linear-gradient(135deg, #1e3c72, #2a5298);
     color: white;
     font-family: Arial, sans-serif;
 }

 #game {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 250px;
     height: 250px;
     border: 3px solid white;
     border-radius: 12px;
     text-align: center;
     font-size: 24px;
     margin-bottom: 20px;
     position: relative;
 }

 .score {
     margin: 5px;
     font-size: 18px;
 }

 .feedback {
     position: absolute;
     font-size: 32px;
     animation: float 1s ease-out forwards;
 }

 @keyframes float {
     from {
         opacity: 1;
         transform: translateY(0);
     }

     to {
         opacity: 0;
         transform: translateY(-50px);
     }
 }

 .buttons {
     display: grid;
     grid-template-columns: 60px 60px 60px;
     grid-template-rows: 60px 60px 60px;
     gap: 10px;
     justify-items: center;
     align-items: center;
     margin-top: 10px;
 }

 button {
     width: 60px;
     height: 60px;
     font-size: 24px;
     border: none;
     border-radius: 12px;
     cursor: pointer;
     background-color: #333;
     color: white;
 }

 button:active {
     transform: scale(0.95);
 }

 .empty {
     background: transparent;
     pointer-events: none;
 }

 .control-buttons {
     margin-top: 20px;
     display: flex;
     gap: 10px;
 }

 .control-buttons button {
     width: auto;
     padding: 8px 16px;
     font-size: 16px;
 }