/* Game pages, changelog and the home page game index. */
.crumbs { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.1rem; color: var(--text-3); font-size: 0.85rem; }
.crumbs a { color: var(--text-2); text-decoration: none; }
.crumbs a:hover { color: var(--text); }
.gstatus { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin: 1.1rem 0 1.5rem; color: var(--text-3); font-size: 0.88rem; }
.pill { display: inline-flex; align-items: center; gap: 0.45rem; height: 1.7rem; padding: 0 0.7rem; border-radius: 999px; background: var(--bg-3); box-shadow: inset 0 0 0 1px var(--line); color: var(--text); font-size: 0.8rem; font-weight: 500; }
.pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--text-3); }
.pill-working::before { background: #4ade80; }
.pill-experimental::before { background: #facc15; }
.pill-discontinued::before { background: #f87171; }
.page-hero .loader { margin-bottom: 1rem; }
.page-hero .hero-ctas { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.gthumb { display: block; width: 100%; height: auto; margin-bottom: 2.5rem; border-radius: var(--r); box-shadow: inset 0 0 0 1px var(--line); }
.tlink { color: var(--text); text-decoration: underline; text-decoration-color: var(--text-3); text-underline-offset: 3px; }
.faq { display: grid; gap: 0.35rem; }
.faq dt { margin-top: 0.9rem; color: var(--text); font-size: 0.97rem; font-weight: 500; }
.faq dt:first-child { margin-top: 0; }
.faq dd { color: var(--text-2); font-size: 0.97rem; line-height: 1.65; text-wrap: pretty; }
.faq a { color: var(--text); text-decoration: underline; text-decoration-color: var(--text-3); text-underline-offset: 3px; }
.glinks { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: 0.55rem 1.5rem; }
.glinks a { color: var(--text-2); font-size: 0.95rem; text-decoration: none; }
.glinks a:hover { color: var(--text); }
.about { display: grid; gap: 1rem; max-width: 46rem; margin-bottom: 2.25rem; color: var(--text-2); font-size: 1rem; line-height: 1.7; text-wrap: pretty; }
.about a { color: var(--text); text-decoration: underline; text-decoration-color: var(--text-3); text-underline-offset: 3px; }