.pi-atm{background:radial-gradient(70% 60% at 25% 80%, var(--pi-c) 0%, transparent 62%), radial-gradient(50% 45% at 85% 15%, color-mix(in oklch, var(--pi-c) 55%, transparent) 0%, transparent 60%), #000;opacity:.85;animation:18s ease-in-out infinite alternate pi-drift;position:absolute;inset:0}.pi-atm:after{content:"";opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.pi-vig{pointer-events:none;background:linear-gradient(#0000 20%,#00000059 55%,#000000eb 100%);position:absolute;inset:0}@keyframes pi-drift{0%{filter:saturate();background-position:0 0,0 0,0 0}to{filter:saturate(1.15);background-position:6% -4%,-5% 6%,0 0}}.pi-panel{--pi-fade-h:clamp(120px, 18svh, 200px);background:linear-gradient(to bottom, var(--background) 0, #000 var(--pi-fade-h), #000 calc(100% - var(--pi-fade-h)), var(--background) 100%)}.pi-fade{height:var(--pi-fade-h);pointer-events:none;position:absolute;left:0;right:0}.pi-fade-top{background:linear-gradient(to bottom, var(--background) 0%, transparent 100%);top:0}.pi-fade-bottom{background:linear-gradient(to top, var(--background) 0%, transparent 100%);bottom:0}.pi-stage{opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.23,1,.32,1)}.pi-stage[data-active=true]{opacity:1;pointer-events:auto}.pi-dialog{animation:.5s cubic-bezier(.23,1,.32,1) pi-fade}@keyframes pi-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.pi-atm,.pi-dialog{animation:none}}