/* Shared navigation; gameplay toolbars have their own styles. */
.header{position:relative;z-index:40;background:var(--surface);border-bottom:1px solid var(--border)}
.nav-shell{max-width:1360px;min-height:88px;padding:16px 32px;gap:32px}
.nav-shell .brand{font-size:24px;letter-spacing:-1px}
.nav-shell .brand-light{color:var(--primary)}
.nav-shell .brand small{color:var(--muted);letter-spacing:2px;font-size:8px}
.nav-shell nav{gap:22px;align-items:center}
.nav-shell nav>a,.games-toggle{font-size:12px;font-weight:650;color:var(--muted);white-space:nowrap}
.nav-shell nav>a{padding:12px 0}
.nav-shell nav>a:hover,.nav-shell nav>a.active{color:var(--primary)}
.games-disclosure{position:relative}
.games-toggle{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);min-height:44px}
.games-toggle:hover,.games-toggle.active,.games-toggle[aria-expanded=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}
.games-toggle>span:first-child{font-size:19px;line-height:1}
.games-chevron{transition:transform .15s}
.games-toggle[aria-expanded=true] .games-chevron{transform:rotate(180deg)}
.games-panel{position:absolute;top:calc(100% + 14px);left:0;width:350px;max-height:calc(100dvh - 120px);overflow:auto;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 70px #0008;z-index:45}
.games-panel[hidden]{display:none}
.games-panel-heading{padding:8px 10px 14px;margin-bottom:6px;border-bottom:1px solid var(--border)}
.games-panel-heading>span{display:block;font-size:9px;letter-spacing:2px;font-weight:750;color:var(--primary)}
.games-panel-heading small{font-size:11px;color:var(--muted)}
.nav-shell nav .games-panel a{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:10px;border:1px solid transparent;color:var(--text)}
.nav-shell nav .games-panel a:hover,.nav-shell nav .games-panel a.active{background:var(--primary-soft);border-color:var(--border)}
.games-panel a>span:nth-child(2){flex:1;min-width:0}
.games-panel a b{display:block;font-size:12px;line-height:1.5}
.games-panel a small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px;white-space:normal}
.games-panel a>span:last-child{color:var(--muted);font-size:16px}
.game-nav-icon{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:10px;background:#6fe2bb17;color:#79e5c2;font-size:22px}
.game-nav-icon.coral{color:#ff9a89;background:#ff9a8917}.game-nav-icon.amber{color:#ffd087;background:#ffd08717}.game-nav-icon.violet{color:#bcafff;background:#bcafff17}
.nav-actions{gap:12px}.account-link{border:1px solid var(--border);border-radius:10px;padding:9px 12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.account-link.user{display:flex;align-items:center;gap:8px}.account-link .avatar{width:27px;height:27px;font-size:16px;border-radius:8px}
.nav-shell .icon-button{border:1px solid var(--border);border-radius:10px;min-width:40px;min-height:40px;background:var(--bg);color:var(--text)}
@media(max-width:1150px){.nav-shell{gap:20px;padding-inline:22px}.nav-shell nav{gap:14px}.nav-shell .brand{font-size:21px}}
@media(max-width:960px){.nav-shell{gap:12px;min-height:76px}.nav-shell nav{gap:8px;padding:12px 0 4px;align-items:stretch}.nav-shell nav>a{padding:10px 12px;border-radius:9px}.games-disclosure{width:100%;order:-1}.games-toggle{width:100%;justify-content:flex-start}.games-chevron{margin-left:auto}.games-panel{position:static;max-height:none;width:100%;box-shadow:none;margin-top:10px;padding:8px;background:var(--bg)}.games-panel-heading{display:none}.nav-shell nav .games-panel a{padding:10px}.nav-shell nav>a.active{background:var(--primary-soft)}.nav-shell .menu-toggle{margin-left:auto}}
@media(max-width:540px){.nav-shell{padding:12px 16px;gap:10px}.nav-shell .brand{font-size:20px}.nav-shell .brand img{width:29px;height:29px}.nav-shell .brand small{font-size:7px;letter-spacing:1.3px}.nav-actions{width:100%;justify-content:flex-end}.nav-actions #account-nav{flex:1}.account-link{display:block;max-width:none;text-align:center}.account-link.user{justify-content:center}.nav-shell nav{order:4}.nav-shell nav>a{font-size:11px;padding-inline:10px}}