/* Estilo para uma home elegante, moderna e temática de jogo de tabuleiro */

.home-board-bg {
    background: linear-gradient(135deg, #f8fafc 0%, #e3e6ed 100%);
    min-height: 100vh;
    padding-top: 40px;
    padding-bottom: 40px;
}

.home-title {
    font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
    font-weight: 800;
    letter-spacing: 2px;
    color: #2d3142;
    text-shadow: 0 2px 8px #e0e0e0;
}

.card-board {
    border-radius: 18px;
    border: 2px solid #bfc9d9;
    background: #fffbe6;
    box-shadow: 0 6px 32px 0 rgba(44,62,80,0.10), 0 1.5px 4px 0 rgba(44,62,80,0.08);
    transition: transform 0.15s;
}
.card-board:hover {
    transform: scale(1.025);
    box-shadow: 0 12px 40px 0 rgba(44,62,80,0.13), 0 2px 8px 0 rgba(44,62,80,0.10);
}

.btn-board {
    background: linear-gradient(90deg, #fbb034 0%, #ffdd00 100%);
    color: #2d3142;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    box-shadow: 0 2px 8px 0 rgba(251,176,52,0.10);
    transition: background 0.2s, color 0.2s;
}
.btn-board:hover {
    background: linear-gradient(90deg, #ffdd00 0%, #fbb034 100%);
    color: #1a1a1a;
}

.input-board {
    border-radius: 8px;
    border: 1.5px solid #bfc9d9;
    background: #f8fafc;
    font-size: 1.1rem;
}

/* Detalhes decorativos de tabuleiro */
/* Removido o background-image com board-pattern.svg para evitar erro 404 */
/*
.home-board-bg::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('/img/board-pattern.svg');
    opacity: 0.08;
    z-index: 0;
    pointer-events: none;
}
*/

@media (max-width: 767px) {
    .home-title { font-size: 2rem; }
    .card-board { margin-bottom: 24px; }
}