/* Hamburger button + left sidebar (shared by the game and all static pages). Colours come from theme-vars.css */
.menu-btn{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;flex:none;padding:0;border:1.5px solid var(--accent);border-radius:12px;background:transparent;cursor:pointer}
.menu-btn i{display:block;width:20px;height:2.5px;border-radius:2px;background:#fff}
.menu-btn:active{transform:scale(.94)}
.menu-btn:focus-visible,.lr-x:focus-visible,.lr-sn a:focus-visible,.lr-lang button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hdr-l{display:flex;align-items:center;gap:10px;min-width:0}
a.logo,.logo[data-go]{cursor:pointer}
.authwrap .menu-btn{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;z-index:3;background:#000a}

.lr-back{position:fixed;inset:0;background:#000a;opacity:0;pointer-events:none;transition:opacity .2s;z-index:90}
.lr-back.open{opacity:1;pointer-events:auto}
.lr-side{position:fixed;top:0;bottom:0;left:0;width:min(310px,86vw);background:var(--card);color:var(--ink);border-right:2px solid var(--accent);box-shadow:6px 0 30px #0007;transform:translateX(-102%);transition:transform .22s ease;z-index:91;display:flex;flex-direction:column;visibility:hidden}
.lr-side.open{transform:none;visibility:visible}
#app .lr-back,#app .lr-side{position:absolute}
.lr-sh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:max(12px,env(safe-area-inset-top)) 14px 12px;background:var(--hdr);border-bottom:2px solid var(--accent);flex:none}
.lr-sb{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;font-weight:800;font-size:19px}
.lr-sb img{border-radius:50%;border:2px solid var(--accent);background:#000}
.lr-x{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--accent);background:transparent;color:#fff;font-size:16px;line-height:1;cursor:pointer}
.lr-sn{flex:1;overflow-y:auto;padding:8px 0}
.lr-sn a{display:flex;align-items:center;gap:12px;padding:12px 18px;color:var(--ink)!important;text-decoration:none;font-weight:600;font-size:15px;border-left:4px solid transparent}
.lr-sn a .ic{width:24px;text-align:center;font-size:18px}
.lr-sn a:hover{background:var(--soft)}
.lr-sn a.on{background:var(--soft);border-left-color:var(--accent);color:var(--head)!important}
.lr-sf{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:13px;color:var(--mute);font-weight:600}
.lr-lang{display:flex;gap:6px}
.lr-lang button{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:6px 14px;font:600 13px 'Poppins',system-ui,sans-serif;cursor:pointer}
.lr-lang button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent-d)}
html.lr-lock,html.lr-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.lr-side,.lr-back{transition:none}}