/* Streamcio 1.5.16 · browser compatibility and rendering budget. */

/* Stop decorative work while the tab is hidden. */
html[data-page-visible="hidden"] body.owner-overview-v2-shell::before,
html[data-page-visible="hidden"] body.owner-overview-v2-shell::after,
html[data-page-visible="hidden"] body.owner-overview-v2-shell .owner-space-flow-v163 i,
html[data-page-visible="hidden"] .lp-stars,
html[data-page-visible="hidden"] .lp-stars::before,
html[data-page-visible="hidden"] .lp-stars::after,
html[data-page-visible="hidden"] .lp-glow,
html[data-page-visible="hidden"] .lp-flow-lines i,
html[data-page-visible="hidden"] .lp-aurora,
html[data-page-visible="hidden"] .lp-particles i,
html[data-page-visible="hidden"] .lp-header::before,
html[data-page-visible="hidden"] .lp-bot-logo i,
html[data-page-visible="hidden"] .lp-button-primary,
html[data-page-visible="hidden"] .lp-pill::after,
html[data-page-visible="hidden"] .lp-title-line,
html[data-page-visible="hidden"] .lp-title-main::after,
html[data-page-visible="hidden"] .lp-orbit-one,
html[data-page-visible="hidden"] .lp-orbit-two,
html[data-page-visible="hidden"] .lp-dashboard::after,
html[data-page-visible="hidden"] .lp-donut,
html[data-page-visible="hidden"] .lp-online-row > span,
html[data-page-visible="hidden"] .lp-cta::before,
html[data-page-visible="hidden"] .lp-cta-ring,
html[data-page-visible="hidden"] .lp-bot-logo-large {
    animation-play-state: paused !important;
}

/* Reduced mode keeps the cosmic identity without continuous compositing. */
html[data-effects="reduced"] body.owner-overview-v2-shell {
    background-attachment: scroll !important;
}
html[data-effects="reduced"] body.owner-overview-v2-shell::before,
html[data-effects="reduced"] body.owner-overview-v2-shell::after,
html[data-effects="reduced"] body.owner-overview-v2-shell .owner-space-flow-v163 i {
    animation: none !important;
    will-change: auto !important;
}
html[data-effects="reduced"] body.owner-overview-v2-shell .owner-space-flow-v163 i {
    filter: none !important;
}
html[data-effects="reduced"] body.owner-overview-v2-shell .owner-space-flow-v163 i:nth-child(even) {
    display: none !important;
}
html[data-effects="reduced"] .lp-cursor-glow,
html[data-effects="reduced"] .lp-particles,
html[data-effects="reduced"] .lp-aurora {
    display: none !important;
}
html[data-effects="reduced"] .lp-stars,
html[data-effects="reduced"] .lp-stars::before,
html[data-effects="reduced"] .lp-stars::after,
html[data-effects="reduced"] .lp-glow,
html[data-effects="reduced"] .lp-flow-lines i,
html[data-effects="reduced"] .lp-header::before,
html[data-effects="reduced"] .lp-bot-logo i,
html[data-effects="reduced"] .lp-button-primary,
html[data-effects="reduced"] .lp-pill::after,
html[data-effects="reduced"] .lp-title-line,
html[data-effects="reduced"] .lp-title-main::after,
html[data-effects="reduced"] .lp-orbit-one,
html[data-effects="reduced"] .lp-orbit-two,
html[data-effects="reduced"] .lp-dashboard::after,
html[data-effects="reduced"] .lp-donut,
html[data-effects="reduced"] .lp-online-row > span,
html[data-effects="reduced"] .lp-section h3::before,
html[data-effects="reduced"] .lp-column-block h3::before,
html[data-effects="reduced"] .lp-cta::before,
html[data-effects="reduced"] .lp-cta-ring,
html[data-effects="reduced"] .lp-bot-logo-large {
    animation: none !important;
    will-change: auto !important;
}
html[data-effects="reduced"] .lp-flow-lines i {
    filter: none !important;
}
html[data-effects="reduced"] .lp-flow-lines i:nth-child(even),
html[data-effects="reduced"] .lp-glow-b {
    display: none !important;
}
html[data-effects="reduced"] .lp-interactive-card,
html[data-effects="reduced"] .lp-hero-visual [data-depth],
html[data-effects="reduced"] .lp-magnetic {
    transform: none !important;
    translate: none !important;
    will-change: auto !important;
}
html[data-effects="reduced"] .lp-js .lp-reveal {
    filter: none !important;
    transition-duration: .28s !important;
}

/* Off means no decorative compositor layers. */
html[data-effects="off"] body.owner-overview-v2-shell {
    background-attachment: scroll !important;
}
html[data-effects="off"] body.owner-overview-v2-shell::after,
html[data-effects="off"] .lp-bg-grid,
html[data-effects="off"] .lp-aurora,
html[data-effects="off"] .lp-particles,
html[data-effects="off"] .lp-cursor-glow,
html[data-effects="off"] .lp-flow-lines,
html[data-effects="off"] .lp-glow,
html[data-effects="off"] .lp-stars {
    display: none !important;
}
html[data-effects="off"] .lp-js .lp-reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
}
html[data-effects="off"] .lp-interactive-card,
html[data-effects="off"] .lp-hero-visual [data-depth],
html[data-effects="off"] .lp-magnetic {
    transform: none !important;
    translate: none !important;
    will-change: auto !important;
}

/* Gecko profile: avoid fixed-background repaint and costly fixed blur layers. */
html[data-browser-engine="gecko"] body.owner-overview-v2-shell,
html[data-browser-engine="gecko"] body.landing-preview-page,
html[data-browser-engine="gecko"] body.owner-guild-picker-page {
    background-attachment: scroll !important;
}
html[data-browser-engine="gecko"] body.owner-overview-v2-shell .app-topbar {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: rgba(7, 13, 24, .94) !important;
}
html[data-browser-engine="gecko"] .lp-header {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: rgba(4, 10, 25, .94) !important;
}
html[data-browser-engine="gecko"] body.streamcio-v155-shell .owner-diag-card-v151,
html[data-browser-engine="gecko"] body.streamcio-v155-shell .owner-diag-kpi-v151,
html[data-browser-engine="gecko"] body.streamcio-v155-shell .owner-diag-cache-v151 {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-browser-engine="gecko"] body.owner-overview-v2-shell::before,
html[data-browser-engine="gecko"] body.owner-overview-v2-shell::after,
html[data-browser-engine="gecko"] body.owner-overview-v2-shell .owner-space-flow-v163 i,
html[data-browser-engine="gecko"] .lp-stars,
html[data-browser-engine="gecko"] .lp-stars::before,
html[data-browser-engine="gecko"] .lp-stars::after,
html[data-browser-engine="gecko"] .lp-glow,
html[data-browser-engine="gecko"] .lp-flow-lines i,
html[data-browser-engine="gecko"] .lp-aurora {
    will-change: auto !important;
}
html[data-browser-engine="gecko"][data-effects="full"] body.owner-overview-v2-shell .owner-space-flow-v163 i:nth-child(even),
html[data-browser-engine="gecko"][data-effects="full"] .lp-flow-lines i:nth-child(even) {
    display: none !important;
}
html[data-browser-engine="gecko"][data-effects="full"] body.owner-overview-v2-shell .owner-space-flow-v163 i,
html[data-browser-engine="gecko"][data-effects="full"] .lp-flow-lines i {
    filter: none !important;
}

/* Skip below-the-fold landing sections without touching forms or modal content. */
@supports (content-visibility: auto) {
    body.landing-preview-page main > .lp-section,
    body.landing-preview-page main > .lp-two-columns,
    body.landing-preview-page main > .lp-cta,
    body.landing-preview-page .lp-detail-layout > section {
        content-visibility: auto;
        contain-intrinsic-size: auto 720px;
    }
}

/* Guild picker follows the same reduced rendering budget. */
html[data-page-visible="hidden"] .ogp-stars,
html[data-page-visible="hidden"] .ogp-stars::after,
html[data-page-visible="hidden"] .ogp-glow,
html[data-page-visible="hidden"] .ogp-flow-lines i {
    animation-play-state: paused !important;
}
html[data-effects="reduced"] body.owner-guild-picker-page {
    background-attachment: scroll !important;
}
html[data-effects="reduced"] .ogp-stars,
html[data-effects="reduced"] .ogp-stars::after,
html[data-effects="reduced"] .ogp-glow,
html[data-effects="reduced"] .ogp-flow-lines i {
    animation: none !important;
    will-change: auto !important;
}
html[data-effects="reduced"] .ogp-glow-two,
html[data-effects="reduced"] .ogp-flow-lines i:nth-child(even) {
    display: none !important;
}
html[data-effects="reduced"] .ogp-flow-lines i {
    filter: none !important;
}
html[data-effects="off"] body.owner-guild-picker-page {
    background-attachment: scroll !important;
}
html[data-effects="off"] .ogp-stars,
html[data-effects="off"] .ogp-glow,
html[data-effects="off"] .ogp-flow-lines {
    display: none !important;
}
html[data-browser-engine="gecko"] body.owner-guild-picker-page {
    background-attachment: scroll !important;
}
html[data-browser-engine="gecko"] .ogp-stars,
html[data-browser-engine="gecko"] .ogp-stars::after,
html[data-browser-engine="gecko"] .ogp-glow,
html[data-browser-engine="gecko"] .ogp-flow-lines i {
    will-change: auto !important;
}
html[data-browser-engine="gecko"][data-effects="full"] .ogp-flow-lines i:nth-child(even) {
    display: none !important;
}
html[data-browser-engine="gecko"][data-effects="full"] .ogp-flow-lines i {
    filter: none !important;
}
