/* ==========================================================
   Copter 1.0.0 mobile landscape/fullscreen shell
   UI colours and geometry inherit the ACP default style.
   Physics stay on the authoritative 540px vertical game space; live
   landscape play may widen the render viewport without scaling physics.
   ========================================================== */

.ecCopterOrientationGate
{
    display:none;
}

.ecCopterExitButton,
.ecCopterReturnRow
{
    display:none;
}

@media (pointer: coarse)
{
    html.ecCopterPseudoFullscreenActive,
    html.ecCopterPseudoFullscreenActive body
    {
        overflow:hidden !important;
        overscroll-behavior:none !important;
    }

    .ecCopterOrientationGate:not([hidden])
    {
        position:fixed;
        inset:0;
        z-index:2147483000;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:24px;
        box-sizing:border-box;
        background:var(--ec-acp-content-bg);
        color:var(--ec-acp-text);
        text-align:center;
    }

    .ecCopterOrientationGate__inner
    {
        width:min(520px, 100%);
        padding:20px;
        border:var(--ec-acp-border-size) solid var(--ec-acp-border);
        border-radius:var(--ec-acp-block-radius);
        background:var(--ec-acp-content-bg);
        box-sizing:border-box;
    }

    .ecCopterOrientationGate h2
    {
        margin:0 0 8px;
        color:var(--ec-acp-text-strong);
        font-size:22px;
    }

    .ecCopterOrientationGate p
    {
        margin:0;
        color:var(--ec-acp-text-muted);
        line-height:1.45;
    }

    .ecCopterOrientationGate .button
    {
        margin-top:16px;
    }

    .ecShell.ecCopterPseudoFullscreen
    {
        position:fixed !important;
        inset:0 !important;
        z-index:2147482000 !important;
    }

    .ecShell.ecCopterFullscreenSession
    {
        position:relative;
        width:100vw !important;
        max-width:none !important;
        height:100dvh !important;
        min-height:100dvh !important;
        margin:0 !important;
        padding:max(6px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important;
        box-sizing:border-box !important;
        overflow:auto;
        overscroll-behavior:none;
        gap:8px !important;
        background:var(--ec-acp-content-bg);
        color:var(--ec-acp-text);
    }

    .ecShell.ecCopterFullscreenSession .ecCopterViewTabs
    {
        position:sticky;
        top:0;
        z-index:80;
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 0 6px !important;
        background:var(--ec-acp-content-bg);
    }

    .ecShell.ecCopterFullscreenSession .ecCopterViewTabButtons
    {
        display:flex !important;
        flex-flow:row nowrap !important;
        align-items:stretch !important;
        gap:5px !important;
        width:100% !important;
    }

    .ecShell.ecCopterFullscreenSession .ecCopterViewTabButtons > .button
    {
        flex:1 1 0 !important;
        min-width:0 !important;
        margin:0 !important;
        padding:6px 4px !important;
        font-size:11px !important;
        line-height:1.15 !important;
        white-space:normal !important;
        text-align:center !important;
    }

    .ecShell.ecCopterFullscreenSession .ecCopterExitButton
    {
        display:inline-flex !important;
    }

    .ecShell.ecCopterFullscreenSession > section.ecGameCard[data-copter-play-view],
    .ecShell.ecCopterFullscreenSession > section.ecPanel[data-copter-play-view],
    .ecShell.ecCopterFullscreenSession .ecCopterRemoteView
    {
        width:100% !important;
        max-width:1040px !important;
        min-width:0 !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }

    .ecShell.ecCopterFullscreenSession .ecCopterRemoteView
    {
        flex:1 1 auto;
        min-height:0;
        overflow:auto;
    }

    .ecShell.ecCopterFullscreenSession .ecCopterTabPanel
    {
        margin-top:0;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode
    {
        overflow:hidden !important;
        padding:0 !important;
        gap:0 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode > .ecCopterViewTabs,
    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode > .ecCopterRemoteView,
    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode > section.ecPanel[data-copter-play-view]
    {
        display:none !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode > section.ecGameCard[data-copter-play-view]
    {
        position:absolute !important;
        inset:0 !important;
        z-index:100 !important;
        display:grid !important;
        grid-template-rows:auto minmax(0, 1fr) auto !important;
        width:100% !important;
        max-width:none !important;
        height:100% !important;
        min-height:0 !important;
        margin:0 !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        overflow:hidden !important;
        background:var(--ec-acp-content-bg) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecHud
    {
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        min-height:0;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecHud > div
    {
        min-width:0;
        padding:5px 8px !important;
        text-align:center;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecHud span
    {
        font-size:10px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecHud strong
    {
        margin-top:1px !important;
        font-size:15px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecCanvasWrap
    {
        min-width:0 !important;
        min-height:0 !important;
        height:auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        overflow:hidden !important;
        background:var(--ec-acp-content-bg) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecCanvasWrap canvas
    {
        display:block !important;
        flex:0 0 auto !important;
        margin:0 auto !important;
        object-fit:contain !important;
        touch-action:none !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecGameControls
    {
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:8px !important;
        min-height:0 !important;
        padding:5px 8px !important;
        background:var(--ec-acp-content-bg) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecGameControls > div:first-child
    {
        min-width:0;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecGameControls strong,
    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecGameControls span
    {
        line-height:1.15 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecGameControls span
    {
        font-size:10px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecButtons
    {
        width:auto !important;
        flex-wrap:nowrap !important;
        gap:5px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecButtons .button
    {
        min-height:28px !important;
        padding:4px 9px !important;
        font-size:11px !important;
        line-height:18px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecResult:not([hidden])
    {
        position:absolute !important;
        z-index:160 !important;
        left:50% !important;
        top:50% !important;
        transform:translate(-50%, -50%) !important;
        width:min(620px, calc(100% - 24px)) !important;
        max-height:calc(100% - 24px) !important;
        margin:0 !important;
        overflow:auto !important;
        box-sizing:border-box !important;
        background:var(--ec-acp-content-bg) !important;
        border:var(--ec-acp-border-size) solid var(--ec-acp-border) !important;
        border-radius:var(--ec-acp-block-radius) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecResultGrid
    {
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecCopterReturnRow:not([hidden])
    {
        display:flex !important;
        justify-content:flex-end;
        margin-top:12px;
    }
}

@media (pointer: coarse) and (orientation: portrait)
{
    .ecCopterOrientationGate[data-mode="rotate"]
    {
        display:flex;
    }
}

/* ==========================================================
   Copter mobile landscape dashboard V2
   Mobile-first layout for the persistent fullscreen Copter shell.
   This affects surrounding Copter UI only. Live gameplay mode is
   live gameplay presentation is owned by game-r19.js; physics remain authoritative.
   ========================================================== */

@media (pointer: coarse) and (orientation: landscape)
{
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode)
    {
        display:grid !important;
        grid-template-columns:minmax(0, 1.58fr) minmax(210px, .82fr) !important;
        grid-template-rows:auto minmax(0, .42fr) minmax(0, .58fr) !important;
        align-items:stretch !important;
        width:100vw !important;
        max-width:none !important;
        height:100dvh !important;
        min-height:100dvh !important;
        margin:0 !important;
        padding:max(4px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left)) !important;
        gap:6px !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) > .ecCopterViewTabs
    {
        position:relative !important;
        top:auto !important;
        grid-column:1 / -1 !important;
        grid-row:1 !important;
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        background:transparent !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterViewTabButtons
    {
        display:grid !important;
        grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
        gap:5px !important;
        width:100% !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterViewTabButtons > .button
    {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-width:0 !important;
        min-height:34px !important;
        margin:0 !important;
        padding:5px 6px !important;
        font-size:11px !important;
        line-height:1.1 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) > section.ecGameCard[data-copter-play-view]:not([hidden])
    {
        grid-column:1 !important;
        grid-row:2 / 4 !important;
        display:grid !important;
        grid-template-rows:auto minmax(0, 1fr) auto !important;
        width:100% !important;
        max-width:none !important;
        height:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) > section.ecPanel.ecPanel--record[data-copter-play-view]:not([hidden])
    {
        grid-column:2 !important;
        grid-row:2 !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) > section.ecPanel[data-copter-play-view]:not(.ecPanel--record):not([hidden])
    {
        grid-column:2 !important;
        grid-row:3 !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) > section.ecPanel[data-copter-play-view]:not([hidden])
    {
        width:100% !important;
        max-width:none !important;
        height:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:8px 9px !important;
        overflow:auto !important;
        overscroll-behavior:contain !important;
        box-sizing:border-box !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) > section.ecPanel[data-copter-play-view] > h2
    {
        margin:0 0 5px !important;
        font-size:14px !important;
        line-height:1.15 !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecHud
    {
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        min-height:0 !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecHud > div
    {
        min-width:0 !important;
        padding:4px 7px !important;
        text-align:center !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecHud span
    {
        font-size:9px !important;
        line-height:1.1 !important;
        white-space:nowrap !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecHud strong
    {
        margin-top:1px !important;
        font-size:14px !important;
        line-height:1.1 !important;
        white-space:nowrap !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCanvasWrap
    {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-width:0 !important;
        min-height:0 !important;
        height:auto !important;
        overflow:hidden !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCanvasWrap canvas
    {
        display:block !important;
        flex:0 1 auto !important;
        width:auto !important;
        height:100% !important;
        max-width:100% !important;
        max-height:100% !important;
        margin:0 auto !important;
        object-fit:contain !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecGameControls
    {
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:6px !important;
        min-height:0 !important;
        padding:4px 7px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecGameControls > div:first-child
    {
        min-width:0 !important;
        gap:1px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecGameControls strong
    {
        font-size:11px !important;
        line-height:1.1 !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecGameControls span
    {
        font-size:9px !important;
        line-height:1.1 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecButtons
    {
        width:auto !important;
        flex:0 0 auto !important;
        flex-wrap:nowrap !important;
        gap:4px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecButtons .button
    {
        min-height:28px !important;
        padding:4px 9px !important;
        font-size:10px !important;
        line-height:18px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecPanel--record .ecStatGrid--wide
    {
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:3px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecPanel--record .ecStatGrid--wide > div
    {
        min-width:0 !important;
        padding:4px 5px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecPanel--record .ecStatGrid--wide span
    {
        font-size:9px !important;
        line-height:1.1 !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecPanel--record .ecStatGrid--wide strong
    {
        margin-top:1px !important;
        font-size:13px !important;
        line-height:1.1 !important;
        white-space:nowrap !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecBoostGrid
    {
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:4px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecBoostGrid article
    {
        min-width:0 !important;
        padding:5px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecBoostGrid strong
    {
        display:block !important;
        font-size:10px !important;
        line-height:1.1 !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecBoostGrid p
    {
        margin:2px 0 0 !important;
        font-size:9px !important;
        line-height:1.2 !important;
    }

    /* AJAX tabs occupy the whole landscape body instead of inheriting the
       stacked desktop play-page geometry. */
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) > .ecCopterRemoteView:not([hidden])
    {
        grid-column:1 / -1 !important;
        grid-row:2 / 4 !important;
        width:100% !important;
        max-width:none !important;
        height:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        margin:0 !important;
        overflow:auto !important;
        overscroll-behavior:contain !important;
        box-sizing:border-box !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterTabPanel,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterTabContent,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecAjaxHub,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecAjaxPanel
    {
        min-width:0 !important;
        min-height:0 !important;
        max-height:none !important;
        box-sizing:border-box !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterTabContent,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecAjaxPanel
    {
        padding:7px 8px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterTabHeading,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecAjaxSectionHead
    {
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:6px !important;
        margin-bottom:6px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterTabHeading > strong,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecAjaxSectionHead h2,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecChallengeGroupHead h3
    {
        font-size:13px !important;
        line-height:1.15 !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterPeriods,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecPeriodNav,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecMetricNav
    {
        gap:4px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterPeriods .button,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecPeriodNav .button,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecPeriodNav button,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecMetricNav .button,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecMetricNav a
    {
        min-height:28px !important;
        padding:4px 7px !important;
        font-size:10px !important;
        line-height:18px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterAchievementGrid,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterChallengeGrid,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterCards,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCards--ajax
    {
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:5px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterAchievement,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterChallengeCard,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterMiniCard,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecMiniCard
    {
        padding:6px 7px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterAchievement p,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterChallengeCard p,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterMiniCard p,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecMiniCard p
    {
        margin:3px 0 5px !important;
        font-size:10px !important;
        line-height:1.2 !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterMiniHead > strong,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecMiniHead > strong
    {
        font-size:11px !important;
        line-height:1.15 !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterReward,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterMiniHead > span,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecMiniHead > span,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecChallengeMeta,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecChallengeCountdown
    {
        font-size:9px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecChallengeGroup + .ecChallengeGroup
    {
        margin-top:8px !important;
        padding-top:7px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecChallengeGroupHead
    {
        margin-bottom:5px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterChallengeCard progress,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterProgress
    {
        height:5px !important;
        margin:3px 0 4px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCompetitiveOverview
    {
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:6px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCompetitorHead
    {
        gap:6px !important;
        padding:6px 7px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCompetitorRank
    {
        width:30px !important;
        height:30px !important;
        flex-basis:30px !important;
        font-size:11px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCompetitorHead strong
    {
        font-size:12px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCompetitorHead small,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCompetitiveStats span
    {
        font-size:9px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCompetitiveStats > div
    {
        padding:5px 6px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCompetitiveStats strong
    {
        margin-top:1px !important;
        font-size:12px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecTable
    {
        font-size:10px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecTable th,
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecTable td
    {
        padding:5px 6px !important;
    }
}

@media (pointer: coarse) and (orientation: landscape) and (max-height: 430px)
{
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode)
    {
        grid-template-columns:minmax(0, 1.7fr) minmax(190px, .7fr) !important;
        gap:4px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterViewTabButtons
    {
        gap:3px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterViewTabButtons > .button
    {
        min-height:30px !important;
        padding:3px 4px !important;
        font-size:10px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) > section.ecPanel[data-copter-play-view]:not([hidden])
    {
        padding:6px 7px !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecBoostGrid p
    {
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }
}


/* ==========================================================
   Copter mobile landscape V3
   - Full-viewport live gameplay (canvas owns the viewport)
   - HUD and controls overlay the canvas
   - AJAX tabs are isolated from all Play content
   - Compact landscape layouts for all remote content
   ========================================================== */

@media (pointer: coarse) and (orientation: landscape)
{
    /* Hidden really means hidden. This intentionally outranks the older
       geometry selectors in eggy_copter.css. */
    .ecShell.ecCopterFullscreenSession > [data-copter-play-view][hidden],
    .ecShell.ecCopterFullscreenSession > .ecCopterRemoteView[hidden],
    .ecShell.ecCopterFullscreenSession [data-copter-play][hidden],
    .ecShell.ecCopterFullscreenSession [data-copter-quit][hidden],
    .ecShell.ecCopterFullscreenSession [data-copter-return][hidden],
    .ecShell.ecCopterFullscreenSession [data-copter-return-row][hidden]
    {
        display:none !important;
    }

    /* Remote/AJAX views get the whole content area. The game card and both
       Play panels must never sit underneath or above these tabs. */
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode:not(.ecCopterGameplayMode)
    {
        display:grid !important;
        grid-template-columns:minmax(0, 1fr) !important;
        grid-template-rows:auto minmax(0, 1fr) !important;
        overflow:hidden !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode:not(.ecCopterGameplayMode) > .ecCopterViewTabs
    {
        grid-column:1 !important;
        grid-row:1 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode:not(.ecCopterGameplayMode) > [data-copter-play-view]
    {
        display:none !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode:not(.ecCopterGameplayMode) > .ecCopterRemoteView:not([hidden])
    {
        position:relative !important;
        z-index:20 !important;
        display:block !important;
        grid-column:1 !important;
        grid-row:2 !important;
        width:100% !important;
        max-width:none !important;
        height:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        margin:0 !important;
        overflow:auto !important;
        overscroll-behavior:contain !important;
        background:var(--ec-acp-content-bg) !important;
        box-sizing:border-box !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterTabPanel,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterTabContent
    {
        width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterTabContent
    {
        min-height:100% !important;
        padding:6px 7px !important;
        overflow:visible !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterTabHeading
    {
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:6px !important;
        margin:0 0 5px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterTabHeading h2
    {
        margin:0 !important;
        font-size:13px !important;
        line-height:1.1 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecEyebrow
    {
        margin-bottom:2px !important;
        font-size:8px !important;
        line-height:1 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterPeriods,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecPeriodNav
    {
        display:flex !important;
        flex-wrap:wrap !important;
        align-items:center !important;
        gap:3px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterPeriods .button,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav .button,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav summary,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecPeriodNav .button,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecPeriodNav button
    {
        min-height:24px !important;
        padding:2px 6px !important;
        font-size:9px !important;
        line-height:18px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterAchievementGrid,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeGrid,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterCards,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCards--ajax
    {
        display:grid !important;
        grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)) !important;
        gap:4px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterAchievement,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeCard,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterMiniCard,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMiniCard
    {
        min-width:0 !important;
        padding:5px 6px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterAchievement p,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeCard p,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterMiniCard p,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMiniCard p
    {
        margin:2px 0 4px !important;
        font-size:9px !important;
        line-height:1.15 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterMiniHead,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMiniHead
    {
        gap:5px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterMiniHead > strong,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMiniHead > strong
    {
        font-size:10px !important;
        line-height:1.1 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterReward,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterMiniHead > span,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMiniHead > span,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecChallengeMeta,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecChallengeCountdown
    {
        font-size:8px !important;
        line-height:1.1 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecChallengeGroup + .ecChallengeGroup
    {
        margin-top:6px !important;
        padding-top:5px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecChallengeGroupHead
    {
        margin-bottom:4px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecChallengeGroupHead h3
    {
        font-size:11px !important;
        line-height:1.1 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeCard progress,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterProgress
    {
        height:4px !important;
        margin:2px 0 3px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveOverview
    {
        display:grid !important;
        grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)) !important;
        gap:4px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveStats
    {
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
        gap:2px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitorHead
    {
        padding:5px 6px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveStats > div
    {
        padding:3px 4px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecTable
    {
        min-width:0 !important;
        width:100% !important;
        font-size:9px !important;
        table-layout:fixed !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecTable th,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecTable td
    {
        padding:4px 5px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    /* LIVE FLIGHT: the canvas owns the full viewport. HUD and controls are
       overlays; they no longer consume canvas height. */
    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode > section.ecGameCard[data-copter-play-view]
    {
        position:absolute !important;
        inset:0 !important;
        z-index:100 !important;
        display:block !important;
        width:100vw !important;
        max-width:none !important;
        height:100dvh !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        overflow:hidden !important;
        background:var(--ec-acp-content-bg) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecCanvasWrap
    {
        position:absolute !important;
        inset:0 !important;
        z-index:1 !important;
        display:block !important;
        width:100% !important;
        height:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        overflow:hidden !important;
        background:var(--ec-acp-content-bg) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecCanvasWrap canvas
    {
        position:absolute !important;
        inset:0 !important;
        display:block !important;
        width:100% !important;
        height:100% !important;
        max-width:none !important;
        max-height:none !important;
        margin:0 !important;
        aspect-ratio:auto !important;
        object-fit:fill !important;
        touch-action:none !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecHud
    {
        position:absolute !important;
        z-index:30 !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        display:grid !important;
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        width:100% !important;
        margin:0 !important;
        padding-top:env(safe-area-inset-top) !important;
        box-sizing:border-box !important;
        background:var(--ec-acp-content-bg) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecHud > div
    {
        min-width:0 !important;
        padding:3px 6px !important;
        text-align:center !important;
        background:var(--ec-acp-content-bg) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecHud span
    {
        font-size:8px !important;
        line-height:1 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecHud strong
    {
        margin-top:1px !important;
        font-size:12px !important;
        line-height:1 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecGameControls
    {
        position:absolute !important;
        z-index:30 !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:6px !important;
        width:100% !important;
        min-height:0 !important;
        margin:0 !important;
        padding:4px max(6px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left)) !important;
        box-sizing:border-box !important;
        background:var(--ec-acp-content-bg) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecGameControls > div:first-child
    {
        min-width:0 !important;
        gap:0 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecGameControls strong
    {
        font-size:10px !important;
        line-height:1 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecGameControls span
    {
        display:block !important;
        max-width:60vw !important;
        font-size:8px !important;
        line-height:1.1 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecButtons
    {
        width:auto !important;
        flex:0 0 auto !important;
        flex-wrap:nowrap !important;
        gap:4px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecButtons .button
    {
        min-height:26px !important;
        padding:3px 8px !important;
        font-size:9px !important;
        line-height:18px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecResult:not([hidden])
    {
        position:absolute !important;
        z-index:60 !important;
        left:50% !important;
        top:50% !important;
        transform:translate(-50%, -50%) !important;
        width:min(560px, calc(100% - 18px)) !important;
        max-height:calc(100% - 18px) !important;
        margin:0 !important;
        padding:10px !important;
        overflow:auto !important;
        box-sizing:border-box !important;
        background:var(--ec-acp-content-bg) !important;
        border:var(--ec-acp-border-size) solid var(--ec-acp-border) !important;
        border-radius:var(--ec-acp-block-radius) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecResult h2
    {
        margin:0 0 6px !important;
        font-size:14px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecResultGrid
    {
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        gap:4px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecResultGrid > div
    {
        padding:5px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecResultGrid b
    {
        font-size:12px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecResultGrid span,
    .ecShell.ecCopterFullscreenSession.ecCopterGameplayMode .ecResult p
    {
        font-size:8px !important;
        line-height:1.15 !important;
    }
}

/* ==========================================================
   Copter 1.0.0 FINAL landscape polish
   Scope is intentionally limited to:
   - persistent Copter navigation buttons
   - Leaderboards
   - Achievements
   - Challenges

   Play content and all gameplay/fullscreen runtime presentation above
   are locked and intentionally not changed by this section.
   ========================================================== */

@media (pointer: coarse) and (orientation: landscape)
{
    /* ------------------------------------------------------
       Global Copter nav: one compact row, Exit never wraps.
       ------------------------------------------------------ */
    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterViewTabButtons
    {
        display:flex !important;
        flex-flow:row nowrap !important;
        align-items:stretch !important;
        width:100% !important;
        min-width:0 !important;
        gap:3px !important;
        overflow:hidden !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterViewTabButtons > [data-copter-view-tab]
    {
        order:0 !important;
        flex:1 1 0 !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        min-height:26px !important;
        margin:0 !important;
        padding:2px 4px !important;
        font-size:9px !important;
        line-height:20px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterViewTabButtons > .ecCopterExitButton
    {
        order:-1 !important;
        flex:0 0 76px !important;
        width:76px !important;
        min-width:76px !important;
        max-width:76px !important;
        min-height:26px !important;
        margin:0 !important;
        padding:2px 4px !important;
        font-size:8.5px !important;
        line-height:20px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterViewTabButtons .button-text
    {
        min-width:0 !important;
        font-size:inherit !important;
        line-height:inherit !important;
        white-space:inherit !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    /* ------------------------------------------------------
       Shared compact remote-tab shell.
       ------------------------------------------------------ */
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode:not(.ecCopterGameplayMode) > .ecCopterRemoteView:not([hidden])
    {
        overflow-y:auto !important;
        overflow-x:hidden !important;
        scrollbar-width:thin !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterTabContent
    {
        padding:4px !important;
        overflow-x:hidden !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterTabHeading
    {
        display:grid !important;
        grid-template-columns:minmax(0, auto) minmax(0, 1fr) !important;
        align-items:center !important;
        gap:5px !important;
        min-height:0 !important;
        margin:0 0 3px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterTabHeading .ecEyebrow
    {
        display:none !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterTabHeading h2
    {
        margin:0 !important;
        font-size:11px !important;
        line-height:1.05 !important;
        white-space:nowrap !important;
    }

    /* ------------------------------------------------------
       Leaderboards: compact title, period strip, metric strip,
       overlay dropdowns and dense ranking cards.
       ------------------------------------------------------ */
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterPeriods
    {
        display:flex !important;
        flex-flow:row nowrap !important;
        align-items:center !important;
        justify-content:flex-end !important;
        min-width:0 !important;
        gap:2px !important;
        overflow:hidden !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterPeriods .button
    {
        flex:0 1 auto !important;
        width:auto !important;
        min-width:0 !important;
        min-height:22px !important;
        margin:0 !important;
        padding:1px 5px !important;
        font-size:8px !important;
        line-height:18px !important;
        white-space:nowrap !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav.ecMetricNav--grouped
    {
        position:relative !important;
        display:flex !important;
        flex-flow:row nowrap !important;
        align-items:center !important;
        width:100% !important;
        min-width:0 !important;
        margin:0 0 3px !important;
        padding:3px !important;
        gap:2px !important;
        overflow:visible !important;
        box-sizing:border-box !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav.ecMetricNav--grouped > .button,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav.ecMetricNav--grouped > .ecMetricGroup
    {
        flex:1 1 0 !important;
        min-width:0 !important;
        margin:0 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav.ecMetricNav--grouped > .button,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav.ecMetricNav--grouped > .ecMetricGroup > summary
    {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:100% !important;
        min-width:0 !important;
        min-height:22px !important;
        margin:0 !important;
        padding:1px 4px !important;
        box-sizing:border-box !important;
        font-size:8px !important;
        line-height:18px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav--grouped .ecMetricGroup
    {
        position:relative !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav--grouped .ecMetricGroup > summary::after
    {
        flex:0 0 auto !important;
        margin-left:3px !important;
        font-size:7px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav--grouped .ecMetricMenu
    {
        position:absolute !important;
        top:calc(100% + 2px) !important;
        left:0 !important;
        right:auto !important;
        z-index:250 !important;
        display:flex !important;
        flex-direction:column !important;
        width:max-content !important;
        min-width:120px !important;
        max-width:170px !important;
        padding:3px !important;
        gap:2px !important;
        box-sizing:border-box !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav--grouped .ecMetricGroup:last-child .ecMetricMenu
    {
        left:auto !important;
        right:0 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav--grouped .ecMetricMenu .button
    {
        display:block !important;
        width:100% !important;
        min-height:20px !important;
        margin:0 !important;
        padding:1px 4px !important;
        font-size:8px !important;
        line-height:16px !important;
        text-align:left !important;
        white-space:nowrap !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveOverview
    {
        display:grid !important;
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
        gap:3px !important;
        align-items:start !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitorCard
    {
        min-width:0 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitorHead
    {
        gap:4px !important;
        padding:3px 4px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitorRank
    {
        width:24px !important;
        height:24px !important;
        flex:0 0 24px !important;
        font-size:9px !important;
        line-height:1 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitorHead strong
    {
        font-size:10px !important;
        line-height:1.05 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitorHead small
    {
        margin-top:1px !important;
        font-size:7.5px !important;
        line-height:1.05 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveStats
    {
        display:grid !important;
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
        gap:0 !important;
        background:transparent !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveStats > div
    {
        border:0 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveStats > div
    {
        min-width:0 !important;
        padding:2px 3px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveStats span
    {
        font-size:7.5px !important;
        line-height:1.05 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveStats strong
    {
        margin-top:1px !important;
        font-size:10px !important;
        line-height:1.05 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterTableWrap
    {
        overflow:auto !important;
        scrollbar-width:thin !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveTable
    {
        min-width:0 !important;
        width:100% !important;
        table-layout:fixed !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveTable th,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveTable td
    {
        padding:3px 4px !important;
        font-size:8px !important;
        line-height:1.1 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveTable .ecMetricValue
    {
        font-size:9px !important;
    }

    /* ------------------------------------------------------
       Achievements: dense multi-column landscape cards.
       ------------------------------------------------------ */
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterAchievementGrid
    {
        display:grid !important;
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        gap:3px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterAchievement
    {
        min-width:0 !important;
        padding:4px 5px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterAchievement .ecCopterMiniHead
    {
        gap:4px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterAchievement .ecCopterMiniHead > strong
    {
        font-size:9px !important;
        line-height:1.05 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterAchievement .ecCopterMiniHead > span,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterAchievement .ecCopterReward
    {
        font-size:7.5px !important;
        line-height:1.05 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterAchievement p
    {
        margin:2px 0 3px !important;
        font-size:8px !important;
        line-height:1.12 !important;
    }

    /* ------------------------------------------------------
       Challenges: dense grouped landscape cards.
       ------------------------------------------------------ */
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecChallengeGroup + .ecChallengeGroup
    {
        margin-top:4px !important;
        padding-top:4px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecChallengeGroupHead
    {
        min-height:0 !important;
        margin:0 0 3px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecChallengeGroupHead h3
    {
        margin:0 !important;
        font-size:9.5px !important;
        line-height:1.05 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeGrid
    {
        display:grid !important;
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        gap:3px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeCard
    {
        min-width:0 !important;
        padding:4px 5px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeCard .ecCopterMiniHead
    {
        gap:4px !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeCard .ecCopterMiniHead > strong
    {
        font-size:9px !important;
        line-height:1.05 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeCard .ecCopterMiniHead > span,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeCard .ecChallengeMeta,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeCard .ecChallengeCountdown
    {
        font-size:7.5px !important;
        line-height:1.05 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeCard p
    {
        margin:2px 0 3px !important;
        font-size:8px !important;
        line-height:1.12 !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeCard progress
    {
        height:3px !important;
        margin:1px 0 2px !important;
    }
}

@media (pointer: coarse) and (orientation: landscape) and (max-width: 740px)
{
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCompetitiveOverview
    {
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterAchievementGrid,
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecCopterChallengeGrid
    {
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    }

    .ecShell.ecCopterFullscreenSession:not(.ecCopterGameplayMode) .ecCopterViewTabButtons > .ecCopterExitButton
    {
        flex-basis:68px !important;
        width:68px !important;
        min-width:68px !important;
        max-width:68px !important;
        font-size:8px !important;
    }
}

@media (pointer: coarse) and (orientation: landscape)
{
    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav--grouped .ecMetricGroup:not([open]) > .ecMetricMenu
    {
        display:none !important;
    }

    .ecShell.ecCopterFullscreenSession.ecCopterRemoteMode .ecMetricNav--grouped .ecMetricGroup[open] > .ecMetricMenu
    {
        display:flex !important;
    }
}