/* Tavern live-hub drawer — hosts the Inventory / Spellbook / Stats panels as a right-side
   slide-in surface so the core out-of-combat loop stays on the tavern (no route navigation).
   The MudDrawer (Anchor.End, Temporary) handles positioning, overlay, and z-index. */

.game-hub-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--color-border-base);
    position: sticky;
    top: 0;
    background: var(--color-bg-base);
    z-index: 1;
}

.game-hub-title {
    font-family: var(--font-display);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--color-primary);
    letter-spacing: 0.05em;
}

.game-hub-body {
    padding: var(--space-lg);
}

/* Mounted-but-inactive panels stay in the DOM (state preserved) but are hidden. */
.game-hub-panel-hidden {
    display: none;
}

/* Wide on desktop so the spellbook's two-column split (loadout + library) and the inventory
   grid have room to breathe — 720px cramped the library rows (truncated spell names). Capped so
   the tavern stays visible behind. !important to win over MudDrawer's inline Width. */
.game-hub-drawer.mud-drawer {
    width: min(1100px, 95vw) !important;
    max-width: 95vw !important;
}

/* Full-width sheet on tablet/mobile (MudBlazor SmAndDown threshold). */
@media (max-width: 960px) {
    .game-hub-drawer.mud-drawer {
        width: 100vw !important;
        max-width: 100vw !important;
    }
}