.menu-btn{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--border, #1e2d47);border-radius:4px;cursor:pointer;flex-shrink:0;transition:border-color .15s}.menu-btn span{display:block;width:18px;height:2px;margin:0 auto;background:var(--text-secondary, #7a98b8);transition:background .15s}.menu-btn:hover{border-color:var(--border-bright, #2a4070)}.menu-btn:hover span{background:var(--text-primary, #d8e4f0)}.site-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.site-menu.is-open{pointer-events:auto}.site-menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;opacity:0;transition:opacity .18s ease}.site-menu.is-open .site-menu-backdrop{opacity:1}.site-menu-panel{position:absolute;top:0;right:0;width:min(340px,92vw);height:100%;background:var(--bg-deep, #0b0f1a);border-left:1px solid var(--border, #1e2d47);box-shadow:-12px 0 40px #0006;transform:translate(100%);transition:transform .18s ease;display:flex;flex-direction:column;overflow:hidden}.site-menu.is-open .site-menu-panel{transform:translate(0)}.site-menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border, #1e2d47);flex-shrink:0}.site-menu-title{margin:0;font-family:var(--display, sans-serif);font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold-bright, #f0b429)}.site-menu-close{background:transparent;border:1px solid var(--border, #1e2d47);color:var(--text-secondary, #7a98b8);padding:5px 10px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .12s}.site-menu-close:hover{border-color:var(--border-bright, #2a4070);color:var(--text-primary, #d8e4f0)}.site-menu-body{flex:1;overflow-y:auto;padding:16px 18px}.site-menu-links,.site-menu-section{overflow-anchor:none}.site-menu-links{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:0}.site-menu-link{display:inline-block;padding:5px 12px;background:var(--bg-card, #141b28);border:1px solid var(--border, #1e2d47);border-radius:2px;color:var(--text-secondary, #7a98b8);font-family:var(--display, sans-serif);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;transition:all .12s}.site-menu-link:hover,.site-menu-link:focus-visible{border-color:var(--border-bright, #2a4070);color:var(--text-primary, #d8e4f0);outline:none}.site-menu-link.active{background:var(--gold, #c8960c);border-color:var(--gold, #c8960c);color:#000}.site-menu-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border, #1e2d47)}.site-menu-section-title{margin:0 0 10px;font-family:var(--display, sans-serif);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold, #c8960c);display:flex;align-items:center;gap:7px;padding-bottom:6px;border-bottom:1px solid var(--border, #1e2d47)}.site-menu-section-title:before{content:"";width:5px;height:5px;background:var(--gold, #c8960c);transform:rotate(45deg);display:block;flex-shrink:0}.site-menu-settings{width:100%}