.scene{position:absolute;inset:0;background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 62%,#7A1B1B 100%);transition:background .8s}
.scene.night{background:linear-gradient(180deg,#020104 0%,#150A22 60%,#35102A 100%)}
.scene.games{background:linear-gradient(180deg,#2A0A12 0%,#5A1020 70%,#1A0B1F 100%)}
.scene.chat{background:linear-gradient(180deg,#0E0B24 0%,#2A1848 65%,#170F25 100%)}
.sun{position:absolute;right:30px;top:168px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FF5A4A,#B10E24 60%,#6E0717);box-shadow:0 0 0 12px rgba(224,36,58,.14),0 0 60px rgba(224,36,58,.55);transition:.8s}
.scene.night .sun{background:#E9E2CF;box-shadow:inset -14px -6px 0 #8F8672,0 0 50px rgba(233,226,207,.35)}
.cloud{position:absolute;height:26px;border-radius:20px;background:rgba(70,45,80,.6);animation:drift 40s linear infinite}
.cloud::before,.cloud::after{content:"";position:absolute;background:inherit;border-radius:50%}
.cloud::before{width:34px;height:34px;left:14px;top:-16px}.cloud::after{width:26px;height:26px;left:38px;top:-10px}
.scene.night .cloud{opacity:.5}
@keyframes drift{from{transform:translateX(-120px)}to{transform:translateX(520px)}}
.isle{position:absolute;left:50%;bottom:calc(150px + var(--sab));width:340px;height:96px;margin-left:-170px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,var(--grass) 0 55%,var(--grass2) 56% 100%)}
.scene.night .isle{filter:brightness(.6)}
.stars{position:absolute;inset:0;pointer-events:none}
.stars i{position:absolute;border-radius:50%;background:#fff;animation:tw 3s ease-in-out infinite}