/**
 * Serra's Cubbies — Mobile optimization pass
 * Visual/responsive overrides only. Desktop layout remains unchanged.
 */

@media (max-width: 900px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    img,
    iframe {
        max-width: 100%;
    }

    video:not(.hero-video) {
        max-width: 100%;
    }

    .page-section,
    #public-view,
    #private-view,
    .dashboard-main-content-wrapper,
    .dashboard-main-content,
    .tab-panel,
    .boxscore-root,
    .video-cinema-app {
        max-width: 100vw;
        overflow-x: hidden;
    }

    button,
    .btn-primary,
    .btn-outline,
    .cubbies-btn-primary,
    .cubbies-btn-secondary,
    .cubbies-btn-danger,
    .action-btn,
    .sidebar-btn,
    .lang-switch-btn,
    .cinema-form-btn,
    input[type="button"],
    input[type="submit"] {
        min-height: 48px;
        touch-action: manipulation;
    }

    input,
    select,
    textarea {
        max-width: 100%;
        font-size: 16px;
    }

    .modal {
        align-items: flex-start;
        padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .modal-content,
    .modal-content.cubbies-premium-panel,
    .modal-content.modern-modal,
    .boxscore-modal-card,
    .cinema-form-panel,
    .cinema-player-box,
    .pro-profile-modal,
    .scout-report-modal {
        width: min(95vw, 760px) !important;
        max-width: 95vw !important;
        max-height: 90dvh !important;
        overflow: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .close-btn,
    .cinema-player-close,
    .cinema-form-close,
    .boxscore-logo-modal-close {
        min-width: 44px;
        min-height: 44px;
        z-index: 30;
    }

    .table-responsive,
    .roster-table-wrap,
    .schedule-table-wrap,
    .boxscore-detail-panel,
    .boxscore-games-grid,
    .bsb-table-wrap,
    .bsheet-scroll,
    .scout-videos-folders,
    .scout-videos-grid,
    .cinema-row-track,
    .comments-list,
    .attendance-list {
        max-width: 100%;
    }

    .table-responsive,
    .roster-table-wrap,
    .schedule-table-wrap,
    .bsb-table-wrap,
    .bsheet-scroll,
    .cinema-row-track,
    .boxscore-detail-panel {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .roster-table,
    .dark-table,
    .elite-input-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .roster-table,
    .dark-table,
    .elite-input-table,
    .bsb-table,
    .bsheet-table {
        width: max-content;
        max-width: none;
    }

    /* Public website */
    .hero {
        height: min(72vh, 620px);
        min-height: 340px;
    }

    .hero-video::-webkit-media-controls,
    .hero-video::-webkit-media-controls-panel,
    .hero-video::-webkit-media-controls-start-playback-button {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .hero-content {
        width: 100%;
        padding-inline: 18px;
    }

    .hero-cta-btn {
        min-width: 150px;
        max-width: 90vw;
    }

    .scout-portal-section,
    #pro-players-page,
    #events-page,
    #roster-page {
        padding-left: 16px;
        padding-right: 16px;
    }

    .scout-header {
        margin-bottom: 28px;
    }

    .scout-header h2,
    .section-title,
    .pro-section-title {
        font-size: clamp(2rem, 10vw, 3rem);
        line-height: 1;
    }

    .scout-grid {
        grid-template-columns: minmax(0, 1fr);
        justify-content: stretch;
        gap: 18px;
        max-width: 100%;
    }

    .scout-card {
        width: 100%;
        max-width: 100%;
    }

    .scout-card-hero {
        grid-template-columns: 92px 1fr auto;
        gap: 12px;
        align-items: center;
    }

    .scout-card-avatar {
        width: 92px;
        height: 92px;
        font-size: 2.1rem;
    }

    .scout-card-title-wrap h3 {
        font-size: clamp(1.75rem, 9vw, 2.35rem);
        line-height: 0.95;
    }

    .scout-metrics .metric {
        grid-template-columns: 38px 1fr auto;
        gap: 8px;
    }

    .scout-report-modal {
        padding: 22px 16px !important;
    }

    .scout-report-header,
    .scout-report-identity,
    .scout-report-actions-top {
        gap: 14px;
    }

    .scout-report-avatar {
        width: 96px;
        height: 96px;
    }

    .scout-report-info-grid,
    .scout-report-two-col,
    .scout-video-section-browser,
    .scout-videos-stats-row,
    .scout-videos-toolbar,
    .scout-videos-grid,
    .boxscore-games-grid,
    .boxscore-team-fields,
    .boxscore-detail-header,
    .boxscore-detail-score,
    .pro-players-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .scout-videos-watch-modal .modal-content,
    .scout-videos-play-modal .modal-content,
    .scout-videos-manage-modal .modal-content {
        width: 95vw !important;
        max-width: 95vw !important;
    }

    .scout-video-thumb-card {
        flex-basis: min(78vw, 300px);
    }

    .scout-videos-thumb-row {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .pro-player-card,
    .pro-player-details,
    .pro-profile-layout {
        min-width: 0;
    }

    .pro-player-details,
    .pro-profile-body {
        overflow-wrap: anywhere;
    }

    /* Team Dashboard */
    #private-view .dashboard-main-content {
        width: 100%;
        min-width: 0;
    }

    #private-view .tab-header,
    #private-view .schedule-header,
    #private-view .boxscore-pro-header,
    #private-view .scout-videos-pro-header,
    #private-view .roster-pro-header,
    #private-view .roster-add-bar,
    #private-view .form-row,
    .boxscore-create-bar,
    .boxscore-detail-toolbar,
    .boxscore-modal-actions,
    .roster-lineup-actions,
    .scout-videos-card-actions,
    .cinema-form-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    #private-view .form-row,
    .boxscore-create-bar,
    .boxscore-modal-actions,
    .cinema-form-actions {
        flex-direction: column;
        align-items: stretch;
    }

    #private-view .form-row > *,
    .boxscore-create-bar > *,
    .boxscore-modal-actions > *,
    .cinema-form-actions > * {
        width: 100%;
    }

    .boxscore-modal-overlay {
        align-items: flex-start;
        padding: 10px;
        overflow-y: auto;
    }

    .boxscore-logo-modal-card,
    .boxscore-modal-card {
        width: 95vw;
        max-width: 95vw;
    }

    .boxscore-score-box {
        min-width: 0;
    }

    .boxscore-score-label,
    .boxscore-game-date,
    .boxscore-detail-meta {
        overflow-wrap: anywhere;
    }
}

@media (max-width: 767px) {
    .hero {
        overflow: hidden;
    }

    .hero-video {
        max-width: none;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        transform: scale(0.9);
        transform-origin: center center;
    }
}

@media (max-width: 600px) {
    #main-header {
        min-width: 0;
    }

    .public-mobile-menu {
        width: min(86vw, 320px);
    }

    .btn-login-modern {
        min-height: 40px;
        padding: 8px 13px;
        font-size: 12px;
    }

    .hero {
        height: 58vh;
        min-height: 300px;
    }

    .next-game-banner,
    .welcome-section-premium,
    .calendar-section,
    .modern-legal-section,
    .footer-inner {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }

    .teams h2,
    .welcome-section-premium .welcome-text h2,
    .about-us-main-title {
        font-size: clamp(1.8rem, 10vw, 2.4rem);
    }

    .scout-card {
        padding: 18px;
        border-radius: 14px;
    }

    .scout-card-hero {
        grid-template-columns: 76px 1fr 38px;
    }

    .scout-card-avatar {
        width: 76px;
        height: 76px;
        font-size: 1.8rem;
    }

    .scout-metrics .metric {
        grid-template-columns: 34px 1fr auto;
        padding: 8px 10px;
    }

    .metric-icon {
        width: 30px;
        height: 30px;
    }

    .scout-metrics .m-label {
        font-size: .74rem;
    }

    .scout-metrics .m-val {
        font-size: 1.45rem;
    }

    .scout-report-header,
    .scout-report-identity,
    .scout-report-actions-top {
        align-items: center;
        text-align: center;
    }

    .scout-report-actions-top,
    .scout-report-actions-top button {
        width: 100%;
    }

    .scout-report-section {
        padding: 16px;
    }

    .scout-video-section-tile {
        min-height: 84px;
    }

    .boxscore-detail-score,
    .boxscore-detail-toolbar,
    .bsb-board-actions,
    .bsb-frame-controls {
        flex-direction: column;
        align-items: stretch;
    }

    .bsb-frame-btn,
    .boxscore-touch-btn,
    .boxscore-open-game-btn,
    .boxscore-delete-game-btn {
        width: 100%;
    }

    .bsb-table {
        min-width: 430px;
        font-size: .82rem;
    }

    .bsheet-table {
        min-width: 820px;
    }

    .modal-content,
    .modal-content.cubbies-premium-panel,
    .modal-content.modern-modal,
    .scout-report-modal,
    .pro-profile-modal {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
    }
}

@media (max-width: 430px) {
    .hero {
        height: 54vh;
        min-height: 280px;
    }

    .logo {
        max-height: 44px;
    }

    .public-mobile-menu-btn {
        left: 12px !important;
    }

    .btn-login-modern {
        right: 10px;
        padding: 7px 10px;
        letter-spacing: .04em;
    }

    .scout-card-title-wrap p {
        font-size: .74rem;
    }

    .scout-card .scout-pos {
        min-width: 34px;
        height: 34px;
        font-size: .72rem;
    }

    .scout-metrics .metric {
        grid-template-columns: 32px 1fr;
        row-gap: 4px;
    }

    .scout-metrics .m-val {
        grid-column: 2;
        justify-self: start;
    }

    .pro-player-img-box {
        height: 260px;
    }

    .calendar-day {
        min-height: 78px;
    }

    #private-view .dashboard-main-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (max-width: 375px) {
    .hero {
        min-height: 260px;
    }

    .hero-cta-btn {
        min-width: 136px;
        padding: 10px 18px;
        font-size: 14px;
    }

    .scout-card {
        padding: 14px;
    }

    .scout-card-hero {
        grid-template-columns: 64px 1fr 32px;
        gap: 10px;
    }

    .scout-card-avatar {
        width: 64px;
        height: 64px;
        font-size: 1.55rem;
    }

    .scout-card-title-wrap h3 {
        font-size: clamp(1.45rem, 9vw, 1.9rem);
    }

    .scout-report-modal {
        padding: 18px 12px !important;
    }

    .scout-report-header h2 {
        font-size: 2rem !important;
    }
}

@media (max-width: 320px) {
    .btn-login-modern {
        font-size: 11px;
        padding-inline: 8px;
    }

    .scout-card-title-wrap p {
        display: none;
    }

    .scout-metrics .metric {
        grid-template-columns: 30px 1fr;
    }

    .scout-metrics .m-val {
        font-size: 1.28rem;
    }

    .bsb-table {
        min-width: 390px;
    }

    .bsheet-table {
        min-width: 760px;
    }
}

/* 2026 full-site responsive hardening — visual/layout rules only */
@media (max-width: 1024px) {
    html,
    body {
        width: 100%;
        min-width: 0;
        overflow-x: clip;
    }

    @supports not (overflow: clip) {
        html,
        body {
            overflow-x: hidden;
        }
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    main,
    section,
    article,
    aside,
    header,
    footer,
    form,
    fieldset,
    .dashboard-main-content-wrapper,
    .dashboard-main-content,
    .dashboard-content,
    .tab-panel,
    .page-section,
    .scout-page,
    .scout-dashboard-content,
    .video-cinema-app,
    .boxscore-root {
        min-width: 0;
        max-width: 100%;
    }

    img,
    picture,
    iframe,
    canvas,
    svg {
        max-inline-size: 100%;
    }

    img,
    picture,
    video {
        height: auto;
    }

    .hero-video,
    .scout-native-video,
    .scout-mlb-player-stage video,
    .cinema-player-box video,
    .cinema-player-box iframe {
        height: 100%;
    }

    .table-responsive,
    .roster-table-wrap,
    .schedule-table-wrap,
    .bsb-table-wrap,
    .bsheet-scroll,
    .boxscore-detail-panel,
    .cubbies-table-card,
    .elite-input-table-wrap,
    .roster-lineup-wrap,
    .game-roster-table-wrap {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive > table,
    .roster-table-wrap > table,
    .schedule-table-wrap > table,
    .bsb-table-wrap > table,
    .bsheet-scroll > table,
    .elite-input-table,
    .roster-lineup-table,
    .game-roster-table {
        max-width: none;
    }

    button,
    [role="button"],
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .btn-primary,
    .btn-outline,
    .action-btn {
        min-height: 44px;
        touch-action: manipulation;
    }

    input,
    select,
    textarea {
        min-height: 44px;
        max-width: 100%;
    }

    textarea {
        min-height: 112px;
        resize: vertical;
    }

    .form-row,
    .form-grid,
    .input-row,
    .boxscore-team-fields,
    .upload-form-grid {
        min-width: 0;
    }

    .modal,
    .boxscore-modal-overlay,
    .cinema-player-modal,
    .cinema-form-modal {
        max-width: 100vw;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .modal-content,
    .modal-content.cubbies-premium-panel,
    .modal-content.modern-modal,
    .boxscore-modal-card,
    .boxscore-logo-modal-card,
    .cinema-player-box,
    .cinema-form-panel,
    .pro-profile-modal,
    .scout-report-modal {
        min-width: 0 !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100dvh - 24px) !important;
    }

    .modal-content img,
    .modal-content video,
    .modal-content iframe,
    .cinema-player-box video,
    .cinema-player-box iframe {
        max-width: 100%;
    }

    .pro-players-grid,
    .scout-grid,
    .scout-videos-grid,
    .boxscore-games-grid,
    .about-us-grid {
        min-width: 0;
    }

    .pro-player-card,
    .scout-card,
    .scout-card-v2,
    .scout-videos-card,
    .boxscore-game-card,
    .event-card {
        min-width: 0;
        max-width: 100%;
    }

    .pro-player-name,
    .scout-card-title-wrap h3,
    .scout-card-v2-name,
    .boxscore-game-title,
    .modal-content h1,
    .modal-content h2,
    .modal-content h3 {
        overflow-wrap: anywhere;
    }

    body.scout-app-active #scout-full-report-modal,
    body.scout-app-active #scout-videos-watch-modal,
    body.scout-app-active #scout-videos-play-modal,
    body.scout-app-active #scout-videos-manage-modal {
        padding: 10px !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-modal,
    body.scout-app-active #scout-videos-watch-modal .modal-content.cubbies-premium-panel,
    body.scout-app-active #scout-videos-play-modal .modal-content.cubbies-premium-panel,
    body.scout-app-active #scout-videos-manage-modal .modal-content.cubbies-premium-panel {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.scout-app-active #scout-videos-watch-modal .scout-mlb-player-stage {
        width: 100%;
        aspect-ratio: 16 / 9;
        min-height: 0 !important;
        height: auto !important;
    }

    body.scout-app-active #scout-videos-watch-modal .scout-mlb-player-stage video,
    body.scout-app-active #scout-videos-watch-modal .scout-mlb-player-stage iframe {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

@media (max-width: 834px) {
    .modal,
    .boxscore-modal-overlay,
    .cinema-player-modal,
    body.scout-app-active #scout-full-report-modal,
    body.scout-app-active #scout-videos-watch-modal {
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .video-cinema-app::before,
    .scout-app-shell::before,
    .scout-app-shell::after {
        background-attachment: scroll !important;
    }

    .scout-auth-layout {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100%;
    }

    .scout-glass-card,
    .scout-hero {
        width: 100%;
        min-width: 0;
    }

    .scout-mlb-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .dashboard-main-content,
    #private-view .dashboard-main-content {
        width: 100%;
        min-width: 0;
        padding-inline: clamp(12px, 3vw, 26px) !important;
    }

    .dashboard-sidebar {
        max-width: min(84vw, 320px);
    }

    .boxscore-detail-header,
    .boxscore-detail-toolbar,
    .roster-pro-header,
    .schedule-header,
    .scout-videos-pro-header {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .hero {
        overflow: hidden;
        background: #000;
    }

    .hero-video {
        inset: 0;
        width: 100%;
        height: 100%;
        max-width: 100%;
        object-fit: contain;
        object-position: center center;
        transform: none;
        background: #000;
    }

    .hero-video::-webkit-media-controls,
    .hero-video::-webkit-media-controls-panel,
    .hero-video::-webkit-media-controls-start-playback-button,
    .hero-video::-webkit-media-controls-overlay-play-button {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .hero-content {
        max-width: 100%;
        padding-inline: 16px;
    }

    .public-mobile-menu {
        max-height: calc(100dvh - 70px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .public-mobile-menu a {
        min-height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .scout-grid,
    .pro-players-grid,
    .scout-videos-grid,
    .about-us-grid,
    .boxscore-games-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .scout-card-v2,
    .scout-card,
    .pro-player-card,
    .scout-videos-card,
    .boxscore-game-card {
        width: 100%;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-modal {
        height: calc(100dvh - 12px) !important;
        max-height: calc(100dvh - 12px) !important;
        padding: 0 8px 12px !important;
        border-radius: 12px !important;
    }

    body.scout-app-active #scout-full-report-modal .close-btn,
    body.scout-app-active #scout-videos-watch-modal .close-btn,
    body.scout-app-active #scout-videos-play-modal .close-btn,
    body.scout-app-active #scout-videos-manage-modal .close-btn {
        position: sticky !important;
        top: 8px !important;
        right: 8px !important;
        float: right;
        margin-left: auto;
        z-index: 100 !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-header {
        width: 100%;
        min-height: 0 !important;
        padding: 22px 12px 18px !important;
        gap: 18px;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-identity,
    body.scout-app-active #scout-full-report-modal .scout-report-meta {
        width: 100% !important;
        min-width: 0;
        flex-basis: auto !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-meta {
        padding: 0 !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-info-grid,
    body.scout-app-active #scout-full-report-modal .scout-report-two-col {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-section {
        min-height: 0 !important;
        padding: 20px 14px !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-section h3 {
        margin-inline: 0 !important;
        font-size: clamp(1.35rem, 7vw, 1.7rem) !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-info-item {
        width: 100%;
        min-width: 0;
    }

    body.scout-app-active #scout-full-report-modal .btn-scout-watch,
    body.scout-app-active #scout-full-report-modal #scout-report-edit-toggle,
    body.scout-app-active #scout-full-report-modal .btn-scout-pdf {
        width: 100% !important;
        max-width: 100%;
        min-height: 48px !important;
    }

    body.scout-app-active #scout-videos-watch-modal .scout-video-watch-header {
        width: 100%;
        min-width: 0;
        padding: 18px 14px !important;
    }

    body.scout-app-active #scout-videos-watch-modal .scout-video-watch-identity {
        width: 100%;
        min-width: 0;
        align-items: flex-start;
    }

    body.scout-app-active #scout-videos-watch-modal #scout-videos-watch-title {
        font-size: clamp(2rem, 10vw, 3rem) !important;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    body.scout-app-active #scout-videos-watch-modal .scout-video-section-browser {
        display: flex !important;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
    }

    body.scout-app-active #scout-videos-watch-modal .scout-video-section-tile {
        flex: 0 0 min(82vw, 330px);
        min-width: 0;
        scroll-snap-align: start;
    }

    .cinema-player-modal,
    .cinema-form-modal {
        align-items: flex-start;
        padding: 8px;
    }

    .cinema-player-box,
    .cinema-form-panel {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        max-height: calc(100dvh - 16px) !important;
        overflow-y: auto;
    }

    .cinema-player-video,
    .cinema-player-box video,
    .cinema-player-box iframe {
        width: 100%;
        aspect-ratio: 16 / 9;
        height: auto;
        object-fit: contain;
    }
}

@media (max-width: 600px) {
    .scout-dash-header {
        padding-inline: 8px !important;
        gap: 6px;
        overflow: hidden;
    }

    .scout-header-left {
        min-width: 0;
        flex: 1 1 auto;
        gap: 7px !important;
    }

    .scout-header-logo {
        transform: scale(1.65) !important;
        transform-origin: left center;
        margin-left: -11px !important;
        margin-right: 30px !important;
    }

    .scout-header-logo,
    .scout-header-logo img {
        height: 60px !important;
    }

    .scout-header-divider,
    .scout-header-welcome-wrap,
    .scout-header-team-name {
        display: none !important;
    }

    .scout-header-title {
        min-width: 0;
        margin-left: 0 !important;
        font-size: 0.56rem !important;
        letter-spacing: 0.08em !important;
        white-space: normal !important;
        line-height: 1.25;
    }

    .scout-header-spacer {
        display: none;
    }

    .scout-header-right {
        flex: 0 0 auto;
        gap: 5px !important;
    }

    .scout-header-team-logo {
        width: 34px !important;
        height: 34px !important;
    }

    .scout-exit-btn {
        min-height: 44px;
        padding-inline: 5px !important;
    }

    .scout-auth-layout,
    .scout-dashboard-content {
        padding-inline: 12px !important;
    }

    .scout-glass-card {
        padding: 22px 16px;
    }

    .scout-mlb-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .form-row,
    .form-grid,
    .input-row,
    .boxscore-create-bar,
    .boxscore-team-fields,
    .cinema-form-actions,
    .scout-videos-toolbar {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .form-row > *,
    .form-grid > *,
    .input-row > *,
    .boxscore-create-bar > *,
    .boxscore-team-fields > *,
    .cinema-form-actions > *,
    .scout-videos-toolbar > * {
        width: 100%;
        min-width: 0;
    }

    .boxscore-detail-toolbar,
    .bsb-board-actions,
    .bsb-frame-controls,
    .roster-lineup-actions,
    .game-roster-actions {
        flex-wrap: wrap;
    }

    .scout-search-bar,
    .roster-search-wrap,
    .scout-videos-global-search,
    .search-bar,
    .search-container,
    .scout-video-dropzone,
    .scout-resume-pdf-dropzone,
    .upload-zone,
    .upload-panel {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .dashboard-tabs,
    .boxscore-mode-switch,
    .scout-videos-filter-chips,
    .roster-tabs,
    .tab-buttons {
        max-width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .dashboard-tabs > *,
    .boxscore-mode-switch > *,
    .scout-videos-filter-chips > *,
    .roster-tabs > *,
    .tab-buttons > * {
        flex: 0 0 auto;
    }
}

@media (max-width: 430px) {
    .public-mobile-menu {
        width: 100%;
        max-width: 100%;
    }

    .hero-content {
        padding-inline: 12px;
    }

    .hero-cta-btn,
    .btn-login-modern {
        white-space: normal;
    }

    .scout-card-v2,
    .scout-card,
    .pro-player-card,
    .scout-videos-card {
        border-radius: 12px;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-identity {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-name-row {
        width: 100%;
        align-items: center !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-position-stack {
        align-items: center;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-avatar-wrap {
        width: 104px !important;
        height: 104px !important;
        flex-basis: 104px !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-info-item {
        grid-template-columns: 58px minmax(0, 1fr) !important;
        padding: 12px !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-info-item::before {
        width: 52px !important;
        height: 52px !important;
        font-size: 1.4rem !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-info-item .value {
        font-size: 1.2rem !important;
    }

    body.scout-app-active #scout-videos-watch-modal .scout-video-watch-identity {
        flex-direction: column;
    }

    .calendar-day,
    .int-day {
        max-width: 100%;
    }
}

@media (max-width: 360px) {
    .scout-header-logo {
        transform: scale(1.45) !important;
        margin-right: 23px !important;
    }

    .scout-header-logo,
    .scout-header-logo img {
        height: 56px !important;
    }

    .scout-header-title {
        font-size: 0.51rem !important;
    }

    .scout-header-team-logo {
        width: 30px !important;
        height: 30px !important;
    }

    .scout-mlb-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .modal-content,
    .modal-content.cubbies-premium-panel,
    .modal-content.modern-modal,
    .cinema-player-box,
    .cinema-form-panel {
        max-width: calc(100vw - 12px) !important;
    }
}

@media (max-width: 320px) {
    .scout-header-title {
        max-width: 62px;
        font-size: 0.48rem !important;
    }

    .scout-exit-btn {
        font-size: 0.48rem !important;
    }

    body.scout-app-active #scout-full-report-modal .scout-report-section {
        padding-inline: 10px !important;
    }

    body.scout-app-active #scout-videos-watch-modal .scout-video-section-tile {
        flex-basis: 88vw;
    }
}

@media (max-width: 834px) and (hover: none) {
    .scout-card,
    .scout-card-v2,
    .pro-player-card,
    .scout-videos-card,
    .cinema-player-folder,
    .boxscore-game-card {
        transition-duration: 0.01ms !important;
    }

    .scout-card:hover,
    .scout-card-v2:hover,
    .pro-player-card:hover,
    .scout-videos-card:hover,
    .cinema-player-folder:hover,
    .boxscore-game-card:hover {
        transform: none !important;
    }
}

@media (max-width: 834px) and (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}