@media (min-width: 781px) {
  body {
    background: #0c0a07;
  }

  .topbar {
    background: rgba(12, 10, 7, 0.94);
    border-bottom-color: rgba(255, 255, 255, 0.10);
    backdrop-filter: none;
  }

  .home-page .topbar,
  .art-page .topbar {
    background: rgba(8, 7, 6, 0.9);
  }

  .topnav {
    display: flex;
  }

  .menu-toggle {
    display: none;
  }

  .shell {
    width: min(1120px, calc(100% - 40px));
  }

  .home-page .shell {
    width: min(1240px, calc(100% - 48px));
  }

  .hero-card,
  .tile,
  .item-card,
  .feature-strip,
  .store-step {
    background: rgba(255, 255, 255, 0.035);
  }

  .home-page .home-hero,
  .art-page .page-hero {
    background:
      linear-gradient(135deg, rgba(8, 7, 6, 0.9), rgba(8, 7, 6, 0.62)),
      rgba(255, 255, 255, 0.035);
  }

  .hero-card {
    border-radius: 6px;
  }

  .tile,
  .item-card,
  .store-step {
    border-radius: 4px;
  }

  .hero-card h1 {
    max-width: 820px;
  }

  .wiki-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
  }

  .wiki-toc {
    position: sticky;
    top: 94px;
    display: grid;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.035);
  }

  .wiki-toc a {
    padding: 10px 11px;
    border-radius: 3px;
    color: var(--muted);
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
  }

  .wiki-toc a:hover {
    color: var(--text);
    background: rgba(255, 255, 255, 0.05);
  }
}