/*
 * mobile-game-focus
 * Narrow mobile-only game iframe shell. Remove this asset/link to roll back.
 */
.gameLaunchMobileDock {
    display: none;
}

@media (max-width: 768px), ((max-height: 480px) and (orientation: landscape)) {
    body.mobileGameFocusActive {
        overflow: hidden !important;
        background: #05070a !important;
        overscroll-behavior: none;
        touch-action: manipulation;
    }

    body.mobileGameFocusActive .navbarTopOuter,
    body.mobileGameFocusActive .navbarOuter,
    body.mobileGameFocusActive .manusOuter,
    body.mobileGameFocusActive #gelirseMobileAppNav,
    body.mobileGameFocusActive #mobilenav,
    body.mobileGameFocusActive [data-left-rail-root],
    body.mobileGameFocusActive .gelirseLeftRailShell,
    body.mobileGameFocusActive .gelirseDesktopRailBackdrop,
    body.mobileGameFocusActive .gelirseMobileRailBackdrop,
    body.mobileGameFocusActive .gelirseLeftRailToggle,
    body.mobileGameFocusActive .gelirseMobileRailClose,
    body.mobileGameFocusActive .campaignLineOuter,
    body.mobileGameFocusActive .timedPromoShellOuter,
    body.mobileGameFocusActive .navbarPreHeroSlot,
    body.mobileGameFocusActive .polarisInstallBar,
    body.mobileGameFocusActive .supportWidgetShell,
    body.mobileGameFocusActive .supportWidgetLauncher,
    body.mobileGameFocusActive .supportWidgetFrameShell {
        display: none !important;
    }

    body.mobileGameFocusActive .gameDetailOuter {
        position: fixed;
        inset: 0;
        z-index: 1088;
        width: 100vw;
        height: var(--mobile-game-focus-height, 100dvh);
        min-height: var(--mobile-game-focus-height, 100dvh);
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        background:
            radial-gradient(circle at 50% -12%, rgba(255, 207, 13, 0.08), transparent 28%),
            #05070a;
    }

    body.mobileGameFocusActive .gameDetailOuter > .container,
    body.mobileGameFocusActive .gameLaunchShell {
        width: 100vw !important;
        max-width: none !important;
        height: var(--mobile-game-focus-height, 100dvh) !important;
        min-height: var(--mobile-game-focus-height, 100dvh) !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    html body.mobileGameFocusActive .contentPageOuter.gameDetailOuter > .container.container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.mobileGameFocusActive .gameLaunchShell {
        display: flex;
        flex-direction: column;
        gap: 0;
        color: #f7f9ff;
    }

    body.mobileGameFocusActive .gameLaunchToolbar {
        position: relative;
        z-index: 2;
        display: flex;
        flex: 0 0 auto;
        flex-wrap: nowrap !important;
        align-items: center;
        justify-content: space-between;
        width: 100vw;
        min-height: calc(52px + env(safe-area-inset-top, 0px));
        height: calc(52px + env(safe-area-inset-top, 0px));
        padding:
            env(safe-area-inset-top, 0px)
            max(10px, env(safe-area-inset-right, 0px))
            0
            max(10px, env(safe-area-inset-left, 0px));
        gap: 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        background:
            radial-gradient(circle at 24px 0, rgba(255, 207, 13, 0.12), transparent 32px),
            linear-gradient(180deg, rgba(12, 16, 25, 0.98), rgba(5, 7, 10, 0.98));
    }

    body.mobileGameFocusActive.gameLaunchNativeFullscreen .gameLaunchToolbar {
        display: none !important;
    }

    body.mobileGameFocusActive .gameLaunchToolbarLeft {
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        min-width: 0;
        gap: 10px;
    }

    body.mobileGameFocusActive .gameLaunchToolbarRight,
    body.mobileGameFocusActive .gameLaunchMobileDock,
    body.mobileGameFocusActive .gameLaunchDemoBadge {
        display: none !important;
    }

    body.mobileGameFocusActive .gameLaunchButton {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 44px;
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        padding: 0;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background:
            linear-gradient(180deg, rgba(22, 27, 38, 0.86) 0%, rgba(10, 13, 20, 0.82) 100%);
        color: #f7f9ff;
        box-shadow:
            0 12px 28px rgba(0, 0, 0, 0.34),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    body.mobileGameFocusActive .gameLaunchButton > span:not(.gameLaunchUtilityTitle) {
        display: none;
    }

    body.mobileGameFocusActive .gameLaunchUtilityTitle {
        display: block;
        min-width: 0;
        overflow: hidden;
        color: rgba(247, 249, 255, 0.92);
        font-size: 14px;
        font-weight: 850;
        line-height: 1.1;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.mobileGameFocusActive .gameLaunchStage {
        position: relative;
        z-index: 1;
        flex: 1 1 auto;
        width: 100vw !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background:
            radial-gradient(circle at 50% 38%, rgba(255, 207, 13, 0.08), transparent 28%),
            linear-gradient(90deg, rgba(255, 207, 13, 0.05), transparent 18%, transparent 82%, rgba(89, 112, 255, 0.08)),
            #05070a;
    }

    body.mobileGameFocusPortrait .gameLaunchStage {
        background:
            radial-gradient(circle at 50% 28%, rgba(255, 207, 13, 0.1), transparent 26%),
            linear-gradient(180deg, rgba(13, 18, 30, 0.94), rgba(4, 7, 12, 0.98));
    }

    body.mobileGameFocusActive .gameDetailLayout,
    body.mobileGameFocusActive .gameDetailFrame,
    body.mobileGameFocusActive .gameDetailIframeWrap,
    body.mobileGameFocusActive #mainGameIframe {
        width: 100vw !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    body.mobileGameFocusActive .gameDetailFrame,
    body.mobileGameFocusActive .gameDetailIframeWrap {
        box-sizing: border-box;
        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    }

    body.mobileGameFocusActive .gameDetailLoader {
        background:
            radial-gradient(circle at 50% 38%, rgba(255, 207, 13, 0.1), transparent 28%),
            linear-gradient(180deg, rgba(7, 10, 16, 0.98) 0%, rgba(5, 7, 10, 0.94) 100%);
    }

    body.mobileGameFocusActive .gameDetailLoaderMark {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 54px;
        height: 54px;
        margin-bottom: 14px;
        border-radius: 20px;
        border: 1px solid rgba(255, 207, 13, 0.26);
        background:
            radial-gradient(circle at 35% 20%, rgba(255, 255, 255, 0.28), transparent 30%),
            linear-gradient(180deg, rgba(255, 207, 13, 0.22), rgba(255, 207, 13, 0.08));
        color: #ffcf0d;
        font-size: 22px;
        box-shadow: 0 18px 45px rgba(0, 0, 0, 0.34);
    }

    body.mobileGameFocusActive .gameDetailLoaderCopy {
        width: min(320px, calc(100vw - 40px));
        margin: 8px auto 18px;
        color: rgba(225, 231, 244, 0.78);
        font-size: 12px;
        font-weight: 750;
        line-height: 1.35;
        text-align: center;
    }

    body.mobileGameFocusActive.gameLaunchIframeReady .gameDetailLoader {
        pointer-events: none;
    }

    body.mobileGameFocusActive .gameDetailLaunchCard {
        width: calc(100vw - 24px) !important;
        max-width: 420px;
        border-radius: 24px;
    }

    .mobileGameFocusHint {
        position: absolute;
        left: 50%;
        top: 10px;
        z-index: 3;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        max-width: min(430px, calc(100vw - 28px));
        min-height: 36px;
        padding: 0 12px 0 13px;
        border-radius: 999px;
        border: 1px solid rgba(255, 207, 13, 0.24);
        background:
            radial-gradient(circle at 12% 20%, rgba(255, 207, 13, 0.16), transparent 30%),
            rgba(10, 13, 20, 0.78);
        color: #fff2a8;
        font-size: 11px;
        font-weight: 850;
        line-height: 1.15;
        text-align: center;
        box-shadow: 0 16px 38px rgba(0, 0, 0, 0.38);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        transform: translateX(-50%) translateY(10px);
        opacity: 0;
        pointer-events: auto;
        transition: opacity 0.24s ease, transform 0.24s ease;
    }

    .mobileGameFocusHintDismiss {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        margin-right: -5px;
        border: 0;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.86);
        cursor: pointer;
    }

    .mobileGameFocusHint.is-visible {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }

    body:not(.mobileGameFocusPortrait) .mobileGameFocusHint {
        display: none;
    }

    @media (orientation: landscape) {
        body.mobileGameFocusActive .gameLaunchToolbar {
            min-height: calc(46px + env(safe-area-inset-top, 0px));
            height: calc(46px + env(safe-area-inset-top, 0px));
        }
    }
}