/* Android/WebView-safe Status card compositing. */
body.kb-surface-status .kb-status-play-integrity-card {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background-clip: padding-box !important;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body.kb-surface-status .kb-status-play-integrity-card::before,
body.kb-surface-status .kb-status-play-integrity-card::after {
    content: none !important;
    display: none !important;
}
body.kb-surface-status .kb-status-stats-grid.kb-status-compositing-settled {
    -webkit-transform: none !important;
    transform: none !important;
    will-change: auto !important;
    filter: none !important;
}
html[data-kb-theme="light"] body.kb-surface-status .kb-status-play-integrity-card {
    background: rgba(255,255,255,.94) !important;
    box-shadow: inset 0 0 0 1px rgba(25,25,31,.11), inset 0 1px 0 #fff !important;
}

/* Status uses the shared event-driven ad owner. Keep its responsive unit
   measurable and bounded; the neutral support card replaces only a confirmed
   no-fill state and therefore never races a second Alpine timeout. */
body.kb-surface-status .kb-status-ad-region {
    width: 100% !important;
    margin-block: clamp(48px, 8vw, 80px) !important;
}
body.kb-surface-status .kb-status-ad-shell:is(
    [data-kb-ad-state="loading"],
    [data-kb-ad-state="filled"]
) {
    display: block !important;
    width: 100% !important;
    min-height: 184px !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
}
body.kb-surface-status .kb-status-ad-slot {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 90px !important;
    place-items: center !important;
    overflow: hidden !important;
}
body.kb-surface-status .kb-status-ad-slot > ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 90px !important;
}
body.kb-surface-status .kb-status-ad-region .kb-support-card {
    margin-inline: auto !important;
}

/* Desktop Status notification prompt must live below the shared floating nav.
   The legacy full-width top:0 banner sat behind .kb-liquid-nav and looked like
   a second grey navigation bar. Keep mobile unchanged because its nav is bottom-fixed. */
@media (min-width: 761px) {
    body.kb-surface-status [x-ref="notifBar"] {
        top: 88px !important;
        left: 0 !important;
        width: 100% !important;
        padding: 0 14px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
    body.kb-surface-status [x-ref="notifBar"] > div {
        border: 1px solid rgba(255,255,255,.12) !important;
        border-radius: 18px !important;
        background: rgba(17,17,19,.88) !important;
        box-shadow: 0 16px 38px rgba(0,0,0,.24) !important;
        -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
        backdrop-filter: blur(22px) saturate(145%) !important;
    }
    html[data-kb-theme="light"] body.kb-surface-status [x-ref="notifBar"] > div {
        border-color: rgba(25,25,31,.12) !important;
        background: rgba(255,255,255,.9) !important;
        box-shadow: 0 14px 34px rgba(36,40,56,.12) !important;
    }
}

/* Status notification verification must use the same Liquid Glass bottom-sheet
   contract as the Hub download verification. The legacy status markup remains
   intact; platform_status_stability.js maps it onto these shared primitives. */
body.kb-status-verification-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}
body.kb-status-verification-open .kb-liquid-nav,
body.kb-status-verification-open .kb-platform-footer,
body.kb-status-verification-open .kb-theme-switch-mobile {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
body.kb-status-verification-open .kb-liquid-nav {
    transform: translate(-50%, 32px) scale(.95) !important;
}
body.kb-status-verification-open .kb-platform-footer {
    transform: translateY(22px) !important;
}
body.kb-status-verification-open .kb-theme-switch-mobile {
    transform: translateY(-14px) scale(.93) !important;
}

body.kb-surface-status .kb-status-verification-layer {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100svh !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    isolation: isolate !important;
    z-index: 10020 !important;
}
body.kb-surface-status .kb-status-verification-backdrop {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(4,4,7,.66) !important;
    -webkit-backdrop-filter: blur(17px) saturate(118%) !important;
    backdrop-filter: blur(17px) saturate(118%) !important;
}
body.kb-surface-status .kb-status-verification-sheet {
    position: relative !important;
    contain: none !important;
    width: min(448px, calc(100% - 32px)) !important;
    max-width: 448px !important;
    max-height: min(86dvh, 760px) !important;
    border: 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        radial-gradient(circle at 28% -12%, rgba(255,255,255,.16), rgba(255,255,255,.045) 28%, transparent 58%),
        linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.018) 56%),
        rgba(24,24,29,.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.105),
        0 28px 76px rgba(0,0,0,.44) !important;
    -webkit-backdrop-filter: blur(29px) saturate(155%) !important;
    backdrop-filter: blur(29px) saturate(155%) !important;
    transform-origin: 50% 100% !important;
}
body.kb-surface-status .kb-status-verification-sheet::before,
body.kb-surface-status .kb-status-verification-sheet::after {
    content: none !important;
}
body.kb-surface-status .kb-status-verification-content {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    scrollbar-gutter: stable !important;
}
body.kb-surface-status .kb-status-verification-header {
    border-color: rgba(255,255,255,.115) !important;
}
body.kb-surface-status .kb-status-verification-header h3,
body.kb-surface-status .kb-status-verification-header h3 i {
    color: var(--kb156-text, #f6f6f8) !important;
}
body.kb-surface-status .kb-status-verification-header p {
    color: var(--kb156-muted, #b5b5be) !important;
}
body.kb-surface-status .kb-status-verification-header button {
    border: 0 !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.07), transparent 58%),
        rgba(255,255,255,.055) !important;
    color: var(--kb156-muted, #b5b5be) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.07) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
}
body.kb-surface-status .kb-status-verification-header button:hover {
    color: var(--kb156-text, #f6f6f8) !important;
    background: rgba(255,255,255,.09) !important;
}
body.kb-surface-status .kb-status-verification-stage {
    display: grid !important;
    grid-template: minmax(150px, auto) / minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 150px !important;
    padding: 0 !important;
    overflow: visible !important;
    align-items: center !important;
    justify-items: stretch !important;
}
body.kb-surface-status .kb-status-verification-step {
    grid-area: 1 / 1 !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-self: center !important;
    justify-self: stretch !important;
}
body.kb-surface-status .kb-status-verification-stage #turnstile-widget,
body.kb-surface-status .kb-status-verification-stage #telegram-login-widget-container {
    margin-inline: auto !important;
    max-width: 100% !important;
}
body.kb-surface-status .kb-status-verification-handle {
    position: relative !important;
    z-index: 8 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    touch-action: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}
body.kb-surface-status .kb-status-verification-handle > div {
    background: rgba(176,176,188,.58) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.1) !important;
}
body.kb-surface-status .kb-status-verification-sheet.kb-dragging {
    transition: none !important;
    will-change: transform, opacity !important;
}

html[data-kb-theme="light"] body.kb-surface-status .kb-status-verification-backdrop {
    background: rgba(222,222,228,.62) !important;
}
html[data-kb-theme="light"] body.kb-surface-status .kb-status-verification-sheet {
    background:
        radial-gradient(circle at 28% -12%, rgba(255,255,255,.96), rgba(255,255,255,.31) 30%, transparent 60%),
        linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,255,255,.13) 58%),
        rgba(247,247,251,.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.92),
        0 27px 68px rgba(24,24,31,.16) !important;
}
html[data-kb-theme="light"] body.kb-surface-status .kb-status-verification-header {
    border-color: rgba(25,25,31,.105) !important;
}
html[data-kb-theme="light"] body.kb-surface-status .kb-status-verification-header button {
    background: linear-gradient(145deg, #fff, rgba(255,255,255,.24)), rgba(245,245,248,.82) !important;
    color: var(--kb156-muted, #55555e) !important;
    box-shadow: inset 0 0 0 1px rgba(25,25,31,.09), inset 0 1px 0 #fff !important;
}
html[data-kb-theme="light"] body.kb-surface-status .kb-status-verification-handle > div {
    background: rgba(95,95,104,.42) !important;
    box-shadow: 0 1px 0 #fff !important;
}

@media (max-width: 760px) {
    body.kb-surface-status .kb-status-verification-layer {
        align-items: flex-end !important;
        justify-content: center !important;
        padding: max(8px, env(safe-area-inset-top)) 0 0 !important;
    }
    body.kb-surface-status .kb-status-verification-sheet {
        inset: auto 0 0 !important;
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100dvh - max(8px, env(safe-area-inset-top))) !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 29px 29px 0 0 !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-bottom: 0 !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.105), 0 -12px 54px rgba(0,0,0,.26) !important;
        overflow: hidden !important;
        transform-origin: 50% 100% !important;
    }
    html[data-kb-theme="light"] body.kb-surface-status .kb-status-verification-sheet {
        box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 -12px 48px rgba(24,24,31,.12) !important;
    }
    body.kb-surface-status .kb-status-verification-content {
        min-height: 0 !important;
        max-height: calc(100dvh - max(8px, env(safe-area-inset-top)) - 34px) !important;
        padding-bottom: max(24px, calc(18px + env(safe-area-inset-bottom))) !important;
        overflow-y: auto !important;
        overscroll-behavior-y: contain !important;
        scroll-padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;
        scrollbar-gutter: auto !important;
    }
    body.kb-surface-status .kb-status-verification-handle {
        position: sticky !important;
        top: 0 !important;
    }
    body.kb-surface-status .kb-status-verification-stage {
        min-height: 150px !important;
    }
    body.kb-surface-status .kb-status-verification-step > .flex.justify-center.gap-4 {
        flex-wrap: wrap !important;
    }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.kb-surface-status .kb-status-verification-sheet {
        background: rgba(24,24,29,.98) !important;
    }
    html[data-kb-theme="light"] body.kb-surface-status .kb-status-verification-sheet {
        background: rgba(247,247,251,.99) !important;
    }
}

@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
    body.kb-surface-status .kb-status-verification-sheet,
    body.kb-surface-status .kb-status-verification-header button {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}

@media (hover: none), (pointer: coarse) {
    body.kb-surface-status .kb-status-play-integrity-card,
    body.kb-surface-status .kb-status-play-integrity-card:hover {
        -webkit-transform: none !important;
        transform: none !important;
        transition-property: border-color, background-color, opacity !important;
    }
}

@media (max-width: 560px) {
    body.kb-surface-status .kb-status-ad-region {
        margin-block: 42px !important;
    }
    body.kb-surface-status .kb-status-ad-shell:is(
        [data-kb-ad-state="loading"],
        [data-kb-ad-state="filled"]
    ) {
        min-height: 172px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.kb-surface-status .kb-status-verification-sheet,
    body.kb-surface-status .kb-status-verification-backdrop {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}