/* One destination rail; all destinations stay available through its Worlds sheet. */
#game>#region-nav.destination-dock{
  position:absolute;display:flex!important;flex-direction:column;align-items:stretch;
  top:var(--destination-top,250px);right:var(--hud-edge,16px);left:auto;bottom:auto;
  width:76px;max-height:var(--destination-space,410px);height:auto;padding:5px 4px;gap:3px;
  z-index:9;border:1px solid #43779699;border-radius:19px;overflow:visible;
  background:linear-gradient(150deg,#15374aeF,#0b2038f2);box-shadow:0 6px 20px #04142866,inset 0 1px #bce8ff14;
}
#game>#region-nav.destination-dock[hidden]{display:none!important}
#game>#region-nav.destination-dock button{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;
  min-width:0;min-height:60px;width:100%;height:60px;padding:4px 2px;gap:4px;
  border:1px solid transparent;border-radius:14px;background:transparent;color:#c8dfea;text-align:center;
  transform-origin:85% 50%;transition:transform 170ms ease,background 170ms ease,color 170ms ease;cursor:pointer;
}
#game>#region-nav.destination-dock .destination-icon{position:relative;display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px}
#game>#region-nav.destination-dock .region-orb{width:30px;height:30px;margin:0;box-shadow:inset -5px -3px 7px #051425b0,0 1px 4px #020d2599}
#game>#region-nav.destination-dock .destination-name{font-size:10px;font-weight:750;line-height:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#game>#region-nav.destination-dock button.active{color:#f1ffff;background:linear-gradient(145deg,#275166a0,#15314c70);border-color:#52e2c144;box-shadow:none}
#game>#region-nav.destination-dock button.active .destination-icon::after{content:'';position:absolute;inset:-2px;border:2px solid #64efd0;border-radius:50%;box-shadow:0 0 10px #59ffd644,inset 0 0 6px #59ffd622}
#game>#region-nav.destination-dock .locked .region-orb{filter:grayscale(1);opacity:.55}
#game>#region-nav.destination-dock .locked .destination-name{color:#92a9ba}
.destination-lock{position:absolute;right:-1px;bottom:-1px;display:grid;place-items:center;width:12px;height:12px;border-radius:4px;background:#172d44;color:#b4c6d5;font-size:12px;line-height:1}
#game>#region-nav.destination-dock .destination-more{height:40px;min-height:40px;gap:0;border-top:1px solid #82bfd02a;border-radius:0 0 11px 11px}
#game>#region-nav.destination-dock .destination-more>span:first-child{font-size:17px;letter-spacing:2px;height:19px;line-height:17px;color:#b7edf2}
#game>#region-nav.destination-dock .destination-more>span:last-child{font-size:9px;line-height:12px}
#game>#region-nav.destination-dock button:focus-visible{outline:2px solid #99f7f1;outline-offset:2px;background:#24516b;z-index:3}
/* Existing art vocabulary, with extra readable surface detail at dock size. */
.destination-dock .region-orb.earth{background:radial-gradient(ellipse at 28% 30%,#c9ece2 0 9%,transparent 10%),radial-gradient(ellipse at 64% 53%,#7bc096 0 17%,transparent 18%),radial-gradient(ellipse at 40% 29%,#6dbb96 0 24%,transparent 25%),radial-gradient(circle at 32% 25%,#6dcaff,#2884cb 56%,#154467)}
.destination-dock .region-orb.orbit{background:radial-gradient(circle at 36% 36%,#b4f3ff 0 6%,#73a9d5 8% 25%,#122f50 28% 41%,#73c7df 43% 46%,#193349 49% 63%,#70c6dd 65% 68%,#102840 72%)}
@media(hover:hover) and (pointer:fine){
  #game>#region-nav.destination-dock button:hover{transform:translateX(-6px) scale(1.17);background:#23475eef;color:#fff;z-index:3;box-shadow:0 4px 12px #00172870}
  #game>#region-nav.destination-dock button:has(+button:hover),#game>#region-nav.destination-dock button:hover+button{transform:translateX(-2px) scale(1.045);z-index:2}
}
@media(max-width:800px),(pointer:coarse) and (max-height:500px){
  #game>#region-nav.destination-dock{right:10px;width:59px;padding:4px 3px;gap:1px;border-radius:15px}
  #game>#region-nav.destination-dock button{height:53px;min-height:53px;padding:3px 0;gap:2px;border-radius:11px}
  #game>#region-nav.destination-dock .destination-icon{width:29px;height:29px;flex-basis:29px}
  #game>#region-nav.destination-dock .region-orb{width:25px;height:25px}
  #game>#region-nav.destination-dock .destination-name{font-size:9px;line-height:12px}
  #game>#region-nav.destination-dock .destination-more{height:40px;min-height:40px}
  .mobile-context-row .mobile-world{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  #game>#region-nav.destination-dock button{transition:none}
  #game>#region-nav.destination-dock button:hover,#game>#region-nav.destination-dock button:has(+button:hover),#game>#region-nav.destination-dock button:hover+button{transform:none}
}