html{background:var(--bg) no-repeat;background-image:
radial-gradient(900px 420px at 12% -8%, rgba(109,79,224,.28), rgba(109,79,224,0) 62%),radial-gradient(700px 380px at 88% 2%, rgba(218,125,155,.13), rgba(218,125,155,0) 60%);}
body{background:transparent}
.bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bgfx .fx{display:none;position:absolute;inset:0}
html[data-bg="stars"]  .fx-stars,html[data-bg="aurora"] .fx-aurora,html[data-bg="grid"]   .fx-grid,html[data-bg="dust"]   .fx-dust,html[data-bg="blood"]  .fx-blood{display:block}
.fx-stars i{position:absolute;left:0;right:0;top:0;height:200%;display:block;background-repeat:repeat;will-change:transform;animation:st-drift linear infinite;}
@keyframes st-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
.fx-stars i:nth-child(1){background-size:400px 400px;animation-duration:260s;background-image:
radial-gradient(1px 1px at 34px 18px,   rgba(255,255,255,.55), rgba(255,255,255,0)),radial-gradient(1px 1px at 128px 64px,  rgba(255,255,255,.45), rgba(255,255,255,0)),radial-gradient(1px 1px at 210px 22px,  rgba(255,255,255,.60), rgba(255,255,255,0)),radial-gradient(1px 1px at 306px 96px,  rgba(255,255,255,.40), rgba(255,255,255,0)),radial-gradient(1px 1px at 72px 150px,  rgba(255,255,255,.55), rgba(255,255,255,0)),radial-gradient(1px 1px at 188px 196px, rgba(255,255,255,.35), rgba(255,255,255,0)),radial-gradient(1px 1px at 352px 168px, rgba(255,255,255,.50), rgba(255,255,255,0)),radial-gradient(1px 1px at 24px 268px,  rgba(255,255,255,.45), rgba(255,255,255,0)),radial-gradient(1px 1px at 140px 312px, rgba(255,255,255,.55), rgba(255,255,255,0)),radial-gradient(1px 1px at 256px 282px, rgba(255,255,255,.35), rgba(255,255,255,0)),radial-gradient(1px 1px at 330px 356px, rgba(255,255,255,.50), rgba(255,255,255,0)),radial-gradient(1px 1px at 96px 378px,  rgba(255,255,255,.40), rgba(255,255,255,0)),radial-gradient(1px 1px at 390px 240px, rgba(255,255,255,.45), rgba(255,255,255,0)),radial-gradient(1px 1px at 12px 110px,  rgba(255,255,255,.35), rgba(255,255,255,0));}
.fx-stars i:nth-child(2){background-size:320px 320px;animation-duration:170s;background-image:
radial-gradient(1.4px 1.4px at 48px 26px,   rgba(255,255,255,.75), rgba(255,255,255,0)),radial-gradient(1.4px 1.4px at 150px 88px,  rgba(200,190,255,.65), rgba(200,190,255,0)),radial-gradient(1.4px 1.4px at 262px 40px,  rgba(255,255,255,.60), rgba(255,255,255,0)),radial-gradient(1.4px 1.4px at 96px 178px,  rgba(255,255,255,.70), rgba(255,255,255,0)),radial-gradient(1.4px 1.4px at 206px 220px, rgba(255,255,255,.55), rgba(255,255,255,0)),radial-gradient(1.4px 1.4px at 300px 150px, rgba(232,200,215,.60), rgba(232,200,215,0)),radial-gradient(1.4px 1.4px at 32px 262px,  rgba(255,255,255,.65), rgba(255,255,255,0)),radial-gradient(1.4px 1.4px at 176px 300px, rgba(255,255,255,.55), rgba(255,255,255,0)),radial-gradient(1.4px 1.4px at 270px 290px, rgba(255,255,255,.70), rgba(255,255,255,0)),radial-gradient(1.4px 1.4px at 128px 10px,  rgba(255,255,255,.50), rgba(255,255,255,0));}
.fx-stars i:nth-child(3){background-size:520px 520px;animation-duration:95s;background-image:
radial-gradient(2px 2px at 70px 60px,   rgba(255,255,255,.95), rgba(255,255,255,0)),radial-gradient(2px 2px at 300px 140px, rgba(190,175,255,.85), rgba(190,175,255,0)),radial-gradient(2px 2px at 450px 300px, rgba(255,255,255,.90), rgba(255,255,255,0)),radial-gradient(2px 2px at 160px 380px, rgba(255,255,255,.80), rgba(255,255,255,0)),radial-gradient(2px 2px at 380px 470px, rgba(235,195,212,.85), rgba(235,195,212,0)),radial-gradient(2px 2px at 500px 80px,  rgba(255,255,255,.85), rgba(255,255,255,0));}
.fx-stars i:nth-child(3)::after{content:"";position:absolute;inset:0;animation:st-twinkle 7s ease-in-out infinite}
@keyframes st-twinkle{0%,100%{opacity:1}50%{opacity:.72}}
.fx-stars b{position:absolute;top:-40px;left:78%;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px rgba(255,255,255,.55);opacity:0;animation:st-shoot 17s linear infinite;}
.fx-stars b::before{content:"";position:absolute;right:1px;top:0;width:120px;height:1px;transform-origin:right center;transform:rotate(-48deg);background:linear-gradient(to left, rgba(255,255,255,.55), rgba(255,255,255,0));}
@keyframes st-shoot{0%{opacity:0;transform:translate3d(0,0,0)}
1.5%{opacity:1}
9%{opacity:0;transform:translate3d(-520px,580px,0)}
100%{opacity:0;transform:translate3d(-520px,580px,0)}}
.fx-aurora i{position:absolute;display:block;will-change:transform}
.fx-aurora i:nth-child(1){width:78vw;height:78vw;left:-18vw;top:-30vw;background:radial-gradient(circle, rgba(109,79,224,.30), rgba(109,79,224,0) 62%);animation:au-a 46s ease-in-out infinite alternate;}
.fx-aurora i:nth-child(2){width:70vw;height:70vw;right:-20vw;top:-14vw;background:radial-gradient(circle, rgba(218,125,155,.20), rgba(218,125,155,0) 62%);animation:au-b 58s ease-in-out infinite alternate;}
.fx-aurora i:nth-child(3){width:64vw;height:64vw;left:22vw;bottom:-34vw;background:radial-gradient(circle, rgba(61,220,132,.13), rgba(61,220,132,0) 62%);animation:au-c 52s ease-in-out infinite alternate;}
@keyframes au-a{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(14vw,10vh,0) scale(1.18)}}
@keyframes au-b{from{transform:translate3d(0,0,0) scale(1.1)}to{transform:translate3d(-12vw,14vh,0) scale(.92)}}
@keyframes au-c{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-16vw,-12vh,0) scale(1.22)}}
.fx-grid{perspective:320px;perspective-origin:50% 100%}
.fx-grid i{position:absolute;left:-60%;right:-60%;bottom:-6%;height:220%;transform-origin:50% 100%;will-change:transform;background-image:
linear-gradient(rgba(139,107,255,.34) 1px, rgba(139,107,255,0) 1px),linear-gradient(90deg, rgba(139,107,255,.26) 1px, rgba(139,107,255,0) 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to top, #000 8%, transparent 62%);mask-image:linear-gradient(to top, #000 8%, transparent 62%);animation:gr-move 3.4s linear infinite;}
@keyframes gr-move{from{transform:rotateX(74deg) translate3d(0,0,0)}
to  {transform:rotateX(74deg) translate3d(0,72px,0)}}
.fx-grid u{position:absolute;left:0;right:0;top:34%;height:44%;background:radial-gradient(58% 100% at 50% 100%, rgba(139,107,255,.22), rgba(139,107,255,0) 72%);animation:gr-glow 9s ease-in-out infinite;}
@keyframes gr-glow{0%,100%{opacity:.75}50%{opacity:1}}
.fx-dust i{position:absolute;left:0;right:0;top:0;height:200%;display:block;background-repeat:repeat;will-change:transform;animation:du-up linear infinite;}
@keyframes du-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
.fx-dust i:nth-child(1){background-size:340px 340px;animation-duration:34s;background-image:
radial-gradient(3px 3px at 40px 30px,   rgba(180,150,255,.42), rgba(180,150,255,0)),radial-gradient(2px 2px at 150px 110px, rgba(255,220,180,.36), rgba(255,220,180,0)),radial-gradient(3px 3px at 262px 58px,  rgba(200,170,255,.34), rgba(200,170,255,0)),radial-gradient(2px 2px at 92px 210px,  rgba(255,200,220,.32), rgba(255,200,220,0)),radial-gradient(3px 3px at 220px 250px, rgba(180,150,255,.38), rgba(180,150,255,0)),radial-gradient(2px 2px at 310px 180px, rgba(255,225,190,.30), rgba(255,225,190,0)),radial-gradient(3px 3px at 20px 300px,  rgba(200,170,255,.34), rgba(200,170,255,0));}
.fx-dust i:nth-child(2){background-size:500px 500px;animation-duration:19s;background-image:
radial-gradient(4px 4px at 90px 70px,   rgba(190,160,255,.30), rgba(190,160,255,0)),radial-gradient(4px 4px at 330px 190px, rgba(255,210,170,.26), rgba(255,210,170,0)),radial-gradient(4px 4px at 190px 380px, rgba(220,180,255,.28), rgba(220,180,255,0)),radial-gradient(4px 4px at 440px 430px, rgba(255,190,210,.24), rgba(255,190,210,0));}
.fx-blood{background:radial-gradient(72% 28% at 50% 0, rgba(150,20,35,.16), rgba(150,20,35,0) 72%)}
.fx-blood u{position:absolute;left:0;right:0;top:0;height:56px;display:block;background:
radial-gradient(11px 13px at 23px 0, rgba(122,11,24,.80) 99%, rgba(122,11,24,0) 100%) repeat-x 0 100%/46px 13px,linear-gradient(rgba(84,6,15,.92), rgba(122,11,24,.72)) no-repeat 0 0/100% 43px;}
.fx-blood i{position:absolute;top:38px;width:5px;border-radius:0 0 7px 7px;transform-origin:top center;background:linear-gradient(rgba(122,11,24,.88), rgba(122,11,24,.30));animation:bl-drip ease-in-out infinite;}
@keyframes bl-drip{0%{transform:scaleY(.08)}
40%{transform:scaleY(1)}
72%{transform:scaleY(.94)}
100%{transform:scaleY(.08)}}
.fx-blood i:nth-of-type(1){left:6%;  width:6px;height:180px;animation-duration:34s;animation-delay:-4s}
.fx-blood i:nth-of-type(2){left:17%; width:4px;height:110px;animation-duration:27s;animation-delay:-12s}
.fx-blood i:nth-of-type(3){left:29%; width:7px;height:240px;animation-duration:41s;animation-delay:-22s}
.fx-blood i:nth-of-type(4){left:41%; width:4px;height:90px; animation-duration:23s;animation-delay:-7s}
.fx-blood i:nth-of-type(5){left:56%; width:6px;height:200px;animation-duration:37s;animation-delay:-17s}
.fx-blood i:nth-of-type(6){left:68%; width:5px;height:140px;animation-duration:30s;animation-delay:-2s}
.fx-blood i:nth-of-type(7){left:79%; width:4px;height:96px; animation-duration:25s;animation-delay:-19s}
.fx-blood i:nth-of-type(8){left:91%; width:6px;height:210px;animation-duration:39s;animation-delay:-9s}
.fx-blood b{position:absolute;width:6px;height:9px;border-radius:50% 50% 62% 62%;background:rgba(122,11,24,.85);opacity:0;animation:bl-drop linear infinite;}
@keyframes bl-drop{0%,58%{opacity:0;transform:translate3d(0,0,0)}
60%{opacity:.9}
86%{opacity:0;transform:translate3d(0,86vh,0)}
100%{opacity:0;transform:translate3d(0,86vh,0)}}
.fx-blood b:nth-of-type(1){left:29%;top:250px;animation-duration:41s;animation-delay:-22s}
.fx-blood b:nth-of-type(2){left:56%;top:210px;animation-duration:37s;animation-delay:-17s}
.fx-blood b:nth-of-type(3){left:91%;top:220px;animation-duration:39s;animation-delay:-9s}
.bgpick{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:22px 0 0;padding-top:18px;border-top:.8px solid var(--line)}
.bgpick span{font-size:12.5px;color:var(--muted-2);margin-right:4px}
.bgpick button{padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--muted);border:.8px solid var(--line);transition:.15s}
.bgpick button:hover{color:var(--text);background:rgba(255,255,255,.06)}
.bgpick button.on{color:var(--text);background:rgba(255,255,255,.09);border-color:var(--line-2)}
@media (max-width:640px){.fx-stars i:nth-child(1),.fx-stars b,.fx-dust i:nth-child(2){display:none}
.fx-blood i:nth-of-type(2),.fx-blood i:nth-of-type(4),.fx-blood i:nth-of-type(7){display:none}}
@media (prefers-reduced-motion:reduce){.fx-stars i,.fx-stars i:nth-child(3)::after,.fx-aurora i,.fx-grid i,.fx-grid u,.fx-dust i,.fx-blood i{animation:none}
.fx-blood i{transform:scaleY(1)}
.fx-blood b{display:none}
.fx-stars b{display:none}}