.world{
  isolation:isolate;
  transform-origin:center;
}

.world.world-travelling{
  z-index:10;
}

.world .node:focus-visible{
  outline:2px solid #7fe3d4;
  outline-offset:4px;
}

.world .node:focus-visible .ring{
  opacity:.9;
}

.world-skip-travel{
  position:absolute;
  left:50%;
  bottom:44px;
  z-index:30;
  transform:translateX(-50%);
  border:1px solid rgba(127,227,212,.55);
  border-radius:999px;
  padding:8px 14px;
  color:#f1e8d4;
  background:rgba(5,20,19,.92);
  font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.45);
}

.world-skip-travel:hover,
.world-skip-travel:focus-visible{
  color:#7fe3d4;
  border-color:#7fe3d4;
  outline:none;
}

.world-skip-travel:disabled{
  opacity:.6;
  cursor:default;
}

@media (prefers-reduced-motion:reduce), (prefers-reduced-data:reduce){
  .world .mote,
  .world #motes{
    display:none!important;
  }
  .world .bg{
    transform:none!important;
  }
  .world-spore-glow,
  .world-spore{
    display:none!important;
  }
  .world .marker,
  .world .marker img,
  .world .node.open,
  .world .node.boss.open .lm{
    animation:none!important;
    transition:none!important;
  }
}

body.low-power .world .mote,
body.low-power .world #motes{
  display:none!important;
}

body.low-power .world .bg{
  transform:none!important;
}

body.low-power .world-spore-glow,
body.low-power .world-spore{
  display:none!important;
}

body.low-power .world .marker,
body.low-power .world .marker img,
body.low-power .world .node.open,
body.low-power .world .node.boss.open .lm{
  animation:none!important;
  transition:none!important;
}
