/** * BGWARS Glass panels — полупрозрачни панели + backdrop-blur върху аллея фона * Активира се с BGWARS_GLASS_PANELS = true и class .glass-panels на + */ html.glass-panels { background-attachment: fixed !important; } .glass-panels, body.glass-panels, body.unified-ui.glass-panels { --panel-bg: rgba(0, 0, 0, 0.42); --panel-bg-soft: rgba(0, 0, 0, 0.28); --panel-bg-muted: rgba(0, 0, 0, 0.35); --backdrop-blur: blur(16px); --glass-border: rgba(255, 255, 255, 0.12); --glow: 0 8px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06); --glow-accent: 0 4px 24px rgba(255, 0, 68, 0.1); } /* Прозрачен layout — аллеята да се вижда между панелите */ body.glass-panels .min-h-screen, body.glass-panels main, body.glass-panels aside, body.glass-panels .max-w-screen-2xl, body.glass-panels .flex.flex-col, body.glass-panels .flex.flex-col.lg\:flex-row { background: transparent !important; } /* ── Shared glass mixin ── */ .glass-panels .menu-nav, .glass-panels .stats-bar, .glass-panels .menu-nav-icons-row, .glass-panels .nav-sidebar, .glass-panels .rs-widget, .glass-panels .bgw-header-banner, .glass-panels .menu-dropdown, .glass-panels .mobile-nav-panel, .glass-panels main .fit-panel, .glass-panels main .gg-panel, .glass-panels main .fit-card, .glass-panels main .ct-panel, .glass-panels main .pf-banner, .glass-panels main .pf-panel, .glass-panels main .pf-card, .glass-panels main .pf-ach, .glass-panels main .biz-card, .glass-panels main .bbs-card, .glass-panels main .bbi-card, .glass-panels main .bmg-card, .glass-panels main .car-card, .glass-panels main .weapon-card, .glass-panels main .mechanic-card, .glass-panels main .pt-card, .glass-panels main .rr-panel, .glass-panels main .district-card-new, .glass-panels main .map-info-pill, .glass-panels main .gg-earn-card, .glass-panels main .gg-mini-card, .glass-panels main [class*="-panel"]:not(.menu-mobile-drawer):not(.mobile-nav-panel) { backdrop-filter: var(--backdrop-blur, blur(16px)); -webkit-backdrop-filter: var(--backdrop-blur, blur(16px)); } .glass-panels .menu-nav, .glass-panels .nav-sidebar, .glass-panels .rs-widget, .glass-panels .bgw-header-banner, .glass-panels main .fit-panel, .glass-panels main .gg-panel, .glass-panels main .fit-card, .glass-panels main .ct-panel, .glass-panels main .pf-banner, .glass-panels main .pf-panel, .glass-panels main .pf-card, .glass-panels main .pf-ach, .glass-panels main .biz-card, .glass-panels main .car-card, .glass-panels main .weapon-card, .glass-panels main .district-card-new, .glass-panels main .map-info-pill { background: var(--panel-bg, rgba(0, 0, 0, 0.42)) !important; border-color: var(--glass-border, rgba(255, 255, 255, 0.12)); box-shadow: var(--glow); } .glass-panels .stats-bar { background: var(--panel-bg-muted, rgba(0, 0, 0, 0.35)) !important; } .glass-panels .menu-nav-icons-row { background: var(--panel-bg-soft, rgba(0, 0, 0, 0.28)) !important; } .glass-panels .nav-header { background: var(--panel-bg-soft, rgba(0, 0, 0, 0.28)) !important; } .glass-panels .rs-widget-header { background: var(--panel-bg-soft, rgba(0, 0, 0, 0.28)) !important; } .glass-panels .rs-stat, .glass-panels .rs-task-body { background: var(--panel-bg-soft, rgba(0, 0, 0, 0.28)) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .glass-panels .rs-mitio-cta-btn { background: rgba(0, 0, 0, 0.55) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .glass-panels .bgw-header-banner--placeholder { background: rgba(0, 0, 0, 0.38) !important; } .glass-panels .pf-banner.vip-mode { background: rgba(0, 0, 0, 0.48) !important; } .glass-panels .pf-banner-bg { opacity: 0.65; } .glass-panels .menu-dropdown { background: rgba(0, 0, 0, 0.58) !important; } .glass-panels .menu-icon-btn, .glass-panels .menu-action-btn { background: var(--panel-bg-soft, rgba(0, 0, 0, 0.28)); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } /* Tailwind game panels */ .glass-panels main [class*="bg-black/"]:not(.fixed), .glass-panels main [class*="bg-gray-900/"]:not(.fixed), .glass-panels main [class*="bg-gray-800/"]:not(.fixed), .glass-panels main .bg-black\/30, .glass-panels main .bg-black\/40, .glass-panels main .bg-black\/50, .glass-panels main .bg-black\/90, .glass-panels main .bg-gray-900\/50, .glass-panels main .bg-gray-900\/80, .glass-panels main .bg-black\/30.border, .glass-panels main .bg-black\/40.border, .glass-panels main .bg-black\/50.border, .glass-panels main .bg-gray-900\/50.border, .glass-panels main .bg-gray-900\/80.border { background: var(--panel-bg, rgba(0, 0, 0, 0.42)) !important; background-image: none !important; backdrop-filter: var(--backdrop-blur, blur(16px)); -webkit-backdrop-filter: var(--backdrop-blur, blur(16px)); } .glass-panels .rs-daily-card-body { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.22) 0%, rgba(0, 0, 0, 0.08) 100% ); } /* unified-ui не трябва да възстановява непрозрачни панели */ body.unified-ui.glass-panels .menu-nav, body.unified-ui.glass-panels .nav-sidebar, body.unified-ui.glass-panels .rs-widget, body.unified-ui.glass-panels .bgw-header-banner, body.unified-ui.glass-panels .pf-banner, body.unified-ui.glass-panels .ct-panel { background: var(--panel-bg) !important; backdrop-filter: var(--backdrop-blur) !important; -webkit-backdrop-filter: var(--backdrop-blur) !important; }