/* The clean plate and each transparent atlas are clipped to that operator's chair. */
.observatory-picture .observatory-clean-source[hidden],
.observatory-picture .observatory-turn-source[hidden]{display:none!important}
.observatory-apu-chair{
  position:absolute;z-index:2;left:var(--chair-left);top:var(--chair-top);
  width:var(--chair-width);height:var(--chair-height);padding:0;margin:0;
  border:0;border-radius:18%;background:transparent;color:var(--chair-color);
  appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
  cursor:pointer;outline-offset:3px;isolation:isolate;
}
.observatory-apu-chair[hidden]{display:none!important}
.observatory-apu-chair::before{content:"";position:absolute;inset:-5px;z-index:1}
.observatory-apu-chair:hover{border:0;background:transparent}
.observatory-apu-chair:focus-visible{outline:1px solid var(--chair-color);box-shadow:0 0 18px #0007}
.observatory-apu-chair-plate,.observatory-apu-chair-sprite{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat}
.observatory-apu-chair-plate{
  background-image:var(--apu-clean-art);
  background-size:var(--chair-scene-size);background-position:var(--chair-scene-position);
  mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 96%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 4%,#000 98%,transparent 100%);
  mask-composite:intersect;
}
.observatory-apu-chair-sprite{background-image:var(--apu-turn-art);background-size:500% 500%;background-position:0% 0%}
@media(max-width:900px){.observatory-apu-chair::before{inset:-7px}}
