@import '_content/GamerConnectZone.Web.Widgets/GamerConnectZone.Web.Widgets.h3c5gh6fko.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.top-bar[b-iwpq4c08pu] {
    position: relative;
    z-index: 30;
    display: grid;
    grid-template-columns: var(--ui-nav, 300px) minmax(0, 1fr);
    gap: 1rem;
}

.top-bar-left[b-iwpq4c08pu] {
    min-width: 0;
}

.top-bar-brand[b-iwpq4c08pu] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.top-bar-brand:hover[b-iwpq4c08pu],
.top-bar-brand:focus-visible[b-iwpq4c08pu] {
    text-decoration: none;
}

.navigation-toggle[b-iwpq4c08pu] {
    display: none;
}

.responsive-navigation[b-iwpq4c08pu] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 480px) minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--ui-gap, 1rem);
}

.toolbar-search[b-iwpq4c08pu] {
    min-width: 0;
}

.toolbar-quick-actions[b-iwpq4c08pu] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    grid-column: 2;
    grid-row: 1;
    gap: var(--ui-gap, 1rem);
}

.toolbar-login[b-iwpq4c08pu] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
    grid-column: 3;
}

.mobile-navigation[b-iwpq4c08pu],
.navigation-scrim[b-iwpq4c08pu] {
    display: none;
}

.nav-column[b-iwpq4c08pu]  .nav-menu-shell {
    width: 100%;
}

@media (max-width: 1100px) {
    .top-bar[b-iwpq4c08pu] {
        display: flex;
        justify-content: space-between;
        gap: 0.5rem;
        padding-inline: 0.75rem;
    }

    .top-bar-left[b-iwpq4c08pu] {
        width: 100%;
        justify-content: space-between;
    }

    .navigation-toggle[b-iwpq4c08pu] {
        display: inline-flex;
        width: var(--ui-btn, 40px);
        height: var(--ui-btn, 40px);
        align-items: center;
        justify-content: center;
        order: 2;
        padding: 0;
        border: 1px solid var(--panel-border);
        border-radius: var(--ui-radius, 8px);
        background: var(--panel-bg);
        color: var(--topbar-fg);
    }

    .navigation-toggle:hover[b-iwpq4c08pu] {
        border-color: var(--accent);
        background: var(--hover);
    }

    .navigation-toggle .material-icons-outlined[b-iwpq4c08pu] {
        font-size: calc(var(--ui-icon, 22px) + 4px);
    }

    .responsive-navigation[b-iwpq4c08pu] {
        position: fixed;
        z-index: 40;
        top: var(--ui-topbar, 56px);
        bottom: 0;
        left: 0;
        display: flex;
        width: min(88vw, 380px);
        min-width: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 0.85rem;
        padding: 1rem;
        overflow: hidden;
        border-right: 1px solid var(--panel-border);
        background: var(--nav-bg);
        box-shadow: 14px 0 32px rgba(0, 0, 0, 0.28);
        box-sizing: border-box;
        transform: translateX(-105%);
        visibility: hidden;
        transition: transform 180ms ease, visibility 180ms ease;
    }

    .navigation-open .responsive-navigation[b-iwpq4c08pu] {
        transform: translateX(0);
        visibility: visible;
    }

    .toolbar-search[b-iwpq4c08pu],
    .toolbar-login[b-iwpq4c08pu],
    .toolbar-quick-actions[b-iwpq4c08pu] {
        width: 100%;
        flex: 0 0 auto;
    }

    .toolbar-login[b-iwpq4c08pu] {
        justify-content: flex-start;
    }

    .toolbar-login[b-iwpq4c08pu]  .login-logout,
    .toolbar-login[b-iwpq4c08pu]  .login-logout-guest,
    .toolbar-login[b-iwpq4c08pu]  .login-logout-trigger {
        width: 100%;
    }

    .toolbar-login[b-iwpq4c08pu]  .chevron {
        margin-left: auto;
    }

    .toolbar-quick-actions[b-iwpq4c08pu] {
        justify-content: flex-start;
        gap: 0.65rem;
        flex-wrap: nowrap;
    }

    .toolbar-quick-actions[b-iwpq4c08pu]  .messages-button {
        margin-left: auto;
    }

    .mobile-navigation[b-iwpq4c08pu] {
        display: block;
        min-height: 0;
        flex: 1 1 auto;
        padding-top: 0.15rem;
        overflow: hidden;
        border-top: 1px solid var(--panel-border);
    }

    .mobile-navigation[b-iwpq4c08pu]  .nav-menu-shell {
        height: 100%;
    }

    .navigation-scrim[b-iwpq4c08pu] {
        position: fixed;
        z-index: 20;
        top: var(--ui-topbar, 56px);
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: rgba(0, 0, 0, 0.52);
    }

    .nav-column[b-iwpq4c08pu] {
        display: none;
    }

    .content-column[b-iwpq4c08pu] {
        width: 100%;
    }

    .page-body[b-iwpq4c08pu] {
        padding: clamp(1rem, 3vw, 1.5rem);
    }
}

@media (max-width: 480px) {
    .top-bar[b-iwpq4c08pu] {
        padding-inline: 0.5rem;
    }

    .brand-logo[b-iwpq4c08pu] {
        margin-inline: 0.35rem;
    }

    .responsive-navigation[b-iwpq4c08pu] {
        width: 100%;
        gap: 0.75rem;
        padding: 0.85rem;
    }

    .toolbar-quick-actions[b-iwpq4c08pu] {
        gap: 0.5rem;
    }

    .page-body[b-iwpq4c08pu] {
        padding: 0.85rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .responsive-navigation[b-iwpq4c08pu] {
        transition: none;
    }
}
/* /Layout/MenuFooter.razor.rz.scp.css */
.menu-footer[b-4gghgpkaab] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 0.45rem;
    margin: auto 1rem 0;
    padding: 1rem 0 0.25rem;
    border-top: 1px solid var(--panel-border);
    color: var(--muted);
    font-size: var(--ui-font-sm, 0.76rem);
}

.menu-footer-links[b-4gghgpkaab] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
}

.menu-footer-links a[b-4gghgpkaab] {
    color: var(--muted);
    text-decoration: none;
}

.menu-footer-links a:hover[b-4gghgpkaab],
.menu-footer-links a:focus-visible[b-4gghgpkaab] {
    color: var(--link-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-menu-shell[b-xvoqb3c430] {
    display: flex;
    min-height: 0;
    height: 100%;
    flex-direction: column;
}

.nav-icon[b-xvoqb3c430] {
    display: inline-flex;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
}

.nav-item[b-xvoqb3c430] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-xvoqb3c430] {
    padding-top: 1rem;
}

.nav-item:last-of-type[b-xvoqb3c430] {
    padding-bottom: 1rem;
}

.nav-item[b-xvoqb3c430]  a {
    display: flex;
    height: 3rem;
    align-items: center;
    border-radius: 4px;
    color: var(--fg, #d7d7d7);
    line-height: 3rem;
}

.nav-item[b-xvoqb3c430]  a.active {
    background-color: var(--accent, rgba(255,255,255,0.37));
    color: white;
}

.nav-item[b-xvoqb3c430]  a:hover {
    background-color: var(--hover, rgba(255,255,255,0.1));
    color: white;
}

.nav-scrollable[b-xvoqb3c430] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
}
.nav-section-label[b-xvoqb3c430]{padding:1.1rem 1rem .45rem;color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
/* /Pages/Gamer.razor.rz.scp.css */
.pulse-grid[b-uidla6qquq]{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(210px,260px);gap:1rem}.left-rail[b-uidla6qquq],.right-rail[b-uidla6qquq],.pulse-main[b-uidla6qquq]{display:grid;align-content:start;gap:1rem}.loading[b-uidla6qquq]{padding:2rem;color:var(--muted);text-align:center}@media(max-width:1100px){.pulse-grid[b-uidla6qquq]{grid-template-columns:240px 1fr}.right-rail[b-uidla6qquq]{grid-column:1}.pulse-main[b-uidla6qquq]{grid-column:2;grid-row:1/3}}@media(max-width:720px){.pulse-grid[b-uidla6qquq]{grid-template-columns:1fr}.pulse-main[b-uidla6qquq],.right-rail[b-uidla6qquq]{grid-column:auto;grid-row:auto}.left-rail[b-uidla6qquq]{order:2}.pulse-main[b-uidla6qquq]{order:1}.right-rail[b-uidla6qquq]{order:3}}
/* /Pages/GamerProfileShell.razor.rz.scp.css */
.profile-shell[b-590988nz6n]{display:grid;gap:1rem;max-width:1500px;margin:0 auto}.profile-state[b-590988nz6n]{display:grid;place-items:center;gap:1rem;min-height:50vh;color:var(--muted)}.profile-state button[b-590988nz6n]{padding:.65rem 1rem;border:1px solid var(--panel-border);border-radius:var(--ui-radius);background:var(--panel-bg);color:#fff}