/* Page-specific scenery stays behind content and never receives pointer events. */
html body main#main.pxg-gradient-page.pxg-gradient-page.pxg-gradient-page,html body main.pxg-gradient-page{position:relative!important;isolation:isolate!important;overflow:visible!important;background:transparent!important}
html body main#main.pxg-gradient-page.pxg-gradient-page.pxg-gradient-page::before,html body main.pxg-gradient-page::before{content:""!important;display:block!important;position:fixed!important;inset:0!important;height:100vh!important;max-height:none!important;z-index:-1!important;pointer-events:none!important;mask-image:none!important;background:linear-gradient(90deg,#07070a55,transparent 75%),linear-gradient(180deg,#07070a44,#07070a99)!important;animation:none!important;transform:none!important}
html body main#main.pxg-gradient-page.pxg-gradient-page.pxg-gradient-page::after,html body main.pxg-gradient-page::after{display:none!important}
html body #pxg-page-gradient{position:fixed!important;inset:0!important;width:100%!important;height:100vh!important;border:0!important;pointer-events:none!important;z-index:-2!important;background:#100b19}
html[data-rd-scene] main#main{position:relative;isolation:isolate;overflow:clip;background:transparent!important}
html[data-rd-scene] main#main::before,html[data-rd-scene] main#main::after{content:"";position:absolute;pointer-events:none;z-index:-1;inset:0;max-height:1400px;background-repeat:no-repeat;mask-image:linear-gradient(#000 0%,#000 55%,transparent 100%)}
html[data-rd-scene] main#main::after{height:900px;max-height:100%;transform-origin:70% 15%;animation:rd-light-drift 24s ease-in-out infinite alternate}
html[data-rd-scene=arena] main#main>section:first-of-type{background:transparent!important}
html[data-rd-scene=arena] main#main::before{background-image:radial-gradient(ellipse 55% 45% at 85% 8%,#bba4cb24,transparent 75%),linear-gradient(118deg,transparent 45%,#bba4cb0a 45.1%,transparent 45.3%),linear-gradient(118deg,transparent 67%,#bba4cb12 67.1%,transparent 67.3%),repeating-linear-gradient(0deg,transparent 0 119px,#bba4cb08 120px,transparent 121px);background-size:100% 100%}
html[data-rd-scene=arena] main#main::after{background-image:conic-gradient(from 151deg at 82% -10%,transparent 0deg,#bba4cb24 8deg,transparent 16deg,transparent 28deg,#bba4cb18 36deg,transparent 44deg),radial-gradient(ellipse 30% 10% at 80% 2%,#e3d6ed38,transparent 80%)}
html[data-rd-scene=grid] main#main::before{background-image:radial-gradient(ellipse 55% 40% at 85% 20%,#bba4cb24,transparent 80%),linear-gradient(#bba4cb12 1px,transparent 1px),linear-gradient(90deg,#bba4cb12 1px,transparent 1px);background-size:100% 100%,80px 80px,80px 80px;background-repeat:no-repeat,repeat,repeat}
html[data-rd-scene=grid] main#main::after{background-image:linear-gradient(115deg,transparent 35%,#bba4cb0b 45%,#bba4cb27 45.1%,transparent 45.3%,transparent 66%,#bba4cb18 66.1%,transparent 66.3%)}
html[data-rd-scene=court] main#main::before{background-image:radial-gradient(ellipse 55% 50% at 75% 25%,#bba4cb26,transparent 75%),repeating-linear-gradient(135deg,transparent 0 180px,#bba4cb10 181px,transparent 183px 360px),linear-gradient(90deg,transparent 15%,#bba4cb13 15.1%,transparent 15.25%,transparent 85%,#bba4cb13 85.1%,transparent 85.25%)}
html[data-rd-scene=court] main#main::after{background-image:linear-gradient(0deg,transparent 64.7%,#bba4cb18 65%,transparent 65.2%)}
html[data-rd-scene=aurora] main#main::before{background-image:radial-gradient(ellipse 70% 35% at 90% 20%,#bba4cb30,transparent 75%),radial-gradient(ellipse 55% 40% at 5% 55%,#67336c30,transparent 75%)}
html[data-rd-scene=aurora] main#main::after{background-image:linear-gradient(135deg,transparent 35%,#bba4cb10 48%,transparent 58%),radial-gradient(ellipse 55% 14% at 70% 28%,#bba4cb14,transparent 80%)}
html[data-rd-scene=halo] main#main::before{background-image:radial-gradient(ellipse 45% 45% at 80% 30%,#bba4cb28,transparent 78%),radial-gradient(ellipse 36% 50% at 80% 30%,transparent 70%,#bba4cb14 70.2%,transparent 70.6%),radial-gradient(ellipse 46% 63% at 80% 30%,transparent 70%,#bba4cb0d 70.2%,transparent 70.6%)}
html[data-rd-scene=halo] main#main::after{background-image:radial-gradient(ellipse 30% 25% at 80% 35%,#bba4cb15,transparent 75%)}
html[data-rd-scene=studio] main#main::before{background-image:linear-gradient(120deg,transparent 50%,#bba4cb18 50.1%,transparent 50.3%),radial-gradient(ellipse 60% 40% at 90% 20%,#bba4cb28,transparent 75%)}
html[data-rd-scene=studio] main#main::after{background-image:linear-gradient(120deg,transparent 30%,#bba4cb13 43%,transparent 56%)}
html[data-rd-scene=quiet] main#main::before{background-image:radial-gradient(ellipse 55% 40% at 100% 0%,#bba4cb20,transparent 75%),radial-gradient(ellipse 30% 35% at 0% 70%,#bba4cb0b,transparent 75%)}
html[data-rd-scene=quiet] main#main::after{display:none}
@keyframes rd-light-drift{from{transform:translate3d(-1%,0,0) scale(1);opacity:.6}to{transform:translate3d(2%,2%,0) scale(1.03);opacity:1}}
html[data-rd-motion=still] main#main::after{animation:none;transform:none;opacity:.75}
@media(prefers-reduced-motion:reduce){html[data-rd-scene] main#main::after{animation:none;transform:none}}
@media(max-width:600px){html[data-rd-scene] main#main::before{max-height:1000px}html[data-rd-scene] main#main::after{height:650px}html[data-rd-scene=grid] main#main::before{background-size:100% 100%,56px 56px,56px 56px}}
