/* The page tabs, shared by every page on the floor (loaded after each page's own styles).
   terminal · dystopia · chat · ritual · wall · archive ↗
   Desktop: one row beside the title. Phones: the tabs get their own full-width row under
   the title, and scroll sideways if a very narrow screen can't fit them. */
.tabs-top { display: flex; border: 1px solid var(--border2); margin-left: auto; }
.tabs-top a { flex: none; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--dim); text-decoration: none; padding: 5px 10px; white-space: nowrap; }
.tabs-top a + a { border-left: 1px solid var(--border2); }
.tabs-top a:hover { color: var(--text); }
.tabs-top a[aria-current="page"] { color: var(--bg); background: var(--text); font-weight: 700; }
.tabs-top a .short { display: none; }
.tabs-top a:focus-visible { outline: 1px solid var(--text); outline-offset: -3px; }

@media (max-width: 900px) {
  .tabs-top a { letter-spacing: .08em; padding: 5px 8px; }
  .tabs-top a .full { display: none; }
  .tabs-top a .short { display: inline; }
}
@media (max-width: 640px) {
  header { flex-wrap: wrap !important; row-gap: 8px; }
  .tabs-top { order: 9; width: 100%; margin-left: 0 !important; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .tabs-top::-webkit-scrollbar { display: none; }
  .tabs-top a { flex: 1 0 auto; text-align: center; font-size: 10px; letter-spacing: .03em; padding: 6px 4px; }
}
@media (max-width: 370px) {
  .tabs-top a { font-size: 9px; letter-spacing: 0; padding: 6px 3px; }
}

/* phones: the footer line stays on one line, as on the terminal */
@media (max-width: 640px) {
  footer > span:first-child { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 10px; }
}

/* the floor's dark aura: deep amethyst pooling at the top and bottom of every page (behind everything) */
body::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse 90% 55% at 50% 115%, rgba(34, 11, 33, .55), rgba(34, 11, 33, 0) 70%),
              radial-gradient(ellipse 80% 40% at 50% -12%, rgba(24, 10, 23, .5), rgba(24, 10, 23, 0) 70%); }