@media (max-width: 899px) {
    .achievements-grid, .achievement-namespace-grid { grid-template-columns: 1fr; }
}

@media (min-width: 900px) and (max-width: 1299px) {
    .achievements-grid, .achievement-namespace-grid { grid-template-columns: repeat(var(--achievement-columns-medium), minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    #gamesGrid.games-carousel { width: calc(800% + 56px); }
    #gamesPanel .game-card,
    #gamesPanel .game-card-clone {
        flex-basis: calc(12.5% - 7px);
        width: calc(12.5% - 7px);
    }
}

@media (prefers-reduced-motion: reduce) {
    #gamesGrid.games-carousel { animation: none; }
}

@media (max-width: 700px) {
    .game-card-icon { transform: scale(14); }
}

@media (max-width: 700px) {
    body {
        padding: var(--mobile-page-padding);
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) auto 96px;
    }
    body.is-guest {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr) minmax(0, 1fr);
    }
    body:not(.is-guest).is-home-tab .page {
        grid-template-rows: auto minmax(0, 1fr);
    }
  .page {
    height: auto;
    min-height: 0;
    grid-column: 1;
    grid-row: 1;
    grid-template-rows: auto minmax(var(--mobile-achievement-panel-min-height), 1fr) var(--mobile-milestone-panel-height);
    gap: var(--page-gap);
  }
  .tab-panel { min-height: var(--mobile-achievement-panel-min-height); }
  #milestonesPanel,
  #chatOptionsPanel { height: var(--mobile-milestone-panel-height); }
    #accountManagement {
        grid-column: 1;
        grid-row: 2;
        max-height: min(25vh, 220px);
        max-height: min(25dvh, 220px);
        margin-top: 0;
    }
    body.is-guest #accountManagement {
        grid-row: 3;
        width: 50%;
        justify-self: center;
        max-height: none;
    }
    body.is-guest #authSectionHeader {
        font-size: clamp(1.5rem, 5vw, 2rem);
        overflow-wrap: anywhere;
    }
    .guest-signin-card .achievement-card-inner {
        grid-template-columns: minmax(0, 1fr);
    }
    .guest-signin-card .achievement-icon {
        width: 64px;
        height: 64px;
        min-height: 0;
        justify-self: center;
    }
    .guest-signin-card .achievement-title {
        font-size: clamp(1.25rem, 5vw, 1.8rem);
    }
    .tip-area {
        grid-column: 1;
        grid-row: 3;
        height: 100%;
    }
    .build-indicator { right: var(--mobile-page-padding); top: var(--mobile-page-padding); }
    .panel-header { padding: var(--mobile-panel-header-padding); flex-direction: column; align-items: flex-start; gap: var(--mobile-panel-header-gap); }
    .panel-body { padding: var(--mobile-page-padding); }
    .achievements-grid { grid-template-columns: 1fr; }
    .chat-presence-panel { flex-basis: 125px; padding-left: 8px; }
    .chat-presence-heading h2 { font-size: 12px; }
    .chat-presence-member { gap: 4px; font-size: 10px; }
    .chat-presence-member-status { font-size: 9px; }
}

@media (hover: none) {
    .chat-message-actions {
        opacity: 1;
        pointer-events: auto;
        transform: translate(0, -50%);
    }
}