/* stairs shortcut ------------------------------------------------------ */
#choose {
  position: fixed; left: 50%; bottom: 34px; transform: translate(-50%, 10px);
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 14px 16px 16px; border-radius: 16px;
  background: linear-gradient(168deg, rgba(16,19,26,.34), rgba(16,19,26,.50));
  border: 1px solid rgba(246,239,228,.16);
  opacity: 0; visibility: hidden;
  transition: opacity .35s ease, transform .35s ease, visibility .35s;
}
#choose.show { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
#choose h2 {
  margin: 0; font-size: 11px; font-weight: 500; letter-spacing: .2em;
  text-transform: uppercase; opacity: .55;
}
#chooseList { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
#chooseList .dest {
  display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
  min-width: 132px; padding: 10px 16px; border-radius: 11px; cursor: pointer;
  font: inherit; color: var(--ink); text-align: left; border: none;
  background: linear-gradient(170deg, rgba(255,255,255,.20), rgba(255,255,255,.08));
  box-shadow:
    0 1px 3px rgba(0,0,0,.16),
    inset 0 1px 1px rgba(255,255,255,.40),
    inset 0 0 0 1px rgba(255,255,255,.16);
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}
#chooseList .dest:hover {
  background: linear-gradient(170deg, rgba(255,201,138,.34), rgba(255,201,138,.16));
  box-shadow:
    0 2px 6px rgba(0,0,0,.2),
    inset 0 1px 1px rgba(255,255,255,.5),
    inset 0 0 0 1px rgba(255,201,138,.55);
  transform: translateY(-1px);
}
#chooseList .dest b { font-size: 14px; font-weight: 600; }
#chooseList .dest span { font-size: 11.5px; opacity: .55; letter-spacing: .04em; }