/* Too Big To Fail — main stylesheet */
/* Bootstrap 5 handles the heavy lifting; this file adds game-specific overrides. */

/* ── General ─────────────────────────────────────────────────────────────── */

body {
    min-height: 100vh;
    background-color: #f8f9fa;
}

/* ── Landing page ─────────────────────────────────────────────────────────── */

.landing-hero {
    padding: 1rem 1rem 0;
}

.landing-board-svg {
    max-width: 480px;
    width: 100%;
    height: auto;
    overflow: visible; /* allow axis labels outside viewBox */
    filter: drop-shadow(0 4px 12px rgba(0,0,0,.12));
}

/* ── Lobby panels ─────────────────────────────────────────────────────────── */

.panel-list {
    height: 340px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.panel-list::-webkit-scrollbar {
    width: 4px;
}

.panel-list::-webkit-scrollbar-thumb {
    background: #ced4da;
    border-radius: 2px;
}

/* Subtle hover on clickable game rows */
.list-group-item-action:hover {
    background-color: #f0f4ff;
}

/* ── Navbar brand ─────────────────────────────────────────────────────────── */

.navbar-brand {
    letter-spacing: 0.05em;
    font-size: 1.3rem;
}