* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background-color: #333333; /* 20% schwarz (dunkler als #f0f0f0) */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;
}

.container {
    text-align: center;
}

h1 {
    margin-bottom: 20px;
    color: #333;
}

#gameBoard {
    display: block;
    border: none;
    background-color: #fff;
    max-width: 100%;
    height: auto;
}

/* Button-Styling für Lobby */
#findGameBtn {
    transition: background-color 0.3s ease;
}

#findGameBtn:hover {
    background-color: #3d7026; /* Etwas heller beim Hover */
}

#findGameBtn:active {
    background-color: #1f350b; /* Dunkler beim Klicken */
}