.aqpl{--pz:230px;position:relative;width:440px;height:440px;max-width:100%;pointer-events:none}
.aqpl-stars{position:absolute;inset:-10%}
.aqpl-stars i{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:#F3EEE2;opacity:.25;animation:aqplTw var(--d) ease-in-out infinite alternate}
@keyframes aqplTw{to{opacity:.95}}
.aqpl-glow{position:absolute;left:50%;top:50%;width:calc(var(--pz)*1.9);height:calc(var(--pz)*1.9);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(201,162,77,.22) 0,rgba(74,22,70,.28) 38%,rgba(12,10,34,0) 68%)}
.aqpl-tilt{position:absolute;left:50%;top:50%;width:var(--pz);height:var(--pz);transform:translate(-50%,-50%) rotate(-18deg)}
.aqpl-ball{position:absolute;inset:0;border-radius:50%;overflow:hidden;z-index:2;box-shadow:0 0 60px rgba(201,162,77,.25)}
.aqpl-surface{position:absolute;inset:0;border-radius:50%;
background:
radial-gradient(ellipse 34px 15px at 30% 64%,rgba(120,46,92,.85),rgba(120,46,92,0) 70%),
radial-gradient(ellipse 20px 8px at 78% 38%,rgba(250,236,200,.7),rgba(250,236,200,0) 70%),
radial-gradient(ellipse 46px 10px at 55% 24%,rgba(107,63,110,.55),rgba(107,63,110,0) 70%),
linear-gradient(180deg,#F6E7BF 0%,#E8CF95 9%,#C99A5E 15%,#EAD3A0 22%,#B07A6E 29%,#E6C88E 35%,#F2DFB0 43%,#9C6386 50%,#7A4A78 53%,#D9B477 58%,#F0DDAE 66%,#C59660 73%,#E9D19C 80%,#8E5A7E 86%,#D3AE74 92%,#B8875A 100%);
background-size:var(--pz) 100%,calc(var(--pz)*1.3) 100%,calc(var(--pz)*.9) 100%,100% 100%;
background-repeat:repeat-x;
animation:aqplSpin 26s linear infinite}
@keyframes aqplSpin{to{background-position:calc(var(--pz)*-2) 0,calc(var(--pz)*-2.6) 0,calc(var(--pz)*-1.8) 0,0 0}}
.aqpl-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,250,235,.4) 0,rgba(255,250,235,0) 38%),radial-gradient(circle at 40% 38%,rgba(8,6,24,0) 45%,rgba(8,6,24,.92) 92%);box-shadow:inset -22px -14px 40px rgba(8,6,24,.75),inset 6px 4px 18px rgba(255,240,210,.15)}
.aqpl-ring{position:absolute;left:50%;top:50%;width:calc(var(--pz)*1.95);height:calc(var(--pz)*.44);transform:translate(-50%,-50%);border-radius:50%;
background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0 52%,rgba(236,208,138,.55) 53%,rgba(201,162,77,.85) 58%,rgba(236,208,138,.25) 61%,rgba(201,162,77,.7) 64%,rgba(179,106,166,.45) 69%,rgba(236,208,138,.5) 72%,rgba(0,0,0,0) 73%)}
.aqpl-ring--back{z-index:1;clip-path:inset(0 0 50% 0)}
.aqpl-ring--front{z-index:3;clip-path:inset(50% 0 0 0)}
.aqpl-orbit{position:absolute;left:50%;top:50%;width:calc(var(--pz)*1.7);height:calc(var(--pz)*1.7);margin:calc(var(--pz)*-.85) 0 0 calc(var(--pz)*-.85);border-radius:50%;border:1px dashed rgba(201,162,77,.18);animation:aqplOrbit 40s linear infinite}
.aqpl-moon{position:absolute;left:50%;top:-9px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF6DF,#C9B79A 55%,#5E5370);box-shadow:0 0 12px rgba(236,208,138,.5)}
@keyframes aqplOrbit{to{transform:rotate(360deg)}}
@media (max-width:767px){.aqpl{--pz:150px;width:290px;height:290px}}
@media (prefers-reduced-motion:reduce){.aqpl-surface,.aqpl-orbit,.aqpl-stars i{animation:none}}