@media (max-width: 1100px) {
    .main-container {
        margin-left: 12px;
        margin-right: 12px;
        padding: 20px 16px;
        box-sizing: border-box;
    }

    .dashboard-container {
        width: calc(100% - 24px);
        margin-left: 12px;
        margin-right: 12px;
        box-sizing: border-box;
    }

    .dashboard-body {
        flex-direction: column;
    }

    .mobile-sidebar-toggle {
        display: block;
    }

    .event-sidebar {
        width: 100%;
        min-height: 0;
        max-height: 0;
        padding: 0;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    }

    .event-sidebar.open {
        max-height: 520px;
        padding: 10px 0;
        overflow-y: auto;
    }

    .stats-content-panel {
        padding: 15px;
    }

    .highlights-container {
        grid-template-columns: 1fr;
        width: 100%;
        gap: 20px;
    }

    .highlight-box {
        width: 100%;
        padding: 15px 5px;
        box-sizing: border-box;
    }

    .stats-list-scroll {
        height: auto;
        max-height: none;
        padding-right: 0;
        overflow-y: visible;
    }

    .stats-columns {
        flex-direction: column;
    }

    .stats-columns > .highlight-box {
        width: 100%;
    }

    .roster-profile,
    .team-profile {
        padding: 12px 5px;
    }
}

@media (max-width: 700px) {
    .player-popup-box {
        width: min(100vw, 100%);
        max-height: 92vh;
        padding: 14px;
        gap: 10px;
    }

    .player-popup-content {
        flex-direction: column;
    }

    .popup-embed-wrap {
        width: 100%;
    }

    .player-popup-right {
        flex: none;
        flex-direction: row;
        align-items: stretch;
        gap: 10px;
    }

    .player-popup-pfp {
        width: 90px;
        height: 90px;
        min-height: 0;
        flex: none;
        align-self: flex-start;
        aspect-ratio: 1 / 1;
    }

    .player-popup-btn {
        flex: 1;
        align-self: flex-end;
    }

    .player-search-section {
        width: auto;
        margin-left: 12px;
        margin-right: 12px;
        margin-bottom: 24px;
        padding: 18px 14px;
        box-sizing: border-box;
    }

    .player-search-section .highlight-title {
        font-size: clamp(1.1rem, 4vw, 1.4rem);
    }

    .player-search-card {
        gap: 7px;
        padding: 6px 10px 6px 6px;
    }

    .player-search-pfp {
        width: 22px;
        height: 22px;
    }

    .player-search-name {
        font-size: 0.82rem;
    }
}

@media (max-width: 480px) {
    .season-tab {
        padding: 12px 8px;
        font-size: 0.82rem;
    }

    .stat-title {
        width: calc(100% - 24px);
        margin-left: 12px;
        letter-spacing: 0;
    }

    .stats-content-panel {
        padding: 10px 8px;
    }

    .roster-pfp,
    .team-pfp {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }

    .roster-name,
    .team-name {
        font-size: 0.95rem;
    }
}