body {
    font-family: 'Pixelated MS Sans Serif', Arial, sans-serif; /* Fonte que combina mais com Win98 se disponível */
    background-color: #008080;
    background-image: url('kirby.gif');/* Cor clássica do Desktop Windows 98 */
    color: black; /* Texto preto padrão das janelas */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Garante altura total */
    margin: 0;
    padding: 20px; /* Evita que a janela cole na borda em telas pequenas */
    box-sizing: border-box;
}

/* Ajuste da largura da janela para caber o tabuleiro */
.game-window {
    min-width: 440px; /* 400px do tabuleiro + margens */
    max-width: 100%;
}

.window-body {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza tudo dentro da janela */
}

.board-wrapper {
    background: #c0c0c0; /* Fundo cinza para mesclar com a janela */
    padding: 5px;
    border: 2px inset #ffffff; /* Efeito de profundidade ao redor do tabuleiro */
    margin-bottom: 15px;
}

/* Painel de status */
.status-panel {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.status-panel p {
    margin: 5px 0;
    text-align: center;
}

/* Garantir que o texto do link não fique azul/sublinhado estranho dentro do botão */
button {
    font-family: inherit; /* Herda a fonte do sistema */
    font-weight: bold;
    cursor: pointer;
    min-width: 120px;
}

/* Responsividade para telas muito pequenas */
@media (max-width: 500px) {
    .game-window {
        min-width: auto;
        width: 100%;
    }
    
    /* Força o tabuleiro a encolher se a tela for menor que 400px */
    #myBoard {
        width: 100% !important;
    }
}