/* Club navigation: compact identity, grouped routes, one SVG icon family. */
.sidebar{width:240px;padding:24px 16px 18px;border-right:1px solid #d9efc516;overflow:hidden}
.sidebar-club{display:flex;align-items:center;gap:13px;padding:0 8px 22px;flex:none;border-bottom:1px solid #d9efc51a}
.sidebar-crest{width:43px;height:51px;flex:none;position:relative;display:grid;place-items:center;padding-bottom:5px;color:var(--dark)}
.sidebar-crest>svg{position:absolute;inset:0;width:100%;height:100%;fill:var(--lime)}
.sidebar-crest>span{position:relative;font:700 24px/1 'Barlow Condensed';letter-spacing:-.5px}
.sidebar-club-copy{min-width:0}
.sidebar #club-caption{display:block;color:#92aa97;font-size:8px;font-weight:500;letter-spacing:1.5px;margin-bottom:5px}
.sidebar #clubname{font:600 16px/1.25 'DM Sans',sans-serif;margin:0;text-align:left;max-width:152px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1f5e9}
.sidebar .sub{text-align:left;font-size:10px;line-height:1.4;color:#94aa98;margin:5px 0 0}
.sidebar #sidenav{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#54705b transparent;margin:18px -5px 0;padding:0 5px 8px}
.sidebar .navgroup+.navgroup{margin-top:19px}
.sidebar .navgroup h2{font:500 8px/1.5 'DM Sans',sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:#8fa993;margin:0 12px 7px}
.sidebar nav a{position:relative;display:flex;align-items:center;gap:13px;min-height:41px;padding:10px 12px;border:1px solid transparent;border-radius:7px;color:#bbccbf;font-size:13px;font-weight:500;line-height:20px;transition:color .15s,background .15s,border-color .15s}
.sidebar nav a+a{margin-top:2px}
.sidebar .navicon{width:20px;height:20px;flex:none;display:grid;place-items:center;color:#91ad98}
.sidebar .navicon svg{display:block;width:20px;height:20px}
.sidebar nav a:hover{background:#d9efc50a;color:#f3f7ee}
.sidebar nav a:hover .navicon{color:#c7d7bd}
.sidebar nav a.active{background:#c6f34b12;color:var(--lime);border-color:#c6f34b28}
.sidebar nav a.active:before{content:'';position:absolute;left:-1px;top:12px;bottom:12px;width:3px;border-radius:0 2px 2px 0;background:var(--lime)}
.sidebar nav a.active .navicon{color:var(--lime)}
.sidebar nav a:focus-visible{outline:2px solid var(--lime);outline-offset:1px}
.sidebar .season{margin-top:12px;padding:14px 12px 12px;border:1px solid #d9efc51c;border-radius:9px;flex:none;background:#d9efc506}
.sidebar-division{display:flex;align-items:center;gap:11px}
.division-emblem{width:30px;height:34px;display:grid;place-items:center;color:#d3b88d;background:#d3b88d0c;border:1px solid #d3b88d26;border-radius:6px}
.division-emblem svg{width:22px;height:22px}
.sidebar .season small{display:block;font-size:7px;letter-spacing:1.4px;color:#98ad9c;line-height:1.4}
.sidebar-division strong{display:block;color:#e7eddf;font-size:13px;line-height:1.4;font-weight:500;margin-top:3px}
.sidebar-record{display:flex;gap:14px;margin-top:13px;padding-top:10px;border-top:1px solid #d9efc514;font-size:9px;line-height:1.5;color:#95ad9b}
.sidebar-record b{color:#d7e3d0;font-weight:500;margin-right:3px;font-variant-numeric:tabular-nums}
.sidebar .asidefoot{flex:none;margin-top:17px;letter-spacing:0;line-height:1.5;padding:0 8px;font-size:10px}
.sidebar-balance{display:flex;align-items:center;gap:9px;color:#92aa97}
.sidebar-balance>svg{width:17px;height:17px;flex:none}
.sidebar .sidebar-balance>span{color:#afc2b1;font-size:10px}
.sidebar-balance strong{margin-left:auto;color:#e9f1df;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.sidebar-balance strong small{font-size:9px;color:#bfd89b}
.sidebar .sidebar-connection{font-size:8px;margin:10px 0 0;color:#8fa694;display:flex;align-items:center;gap:6px}
.sidebar-connection i{width:4px;height:4px;margin:0;background:#a8cc76}
.sidebar-guest-note{font-size:9px;color:#94aa98;margin:6px 0 0}
@media(min-width:801px){main{margin-left:240px}}
@media(min-width:801px) and (max-width:1150px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.sidebar-club{gap:10px;padding-left:4px;padding-right:4px}.sidebar #clubname{max-width:128px}.sidebar .sub{font-size:9px}.sidebar nav a{gap:11px}.sidebar-record{gap:10px}.sidebar .asidefoot{padding:0 4px}.sidebar .sidebar-balance>span{font-size:9px}main{margin-left:210px}}
@media(min-width:801px) and (max-height:850px){.sidebar{padding-top:18px;padding-bottom:14px}.sidebar-club{padding-bottom:16px}.sidebar #sidenav{margin-top:14px}.sidebar .navgroup+.navgroup{margin-top:14px}.sidebar nav a{min-height:39px;padding-top:8px;padding-bottom:8px}.sidebar .season{padding-top:11px;padding-bottom:10px}.sidebar .asidefoot{margin-top:13px}}
@media(max-width:800px){.sidebar{display:none}}
@media(prefers-reduced-motion:reduce){.sidebar nav a{transition:none}}
/* Navigation lives in the sidebar; mobile gets one accessible drawer. */
#topnav[hidden]{display:none!important}
header .network{margin-left:auto}
header .wallet-button{margin-left:0}
header .brand{margin-right:auto}
.mobile-menu-toggle{display:none}
body.navigation-open{overflow:hidden}
#mobile-navigation{position:fixed;inset:0 auto 0 0;margin:0;width:min(310px,calc(100vw - 44px));max-width:none;height:100dvh;max-height:100dvh;padding:22px 16px;border:0;border-right:1px solid #d9efc524;border-radius:0 16px 16px 0;background:var(--dark);color:#edf3e8;overflow:auto;box-sizing:border-box}
#mobile-navigation::backdrop{background:#07160fcc;backdrop-filter:blur(3px)}
.mobile-navigation-head{display:flex;align-items:center;justify-content:space-between;padding:0 9px 20px;border-bottom:1px solid #d9efc51a;margin-bottom:22px}
.mobile-navigation-head>span{font-size:18px;font-weight:800;letter-spacing:-.5px}
.mobile-navigation-head button{background:transparent;border:1px solid #d9efc530;border-radius:7px;color:#d4e3ce;width:38px;height:38px;font-size:26px;line-height:1}
#mobile-sidenav .navgroup+.navgroup{margin-top:24px}
#mobile-sidenav h2{font-size:9px;text-transform:uppercase;letter-spacing:1.7px;color:#8fa993;margin:0 12px 9px}
#mobile-sidenav a{display:flex;align-items:center;gap:14px;min-height:46px;padding:10px 12px;border:1px solid transparent;border-radius:7px;color:#bbccbf;font-size:14px;margin-top:3px}
#mobile-sidenav a.active{background:#c6f34b12;color:var(--lime);border-color:#c6f34b28}
#mobile-sidenav .navicon{width:21px;height:21px;flex:none}
#mobile-sidenav svg{width:100%;height:100%;display:block}
#mobile-sidenav a:focus-visible,.mobile-menu-toggle:focus-visible,.mobile-navigation-head button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
@media(max-width:800px){
 header{height:65px;min-height:65px;flex-wrap:nowrap;gap:9px;padding:10px 12px}
 header .brand{font-size:20px;gap:7px;white-space:nowrap}
 header .brand img{width:28px;height:28px}
 header .wallet-button{margin-left:0;padding:10px;font-size:10px}
 .mobile-menu-toggle{display:grid;place-items:center;flex:none;width:34px;height:38px;border:1px solid #d9efc524;border-radius:7px;background:transparent;color:#cbdcc7;padding:7px}
 .mobile-menu-toggle svg{width:20px;height:20px}
}
@media(max-width:360px){header .profile{display:none}header .brand{font-size:18px}header .brand img{width:25px;height:25px}}

/* Official links are available to guests and connected clubs on every page. */
.official-links{margin-top:15px;padding-top:14px;border-top:1px solid #d9efc51c;color:#bbccbf;text-align:left}
.official-links .official-x,#mobile-sidenav .official-x{display:flex;align-items:center;gap:9px;min-height:30px;padding:0;border:0;border-radius:4px;margin:0;color:#dce8d4;font-size:11px;font-weight:500;line-height:1.5;text-decoration:none}
.official-links .official-x svg,#mobile-sidenav .official-x svg{width:14px;height:14px;flex:none}
.official-links .official-x:hover{color:var(--lime);background:none}
.official-token{margin-top:12px}
.official-token-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;line-height:1.4;color:#dce8d4}
.official-token-label small{display:block;margin-top:2px;font-size:8px;color:#91aa97}
.official-token-label button{background:transparent;color:#c4dcaa;border:1px solid #d9efc52a;border-radius:5px;padding:5px 8px;font:500 9px 'DM Sans',sans-serif;cursor:pointer;min-width:47px}
.official-token-label button:hover{border-color:#c6f34b66;color:var(--lime)}
.official-token code{display:block;margin-top:8px;font:9px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#a2b8a5;overflow-wrap:anywhere;word-break:break-all;user-select:all}
.official-links a:focus-visible,.official-token button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
#mobile-sidenav .official-links{margin:25px 12px 4px;padding-top:20px}
#mobile-sidenav .official-x{font-size:13px;min-height:35px}
#mobile-sidenav .official-token-label{font-size:12px}
#mobile-sidenav .official-token-label small{font-size:9px}
#mobile-sidenav .official-token code{font-size:10px}
#mobile-sidenav .official-token-label button{min-height:36px;min-width:54px;font-size:11px}