@media (max-width: 760px) {
    .game-container {
        min-height: auto;
    }

    .mode-panel,
    .play-layout {
        grid-template-columns: 1fr;
    }

    .side-panel {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .eqsy-page-shell {
        padding: 8px;
    }

    .topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .topbar-actions,
    .question-actions,
    .leaderboard-controls {
        width: 100%;
    }

    .icon-button,
    .secondary-action,
    .primary-action {
        flex: 1;
    }

    .setup-grid {
        grid-template-columns: 1fr 1fr;
    }

    .primary-action {
        grid-column: 1 / -1;
    }

    .leaderboard-strip .panel-heading {
        align-items: stretch;
        flex-direction: column;
    }

    .leaderboard-controls select,
    .leaderboard-controls button {
        flex: 1;
    }

    .side-panel {
        grid-template-columns: 1fr;
    }

    .stats-grid,
    .link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .game-container {
        padding: 8px;
    }

    .segmented-control,
    .status-strip,
    .answer-grid,
    .setup-grid,
    .stats-grid,
    .link-grid {
        grid-template-columns: 1fr;
    }

    .segment {
        white-space: normal;
    }

    .question-card {
        min-height: auto;
    }

    .question-body {
        min-height: 104px;
    }

    .answer-button {
        min-height: 46px;
    }

    .feedback-panel {
        font-size: 0.9rem;
        line-height: 1.25;
    }

    .is-embedded .topbar,
    .is-embedded .mode-panel,
    .is-embedded .leaderboard-strip {
        margin-bottom: 7px;
    }

    .is-embedded .question-card,
    .is-embedded .insight-card {
        padding: 8px;
    }

    .is-embedded .category-breakdown,
    .is-embedded .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .is-embedded .category-row {
        padding: 6px;
        font-size: 0.8rem;
    }

    .question-actions {
        flex-direction: column;
    }

    .leaderboard-list li {
        grid-template-columns: auto 1fr auto;
    }

    .leaderboard-scope-pill {
        grid-column: 2 / -1;
        justify-self: start;
    }

    .secondary-action {
        width: 100%;
    }

    .score-dialog-actions {
        flex-direction: column-reverse;
    }

    .score-dialog-actions button {
        width: 100%;
    }
}

@media (min-width: 1500px) {
    .play-layout {
        grid-template-columns: minmax(0, 1.7fr) minmax(360px, 0.7fr);
    }

    .question-card {
        min-height: 700px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
        animation-duration: 1ms !important;
    }
}