/* DemonGaming.net — iOS-style frosted glass panels Translucent panels with a blurred backdrop so the particle background shows through softly. Apply <... class="glass"> to any panel, or rely on the class/id list below which covers the site's existing panels. Loaded AFTER the main stylesheet so these rules win. */ /* --- Site font (NoScary) — match the main website's font on EVERY page --- */ @font-face { font-family: 'NoScary'; src: url('../fonts/NoScaryregular.woff2') format('woff2'), url('../fonts/NoScaryregular.woff') format('woff'), url('../fonts/NoScaryregular.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Anurati'; src: url('../fonts/Anurati-Regular.otf') format('opentype'); font-display: swap; } /* Headings, buttons and accent text use the signature font (like the main site). Body/table text stays in a readable sans so data pages remain legible. */ h1, h2, h3, h4, h5, h6, .btn, .button, button, .colored, .colored-title, .section-title { font-family: 'NoScary', sans-serif !important; } .glass, .job-card, .case-card, .game-card, .content-section, .item-card, .login-card, .user-info, .section, .steam-section, .user-keys-display, .pending-requests, .empty-state, .discord-info, .case-opener-nav, .info-box, .stat-card { background: rgba(28, 30, 38, 0.45) !important; -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.14) !important; border-radius: 18px !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; } /* Nested highlight boxes inside a glass panel: keep them lighter, no double blur */ .glass .glass, .glass .inner-box { background: rgba(255, 255, 255, 0.06) !important; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none !important; } /* Subtle edge brighten on hover for interactive cards (pairs with the GSAP hover) */ .glass:hover, .job-card:hover, .case-card:hover, .game-card:hover, .item-card:hover { border-color: rgba(255, 255, 255, 0.22) !important; } /* Graceful fallback: if the browser can't blur, lean a bit more opaque so text stays readable */ @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { .glass, .job-card, .case-card, .game-card, .content-section, .item-card, .login-card, .user-info, .section, .steam-section, .user-keys-display, .pending-requests, .empty-state, .discord-info, .case-opener-nav, .info-box, .stat-card { background: rgba(24, 26, 33, 0.92) !important; } } /* --- Sticky footer --------------------------------------------------------- Keep the ToS / copyright footer pinned to the bottom of the page, even when the content is shorter than the viewport. The