.site-nav.tg-nav{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:72px;border-bottom:2px solid var(--ink);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-brand,.nav-link,.nav-github,footer a{color:var(--ink);text-decoration:none}
.site-brand{display:inline-flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.04em;white-space:nowrap}
.tg-roundel{position:relative;display:block;width:42px;height:42px;border:7px solid var(--mta-blue);border-radius:50%;flex:none}
.tg-roundel::after{content:"";position:absolute;left:-12px;right:-12px;top:10px;height:7px;background:var(--subway-red)}
.site-brand-copy{font-size:15px}
.nav-links{display:flex;justify-content:center;align-items:center;gap:22px}
.nav-link{position:relative;padding:9px 0;font:850 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:3px;background:transparent}
.nav-link:hover::after{background:var(--ink)}
body[data-page="play"] .nav-link[data-page="play"]::after,body[data-page="build"] .nav-link[data-page="build"]::after,body[data-page="leaderboard"] .nav-link[data-page="leaderboard"]::after{background:var(--subway-blue)}
.nav-github{font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.nav-github:hover{color:var(--subway-blue)}
.tg-network-status{display:inline-flex;align-items:center;gap:8px;font:850 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}.tg-network-status i{width:9px;height:9px;border-radius:50%;background:var(--subway-green)}
@media(max-width:820px){.site-nav.tg-nav{grid-template-columns:auto 1fr;gap:12px;min-height:64px}.nav-links{justify-content:flex-end;gap:12px}.nav-github,.tg-network-status{display:none}}
@media(max-width:600px){.site-nav.tg-nav{display:flex;align-items:center;gap:14px;overflow-x:auto;scrollbar-width:none}.site-nav.tg-nav::-webkit-scrollbar{display:none}.site-brand-copy{display:none}.tg-roundel{width:38px;height:38px;border-width:6px}.tg-roundel::after{top:10px;height:6px}.site-brand{margin-right:auto}.nav-links{flex:none;gap:14px}.nav-link{font-size:10px;white-space:nowrap}}