/* The penthouse 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% 36%,#1d2038 0,#0e1020 55%,#06070d 100%)}
.scene.day{background:radial-gradient(120% 90% at 50% 34%,#d9e7f5 0,#a9c1dc 58%,#8099b9 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)}
/* five storeys in the switch, and the kind of view in a second one at the foot of the scene */
.storeys button{padding:7px 12px}
.views{top:auto;bottom:max(16px,env(safe-area-inset-bottom))}
.inside{top:calc(max(16px,env(safe-area-inset-top)) + 80px);border-color:rgba(184,217,255,.45);color:var(--accent)}
.tag.zone{background:rgba(10,14,22,.72);border-color:rgba(255,255,255,.22);font-weight:500;color:#dbe4f2}
.tag.gear{font-size:10px;padding:3px 9px;background:rgba(12,16,26,.84);border-color:rgba(255,217,138,.5);color:#f3ead6}
.tag.staff{border-color:rgba(255,217,138,.6)}
.lights [aria-pressed=true] i.orange{background:radial-gradient(circle at 40% 35%,#fff,#ffd0a0 55%,#ff8a3c);box-shadow:0 0 9px 2px #ff8a3ccc}
/* on foot the walls stand right behind the header: a shade keeps it readable; the hint wears its own ground */
.scene.afoot .top{padding-bottom:30px;background:linear-gradient(rgba(8,10,18,.52),rgba(8,10,18,0))}
.scene.afoot .status{color:var(--soft)}
.scene.afoot .mark{color:var(--ink)}
.hint{padding:7px 14px;border-radius:16px;background:rgba(14,19,28,.7);border:1px solid rgba(255,255,255,.08)}
.scene.day .hint{color:var(--soft)}
.rooms{display:flex;flex-wrap:wrap;gap:6px}
.rooms button{padding:6px 11px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--soft);font-size:11px;transition:border-color .2s,color .2s}
.rooms button:hover{color:var(--ink);border-color:#2b3a52}
.rooms button[aria-pressed=true]{color:var(--ink);border-color:#7fa9d8;background:var(--card2)}
.rooms p{margin:0;color:#647084;font-size:11px}
@media(max-width:700px){.storeys button{padding:7px 9px;font-size:11px}.views{bottom:34px}.hint{max-width:calc(100% - 150px);left:16px;transform:none;text-align:left}}
@media(prefers-reduced-motion:reduce){.loading{transition:none}}
.only-scene .views{bottom:max(16px,env(safe-area-inset-bottom))}