/* Shared, isolated navigation: page-specific styles must not change its controls. */
body[data-gz-page]{--gz-nav-height:126px; padding-top:var(--gz-nav-height)}
body.gz-nav-compact{--gz-nav-height:68px}
.gz-site-nav{position:fixed;inset:0 0 auto;z-index:500;background:#121b27f5;border-bottom:1px solid #354256;color:#e8edf7;backdrop-filter:blur(16px);font:14px/1.4 system-ui,sans-serif;box-shadow:0 8px 30px #0002;isolation:isolate}
.gz-site-nav *{box-sizing:border-box}
.gz-site-nav a,.gz-site-nav button,.gz-site-nav summary{color:inherit;font:inherit;text-decoration:none;letter-spacing:normal;cursor:pointer;white-space:nowrap;margin:0}
.gz-site-nav [hidden]{display:none!important}
.gz-site-nav button,.gz-site-nav summary,.gz-nav-links>a{border:1px solid transparent;border-radius:10px;background:transparent;padding:10px 12px;display:flex;align-items:center;gap:8px;min-height:42px;font-weight:550}
.gz-site-nav a:hover,.gz-site-nav button:hover,.gz-site-nav summary:hover{background:#273447;color:#fff}
.gz-site-nav :focus-visible{outline:3px solid #c4b0ff;outline-offset:2px}
.gz-site-nav svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gz-nav-top{max-width:1600px;margin:auto;padding:10px 24px 4px;display:flex;align-items:center;gap:18px;min-height:62px}
.gz-site-nav .gz-nav-brand{display:flex;align-items:center;gap:9px;font-weight:750;font-size:17px;border-radius:8px}
.gz-nav-brand img{border-radius:9px}.gz-nav-brand small{display:block;font:9px/1.3 system-ui;letter-spacing:2px;color:#a5b4cb}
#gz-page-label{color:#a9b7cb;font-size:12px}
.gz-nav-account{margin-left:auto;display:flex;align-items:center;gap:9px}.gz-nav-account>a{padding:8px;border-radius:8px;font-size:12px}
.gz-nav-links{max-width:1600px;margin:auto;display:flex;align-items:center;gap:4px;padding:4px 24px 10px}
.gz-nav-links>a[aria-current=page]{background:#393253;color:#eee5ff;border-color:#716195}
.gz-nav-menu{position:relative;margin:0;padding:0;border:0;background:none}.gz-nav-menu summary{list-style:none}.gz-nav-menu summary::-webkit-details-marker{display:none}
.gz-nav-popover{position:absolute;top:calc(100% + 8px);right:0;width:285px;max-width:calc(100vw - 24px);padding:12px;border:1px solid #4c5a72;border-radius:14px;background:#192332;box-shadow:0 16px 50px #0007;max-height:65vh;overflow:auto}
.gz-site-nav .gz-nav-popover a{display:block;padding:10px;border-radius:8px;white-space:normal}.gz-nav-popover strong{display:block;padding:6px 10px;font-size:13px}.gz-nav-popover p,.gz-nav-popover small{font:12px/1.5 system-ui;color:#a9b7cb;white-space:normal}.gz-nav-popover p{padding:0 10px}.gz-nav-popover small{display:block}
#gz-nav-badge{background:#bdacf6;color:#151124;border-radius:20px;font-size:11px;padding:1px 5px}
.gz-site-nav .gz-skip{position:absolute;top:-100px;padding:12px;background:#392e55}.gz-site-nav .gz-skip:focus{top:0;z-index:2}
.gz-nav-compact .gz-nav-top{position:absolute;left:8px;top:6px;padding:0;min-height:48px}.gz-nav-compact .gz-nav-brand span,.gz-nav-compact #gz-page-label,.gz-nav-compact .gz-nav-account>a,.gz-nav-compact #gz-nav-logout,.gz-nav-compact #gz-nav-toggle span,.gz-nav-compact .gz-nav-links>a>span,.gz-nav-compact summary>span{display:none}
.gz-nav-compact .gz-nav-account{position:fixed;right:12px;top:12px}.gz-nav-compact .gz-nav-links{height:67px;padding:10px 65px;justify-content:center}.gz-nav-compact .gz-nav-links>a,.gz-nav-compact summary{padding:10px}
body[data-gz-page] .app{display:block;min-height:calc(100dvh - var(--gz-nav-height))}body[data-gz-page] .app>.main{max-width:1600px;margin:auto}body[data-gz-page] #my-games{display:none!important}
body[data-gz-page="salon.html"]>main{height:calc(100dvh - var(--gz-nav-height))}
body[data-gz-page="login.html"]>.shell{padding-top:18px}
body[data-gz-page="manage.html"]>.topbar{position:static;height:auto;min-height:48px}
html{scroll-padding-top:140px}
@media(max-width:1100px){.gz-nav-links{gap:0;padding-inline:12px}.gz-nav-links>a,.gz-site-nav summary{padding:10px 8px;font-size:12px}.gz-nav-top{padding-inline:16px}}
@media(max-width:760px){body[data-gz-page]{--gz-nav-height:120px}body.gz-nav-compact{--gz-nav-height:108px}.gz-nav-top{min-height:58px;padding:8px 12px}.gz-nav-brand span{font-size:14px}#gz-page-label{display:none}.gz-nav-account{gap:2px}.gz-nav-account button{font-size:12px;padding:8px}.gz-nav-links{overflow-x:auto;scrollbar-width:thin;padding:2px 8px 9px;justify-content:flex-start;gap:3px}.gz-nav-links>a,.gz-site-nav summary{font-size:11px;min-width:58px;flex-direction:column;gap:3px;padding:6px}.gz-nav-menu{position:static}.gz-nav-popover{position:fixed;top:var(--gz-nav-height);right:12px}.gz-nav-compact .gz-nav-top{position:static;min-height:49px;padding:6px 12px}.gz-nav-compact .gz-nav-account{position:static}.gz-nav-compact .gz-nav-links{height:58px;padding:4px 8px 10px;justify-content:flex-start}.gz-nav-compact .gz-nav-links>a,.gz-nav-compact summary{min-width:44px;padding:9px}.gz-nav-compact .gz-nav-account>a{display:block}.gz-nav-compact .gz-nav-brand span{display:block}.gz-nav-brand small{display:none}}
@media(prefers-reduced-motion:no-preference){.gz-site-nav a,.gz-site-nav button{transition:background .15s}}

@media(max-width:760px){.gz-nav-links{overflow-y:hidden}.gz-nav-compact .gz-nav-links{height:auto;min-height:58px}}