* {

    box-sizing: border-box;

}



body {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100vh;

    background-color: #f0f0f0;

    font-family: Arial, sans-serif;

    margin: 0;

}



.game-container {

    text-align: center;

    width: 300px;

    background: #fff;

    padding: 20px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

    border-radius: 8px;

}



.btn {

    background-color: #007bff;

    color: #fff;

    border: none;

    padding: 10px;

    margin-top: 10px;

    cursor: pointer;

    border-radius: 5px;

    font-size: 1em;

}



.btn:hover {

    background-color: #0056b3;

}



.btn-container {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 10px;

}



.hide {

    display: none;

}