/* ============================================================
   common.css — Base layout for game views
   ============================================================ */

/* Body Styles */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background: linear-gradient(135deg, var(--bg-gradient-start, #7ba973), var(--bg-gradient-end, #c9d6b8));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100dvh;
}

/* Footer Styles */
footer {
    padding: 1.5rem;
    display: flex;
    justify-content: center;
}

/* Logo Styles */
.logo {
    display: block;
    max-width: 200px;
    max-height: 150px;
    height: auto;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .logo {
        max-width: 40%;
        max-height: 200px;
    }
}