/* Day / Night switch for the baked light (engine/lightmap.js): a sun and a moon, beside "Drone view" in the tour and
   with the furniture switches at the top right in the drone view. */
.wt-lm-own { position: absolute; left: 16px; bottom: 14px; z-index: 3; display: flex; gap: 8px; } /* no drone view to sit beside */
.wt-lm {
  display: inline-flex; align-items: center; gap: 2px; height: 38px; padding: 3px; border: 1px solid var(--line);
  border-radius: var(--pill); background: rgba(255, 255, 255, 0.94); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
}
.wt-lm button {
  display: grid; place-items: center; width: 40px; height: 100%; padding: 0; border: 0; border-radius: var(--pill);
  background: none; color: var(--ink); cursor: pointer;
}
.wt-lm svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; }
.wt-lm button[data-m="day"] svg circle { fill: currentColor; stroke: none; }
.wt-lm button[data-m="night"] svg path { fill: currentColor; stroke: none; }
.wt-lm button.on { background: var(--ink); color: #fff; }
.wt-lm button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.wt-furn .wt-lm { border-color: var(--ink); box-shadow: none; }
.rec .wt-lm { display: none; }
/* at night the drone view's bottom bar fades to the night sky, not to white */
.wt-night .wt-drone-bar { background: linear-gradient(180deg, transparent, rgba(14, 20, 36, 0.95) 40%); }
.wt-night .wt-drone-hint { color: #aeb6c8; }
.wt-night .wt-drone-exit { border-color: #fff; }
/* Walk around at night: its bottom bar fades to the night sky too */
.wt-night .wt-explore-bar { background: linear-gradient(180deg, transparent, rgba(14, 20, 36, 0.95) 45%); }
.wt-night .wt-explore-hint { color: #aeb6c8; }
.wt-night .wt-explore-exit { border-color: #fff; }