/* DISO World navbar: the disorderly parent bar from ../styles.css (.nav, .brand, .nav-links, .nav-burger, 67px),
   plus the three pieces Afterflow and Afterimage add to it, copied value for value from their nav.css:
   the centred header note with the site's mark, the Connect wallet button and the back link. */
.nav .header-note { position: absolute; left: 50%; transform: translateX(-50%); font-size: 12px; line-height: normal; white-space: nowrap;
  font-family: Consolas, 'Courier New', monospace; letter-spacing: 1.2px; color: var(--muted); }
.nav .lab-note { display: inline-flex; align-items: center; gap: .6rem; }
.nav .lab-note img { width: 22px; height: 22px; border-radius: 5px; flex-shrink: 0; }
.nav-connect { position: relative; display: inline-flex; align-items: center; gap: .6rem; font-family: 'Chakra Petch', system-ui, sans-serif; font-weight: 600;
  font-size: .78rem; letter-spacing: .1em; line-height: 1.65; text-transform: uppercase; padding: .5rem 1rem; background: transparent; color: #00ffa3;
  border: 1px solid #00ffa3; box-shadow: inset 0 0 24px -14px #00ffa3; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  cursor: pointer; text-decoration: none; transition: transform .12s, box-shadow .18s, filter .18s; white-space: nowrap; }
.nav .nav-connect:hover { color: #00ffa3; }
.nav-connect:hover { background: rgba(0, 255, 163, .08); filter: brightness(1.12); box-shadow: 0 0 38px -6px #00ffa3; transform: translateY(-1px); }
.nav-connect:active { transform: translateY(1px); }
.nav .nav-connect:disabled { opacity: .6; }
.nav-home { font-family: 'Chakra Petch', system-ui, sans-serif; font-weight: 600; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase;
  color: #8296ab; text-decoration: none; white-space: nowrap; padding: .5rem .2rem; }
.nav .nav-home:hover, .nav-home:hover { color: #dfe9f0; }
.nh-short { display: none; }
.nav-links .afterflow-link { display: flex; align-items: center; gap: .65rem; }
.nav [hidden] { display: none !important; }
@media (max-width: 1000px) { .nav .header-note { display: none; } }
@media (max-width: 520px) { .nh-extra { display: none; } }
@media (max-width: 480px) {
  .nh-long { display: none; } .nh-short { display: inline; }
  .nav-home { font-size: .7rem; letter-spacing: .06em; } .nav-actions { gap: .4rem; }
}
@media (max-width: 410px) {
  .nav-connect { max-width: 5.6rem; white-space: normal; overflow-wrap: anywhere; text-align: center; justify-content: center;
    font-size: .7rem; line-height: 1.1; padding: .3rem .55rem; letter-spacing: .06em; }
}
@media (max-width: 340px) { .nav-home { display: none; } }
@media (prefers-reduced-motion: reduce) { .nav-connect { transition: none; } }