html.pnx-galaxy-enabled { --pnx-scene-a:#020711; --pnx-scene-b:#168fff; --pnx-galaxy-image:url("./assets/galaxy-background.914f42598f235097.webp"); min-width:320px; min-height:100%; background:#020711 center/cover fixed no-repeat; background-image:var(--pnx-galaxy-image, none); }
html.pnx-galaxy-enabled body { min-height:100%; background-color:transparent !important; background-image:none !important; isolation:isolate; }
#experience.pnx-global-galaxy { position:fixed; inset:0; z-index:-1; width:100%; height:100vh; height:100svh; overflow:hidden; pointer-events:none; background:#020711; contain:strict; }
#experience.pnx-global-galaxy .visual-stage,#experience.pnx-global-galaxy .fallback-image,#experience.pnx-global-galaxy #multiverse-canvas,#experience.pnx-global-galaxy .atmosphere,#experience.pnx-global-galaxy .film-grain{position:absolute;inset:0;width:100%;height:100%}
#experience.pnx-global-galaxy .visual-stage{overflow:hidden;background:#020711}
#experience.pnx-global-galaxy .fallback-image{transform:scale(1.025);background-image:var(--pnx-galaxy-image,none);background-position:center;background-size:cover;filter:saturate(.98) contrast(1.06) brightness(.80)}
#experience.pnx-global-galaxy #multiverse-canvas{display:block;opacity:0;transition:opacity 1.3s cubic-bezier(.22,1,.36,1)}
#experience.pnx-global-galaxy.has-webgl #multiverse-canvas{opacity:1}
#experience.pnx-global-galaxy .atmosphere,#experience.pnx-global-galaxy .film-grain{pointer-events:none}
#experience.pnx-global-galaxy .atmosphere--horizon{background:linear-gradient(90deg,rgba(2,7,17,.64) 0%,transparent 29%,transparent 72%,rgba(2,7,17,.32) 100%),linear-gradient(180deg,rgba(2,7,17,.38) 0%,transparent 29%,transparent 58%,rgba(1,4,10,.66) 100%);mix-blend-mode:multiply}
#experience.pnx-global-galaxy .atmosphere--vignette{box-shadow:inset 0 0 16vmax 2vmax rgba(0,3,10,.56);background:radial-gradient(ellipse at 52% 47%,transparent 24%,rgba(1,5,13,.06) 54%,rgba(1,4,10,.5) 115%)}
#experience.pnx-global-galaxy .film-grain{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:soft-light;animation:pnx-galaxy-grain .28s steps(2) infinite}
#experience.pnx-global-galaxy::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(1,5,13,.13)}
html[data-pnx-galaxy-tone="auth"] #experience.pnx-global-galaxy::after{background:linear-gradient(90deg,rgba(1,5,13,.28),rgba(1,5,13,.42))}
html[data-pnx-galaxy-tone="workspace"] #experience.pnx-global-galaxy::after{background:rgba(1,5,13,.32)}
html[data-pnx-galaxy-tone="legal"] #experience.pnx-global-galaxy::after{background:rgba(1,5,13,.48)}
html.pnx-galaxy-enabled .site-atmosphere{opacity:.55} html.pnx-galaxy-enabled .site-noise{opacity:.42}
/* Pause decorative CSS together with the single WebGL scheduler. */
#experience.pnx-global-galaxy.is-paused .film-grain{animation-play-state:paused}
html.pnx-galaxy-enabled body::before{animation:none}
/* A transformed/fading body must not move or fade the fixed Galaxy layer. */
html.pnx-galaxy-enabled body.pnx-page-enter{animation:none}
html.pnx-galaxy-enabled .site-atmosphere,html.pnx-galaxy-enabled .site-noise{display:none}
html.pnx-galaxy-enabled body.home-body,html.pnx-galaxy-enabled body.auth-body,html.pnx-galaxy-enabled body.dashboard-body,html.pnx-galaxy-enabled body.account-body,html.pnx-galaxy-enabled body.affiliate-body,html.pnx-galaxy-enabled body.legal-body{background:transparent !important}
html.pnx-galaxy-enabled .hero,html.pnx-galaxy-enabled .hero-v21,html.pnx-galaxy-enabled .pricing-section,html.pnx-galaxy-enabled .games-section,html.pnx-galaxy-enabled .features-section,html.pnx-galaxy-enabled .resources-section,html.pnx-galaxy-enabled .performance-section,html.pnx-galaxy-enabled .security-section,html.pnx-galaxy-enabled .faq-section,html.pnx-galaxy-enabled .auth-layout,html.pnx-galaxy-enabled .auth-single-shell,html.pnx-galaxy-enabled .dashboard-page,html.pnx-galaxy-enabled .affiliate-page,html.pnx-galaxy-enabled .legal-page,html.pnx-galaxy-enabled .legal-main{background-color:transparent !important}
.pnx-galaxy-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes pnx-galaxy-grain{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(-.7%,.6%,0)}50%{transform:translate3d(.5%,-.6%,0)}75%{transform:translate3d(.6%,.5%,0)}100%{transform:translate3d(-.4%,-.5%,0)}}
@media(max-width:760px){#experience.pnx-global-galaxy .fallback-image{transform:scale(1.04);filter:saturate(.94) contrast(1.04) brightness(.72)}#experience.pnx-global-galaxy .film-grain{opacity:.025;animation:none}html[data-pnx-galaxy-tone="cinematic"] #experience.pnx-global-galaxy::after{background:rgba(1,5,13,.22)}}
@media(prefers-reduced-motion:reduce){#experience.pnx-global-galaxy .film-grain{animation:none}#experience.pnx-global-galaxy #multiverse-canvas{transition:none}}
