/* Shared navigation and full-page menu views. */
:root{--site-header-height:86px}.lobby-match-panel{top:calc(var(--site-header-height) + 12px)}
.site-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:14px 24px;min-height:76px;background:var(--paper);border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);box-shadow:0 4px 20px #00000008}
.site-header .brand{font-size:20px;white-space:nowrap;gap:4px;letter-spacing:-.7px}
.site-header nav{display:flex;align-items:center;align-self:center;justify-content:center;gap:4px;height:auto;min-width:0;margin:0;padding:5px;background:color-mix(in srgb,var(--ink) 5%,var(--paper));border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:15px;overflow-x:auto;scrollbar-width:thin}
.site-header .nav-link,.site-header .nav-link.active{display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;border-radius:10px;padding:11px 12px;font-size:11px;line-height:1.3;font-weight:700;color:var(--muted);text-decoration:none;white-space:nowrap}
.site-header .nav-link:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}
.site-header .nav-link.active{background:var(--paper);color:var(--ink);box-shadow:0 2px 6px #00000015;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}
.site-header .nav-link.active:after{display:none}.site-header .nav-link .nav-icon{display:inline;font-size:15px;margin:0;color:inherit}.site-header .nav-link .nav-label{display:inline;font-size:inherit;margin:0;color:inherit}
.site-header .header-actions{margin:0;gap:9px;min-width:0}.site-header .header-actions .icon-button{border-radius:10px;font-size:14px;padding:10px;box-shadow:none;white-space:nowrap}.site-header .account-button{border-radius:10px;padding:11px 13px;font-size:11px;box-shadow:none;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header .account-button[aria-current=page]{outline:2px solid var(--orange);outline-offset:3px}
.content-page{width:min(1240px,calc(100% - 48px));margin:34px auto 60px;min-height:60vh;color:var(--ink)}
.content-page .page-back{margin-bottom:28px;padding:10px 15px;border-radius:10px;font-size:11px}.content-page .dialog-title,.content-page #account-content>h2{font-size:clamp(28px,3.5vw,42px);line-height:1.15;margin:8px 0 16px}.content-page .dialog-intro{font-size:13px;line-height:1.8;max-width:800px;margin-bottom:26px}.content-page .eyebrow{font-size:10px}.content-page .armory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-page .armory-card{padding:24px;background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:16px}.content-page .armory-card h3{font-size:19px}.content-page .armory-card p{font-size:12px;line-height:1.8}.content-page .guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;list-style:none;counter-reset:guide}.content-page .guide-list li{padding:24px;margin:0;background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:16px;font-size:13px;line-height:1.9;counter-increment:guide}.content-page .guide-list li:before{content:counter(guide,decimal-leading-zero);display:block;color:var(--orange);font-size:22px;font-weight:800;margin-bottom:10px}.content-page .guide-list strong{display:block;font-size:17px;margin-bottom:8px}
.content-page .club-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-page .club-card{padding:24px;border-radius:16px}.content-page .club-card h3{font-size:17px}.content-page .club-card p{font-size:12px;line-height:1.7}.content-page .club-tabs,.content-page .leader-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.content-page .club-tabs button,.content-page .leader-tabs button{padding:12px 18px;border-radius:10px;font-size:12px}
#inventory-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}#inventory-content>.eyebrow,#inventory-content>.dialog-title,#inventory-content>.inventory-coins{grid-column:1/-1;margin:0}.content-page .inventory-coins{border-radius:14px;padding:20px;margin-bottom:8px}#inventory-content>.inventory-fighter{margin:0;padding:24px;background:var(--paper);border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;min-width:0}.content-page .inventory-fighter-emoji{width:64px;height:64px;font-size:34px}.content-page .inventory-fighter strong{font-size:19px}.content-page .inventory-fighter p{font-size:11px;line-height:1.8}.content-page .inventory-fighter button{margin-top:10px;width:100%}
.account-page{max-width:760px}#account-content{background:var(--paper);padding:clamp(22px,4vw,40px);border:1px solid color-mix(in srgb,var(--ink) 30%,transparent);border-radius:20px}#account-content>p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}#account-content>button{margin:10px 8px 10px 0}#account-content details{margin:24px 0}#account-content label{display:block;font-size:12px;font-weight:700;margin:16px 0}#account-content input{width:100%;box-sizing:border-box;padding:12px;margin-top:7px;border-radius:9px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit}#account-content .auth-tabs{margin:22px 0}.account-page #auth-error,.account-page #password-feedback{font-size:12px;line-height:1.7}
[data-theme=dark] .site-header{background:#1c2230}[data-theme=dark] .site-header nav{background:#151b27}[data-theme=dark] .site-header .nav-link.active{background:#313b50;color:#f1f3f8}[data-theme=dark] .site-header .nav-link{color:#b4bdcd}[data-theme=dark] .content-page .armory-card,[data-theme=dark] .content-page .guide-list li,[data-theme=dark] #inventory-content>.inventory-fighter,[data-theme=dark] #account-content{background:#252d3d;color:#e3e7ef}
@media(max-width:1350px){:root{--site-header-height:132px}.site-header{grid-template-columns:1fr auto;gap:12px}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;width:100%;box-sizing:border-box}.site-header .header-actions{justify-self:end}.site-header .nav-link{padding:10px 15px}.site-header .header-actions .icon-button span{display:inline}}
@media(max-width:850px){.content-page{width:calc(100% - 32px);margin-top:24px}.content-page .armory-grid,.content-page .club-grid,#inventory-content{grid-template-columns:repeat(2,minmax(0,1fr))}.content-page .guide-list{grid-template-columns:1fr}}
@media(max-width:550px){.site-header{padding:10px 12px;gap:10px}.site-header .brand{font-size:17px}.site-header .nav-link{font-size:11px;padding:10px 12px}.site-header .header-actions{gap:7px}.site-header .header-actions .icon-button span{display:none}.site-header .account-button{max-width:155px;padding:10px;font-size:10px}.content-page .armory-grid,.content-page .club-grid,#inventory-content{grid-template-columns:1fr}.content-page .club-tabs button,.content-page .leader-tabs button{flex:1 1 auto}.content-page .armory-card,.content-page .guide-list li,.content-page .club-card{padding:20px}}