body.night-sky{background-color:#101a3c;background-image:radial-gradient(1.5px 1.5px at 12% 18%,hsla(0,0%,100%,.9) 50%,transparent 55%),radial-gradient(1.5px 1.5px at 78% 9%,hsla(0,0%,100%,.85) 50%,transparent 55%),radial-gradient(1px 1px at 40% 30%,hsla(0,0%,100%,.7) 50%,transparent 55%),radial-gradient(1.5px 1.5px at 90% 42%,hsla(0,0%,100%,.8) 50%,transparent 55%),radial-gradient(1px 1px at 22% 56%,hsla(0,0%,100%,.6) 50%,transparent 55%),radial-gradient(2px 2px at 64% 66%,hsla(0,0%,100%,.9) 50%,transparent 55%),radial-gradient(1px 1px at 8% 80%,hsla(0,0%,100%,.6) 50%,transparent 55%),radial-gradient(1.5px 1.5px at 50% 88%,hsla(0,0%,100%,.8) 50%,transparent 55%),radial-gradient(1px 1px at 84% 78%,hsla(0,0%,100%,.6) 50%,transparent 55%),radial-gradient(1px 1px at 32% 8%,hsla(0,0%,100%,.5) 50%,transparent 55%),linear-gradient(180deg,#0b1230,#182559 60%,#27397a);background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;background-attachment:fixed}.night-sky .guardian-title{color:#fff;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.35)}.night-sky .app-footer,.night-sky .guardian-title small,.night-sky .night-note{color:#c9d6ff}.night-sky .ghost-btn.on-night{color:#fff;border-color:#c9d6ff}.role-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;font-size:30px;flex:none;border:3px solid var(--border)}