nav .old-records-link {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 14px 18px;
  border-bottom: 3px solid transparent;
  color: oklch(0.75 0.018 155);
  text-decoration: none;
  white-space: nowrap;
}
nav .old-records-link:hover {
  color: oklch(0.98 0.006 155);
  border-bottom-color: var(--lime);
}
nav .old-records-link:focus-visible {
  color: oklch(0.98 0.006 155);
  outline: 2px solid var(--lime);
  outline-offset: -4px;
}
.platform-modes{display:flex;align-items:center;gap:8px;padding:14px max(24px,calc((100% - 1320px)/2));background:oklch(0.24 0.019 160);color:oklch(0.96 0.008 160)}
.platform-modes a,.platform-modes .mode-current{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1px solid oklch(0.43 0.02 160);border-radius:8px;color:inherit;text-decoration:none;white-space:nowrap}
.platform-modes .mode-current{background:oklch(0.88 0.1 118);border-color:oklch(0.88 0.1 118);color:oklch(0.24 0.019 160);font-weight:700}
.platform-modes a:hover{background:oklch(0.32 0.025 160)}
.platform-modes a:focus-visible{outline:2px solid oklch(0.88 0.1 118);outline-offset:3px}
.platform-modes small{font-size:11px;color:oklch(0.79 0.012 160)}
.mode-description{margin-left:auto;font-size:12px;color:oklch(0.79 0.012 160)}
.new-mode-empty{margin:22px 0;padding:44px 32px;border:1px solid var(--line);border-radius:14px;background:oklch(0.995 0.002 160)}
.new-mode-empty h2{font-size:25px;margin:10px 0}.new-mode-empty p{max-width:65ch;color:var(--muted)}
.new-mode-empty>div{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 18px}.empty-kicker{font-size:12px;color:var(--green);font-weight:600}
@media(max-width:600px){.platform-modes{padding:12px 14px;flex-wrap:wrap}.mode-description{width:100%;margin:0}.new-mode-empty{padding:28px 22px}}