/* Shared navigation; game controls and game geometry remain screen-specific. */
.global-nav{display:flex!important;align-items:center;gap:8px;flex-shrink:0;font-family:var(--ui-font,"Golos Text",sans-serif);font-size:13px;font-weight:600;color:#141914;position:relative;z-index:30}
.global-nav>a,.global-nav summary{display:block;padding:10px 13px;border-radius:24px;color:#141914;text-decoration:none;white-space:nowrap;cursor:pointer;line-height:1.2;list-style:none;background:transparent;border:0}
.global-nav summary::-webkit-details-marker{display:none}.global-nav>a:hover,.global-nav summary:hover{background:#eaf0dd}.global-nav>a[aria-current=page]{background:#141914;color:#fff}.global-nav a:focus-visible,.global-nav summary:focus-visible{outline:3px solid #8bcf15;outline-offset:3px}
.games-menu{position:relative}.games-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:205px;padding:8px;background:#fffef8;border:1px solid #cbd5c2;border-radius:16px;box-shadow:0 12px 35px #10182025;display:grid;gap:3px}.games-dropdown a{padding:12px;color:#141914!important;text-decoration:none;border-radius:8px;white-space:nowrap}.games-dropdown a:hover{background:#eaf0dd}
.site-header:has(.global-nav){display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar .global-nav{margin-left:20px}.quiz-header .global-nav{margin-left:auto}.topbar:has(.global-nav),.topbar-inner:has(.global-nav){overflow:visible}
@media(max-width:760px){.global-nav{gap:0;font-size:11px}.global-nav>a,.global-nav summary{padding:9px 7px}.topbar .global-nav{margin-left:auto}.topbar:has(.global-nav),.topbar-inner:has(.global-nav){flex-wrap:wrap;gap:8px}.topbar .global-nav{order:10;width:100%;justify-content:center}.site-header:has(.global-nav){flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}.site-header .global-nav{margin-left:auto}.quiz-header:has(.global-nav){flex-wrap:wrap;gap:10px}.quiz-header .global-nav{margin-left:0;width:100%;justify-content:center}.games-dropdown{left:auto;right:-60px}.topbar .back-btn,.topbar .back{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media(min-width:761px) and (max-width:1100px){.topbar .global-nav{order:10;width:100%;margin-left:0;justify-content:center}.topbar:has(.global-nav),.topbar-inner:has(.global-nav){flex-wrap:wrap}}