[data-project-site=bunker]{--project-nav-bg:#191b1f;--project-nav-text:#f2efe9;--project-nav-line:#3a4047;--project-nav-accent:#f5b417}
[data-project-site=mafia]{--project-nav-bg:var(--ink-800);--project-nav-text:var(--text);--project-nav-line:var(--line);--project-nav-accent:var(--gold-300)}
.project-navigation{flex-shrink:0}.project-nav-shelf{grid-column:1/-1;display:flex;justify-content:flex-end;padding:0 26px 10px}.project-nav-shelf[hidden]{display:none}.project-nav-button{display:flex;gap:16px;align-items:center;justify-content:space-between;background:transparent;color:var(--project-nav-text);border:1px solid var(--project-nav-line);border-radius:4px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;cursor:pointer}.project-nav-button:hover{border-color:var(--project-nav-accent)}.project-nav-button:focus-visible,.project-nav-item:focus-visible{outline:3px solid var(--project-nav-accent);outline-offset:4px}
.project-nav-popup{position:fixed;inset:auto;margin:0;width:300px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:7px;border:1px solid var(--project-nav-line);border-top:2px solid var(--project-nav-accent);border-radius:5px;background:var(--project-nav-bg);color:var(--project-nav-text);box-shadow:0 16px 36px #0006;font-family:inherit;font-size:14px;line-height:1.5;overflow:auto}.project-nav-item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 12px;text-decoration:none;color:inherit;border-radius:3px}.project-nav-item[href]:hover{background:color-mix(in srgb,var(--project-nav-accent) 12%,transparent)}.project-nav-item small{font-size:11px;opacity:.8}.project-nav-all{border-top:1px solid var(--project-nav-line);margin-top:5px;border-radius:0}
@media(max-width:1199px){.project-nav-shelf .project-nav-button{padding:6px 11px}}
@media(max-width:700px){.project-nav-shelf{padding:0 12px 10px}}
@media(max-width:600px){[data-project-site=bunker] .topbar__inner{height:auto;min-height:62px;flex-wrap:wrap;padding-top:12px;padding-bottom:10px;gap:12px}[data-project-site=bunker] .topbar__right{max-width:100%;flex-wrap:wrap;gap:8px}[data-project-site=bunker] .lang{flex-wrap:wrap;max-width:calc(100vw - 105px)}[data-project-site=bunker] .project-nav-shelf{padding-right:28px}}