/* The Business rooftop in three dimensions. It wears the dashboard of the pilot house (maison3d.css);
   only what differs is written here. */
.scene{background:radial-gradient(120% 90% at 50% 38%,#1b2140 0,#0d1122 55%,#06080e 100%)}
.scene.day{background:radial-gradient(120% 90% at 50% 34%,#d6e6f6 0,#a4bedb 58%,#7c97b8 100%)}
[hidden]{display:none!important}
.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:10px 18px;border-radius:99px;background:rgba(14,19,28,.8);border:1px solid rgba(255,255,255,.1);color:var(--soft);font-size:12px;white-space:nowrap;transition:opacity .5s;pointer-events:none}
.loading.gone{opacity:0}
.loading.failed{color:#ffd9d2;border-color:var(--alert)}
.who{right:132px}
.tag.zone{background:rgba(10,14,22,.72);border-color:rgba(255,255,255,.22);font-weight:500;color:#dbe4f2}
.tag.staff{border-color:rgba(255,217,138,.6)}
.lights i.violet{background:radial-gradient(circle at 35% 30%,#aab2be,#667080)}
.lights [aria-pressed=true] i.violet{background:radial-gradient(circle at 40% 35%,#fff,#d9c6ff 55%,#9b6bff);box-shadow:0 0 9px 2px #9b6bffcc}
.lights [aria-pressed=true] i.teal{background:radial-gradient(circle at 40% 35%,#fff,#b9ffe9 55%,#2fd8a8);box-shadow:0 0 9px 2px #2fd8a8cc}
.lights [aria-pressed=true] i.orange{background:radial-gradient(circle at 40% 35%,#fff,#ffd0a0 55%,#ff8a3c);box-shadow:0 0 9px 2px #ff8a3ccc}
@media(max-width:700px){.who{right:auto}}
@media(prefers-reduced-motion:reduce){.loading{transition:none}}