.hmenu-btn{display:none}@media (max-width:720px){.hmenu-btn{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:11px;background:var(--bg-card,#161b22);border:1px solid var(--border,rgba(255,255,255,.07));color:var(--text,#e9ecf3);-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s;order:10;cursor:pointer}.hmenu-btn:active{transform:scale(.92)}.hmenu-btn[data-open=true]{background:var(--blue-soft,rgba(59,130,246,.14));border-color:var(--blue,#3b82f6);color:var(--blue-hi,#5b9aff)}}.hmenu-burger{position:relative;width:18px;height:14px;display:block}.hmenu-burger span{position:absolute;left:0;width:100%;height:2.2px;border-radius:2px;background:currentColor;transition:transform .32s cubic-bezier(.65,0,.35,1),opacity .2s ease,width .32s cubic-bezier(.65,0,.35,1)}.hmenu-burger span:first-child{top:0}.hmenu-burger span:nth-child(2){top:50%;transform:translateY(-50%);width:80%}.hmenu-burger span:nth-child(3){bottom:0;width:60%}.hmenu-btn[data-open=true] .hmenu-burger span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.hmenu-btn[data-open=true] .hmenu-burger span:nth-child(2){opacity:0;transform:translateY(-50%) scaleX(.2)}.hmenu-btn[data-open=true] .hmenu-burger span:nth-child(3){bottom:50%;width:100%;transform:translateY(50%) rotate(-45deg)}@media (max-width:440px){.hmenu-btn{width:34px;height:34px}}.hmenu-back{position:fixed;inset:0;z-index:200;background:radial-gradient(120% 90% at 100% 0,rgba(59,130,246,.12),rgba(4,6,12,.66) 55%);-webkit-backdrop-filter:blur(5px) saturate(1.05);backdrop-filter:blur(5px) saturate(1.05);opacity:0;pointer-events:none;transition:opacity .32s ease}.hmenu-back.in{opacity:1;pointer-events:auto}.hmenu{position:fixed;top:0;right:0;bottom:0;z-index:201;width:min(340px,86vw);display:flex;flex-direction:column;background:radial-gradient(140% 60% at 100% 0,rgba(59,130,246,.1),transparent 60%),linear-gradient(180deg,#11151f,#0c0f15);border-left:1px solid var(--border-hi,rgba(255,255,255,.13));box-shadow:-24px 0 60px -20px rgba(0,0,0,.7);transform:translateX(103%);transition:transform .42s cubic-bezier(.22,1,.36,1);font-family:var(--font-sans,"Geist","Inter",system-ui,sans-serif);padding:calc(16px + env(safe-area-inset-top, 0px)) 14px 16px}.hmenu.in{transform:translateX(0)}.hmenu-top{display:flex;align-items:center;gap:11px;padding:4px 6px 16px;border-bottom:1px solid var(--border,rgba(255,255,255,.07))}.hmenu-mark{width:38px;height:38px;flex:none;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue,#3b82f6),var(--blue-lo,#1e4ed8));box-shadow:0 0 0 1px rgba(255,255,255,.08)}.hmenu-mark img{width:100%;height:100%;object-fit:cover}.hmenu-brand{line-height:1.15;flex:1;min-width:0}.hmenu-brand b{display:block;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--text,#e9ecf3)}.hmenu-brand span{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--text-mute,#6b7591)}.hmenu-x{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--bg-card,#161b22);border:1px solid var(--border,rgba(255,255,255,.07));color:var(--text-dim,#a4adc0);cursor:pointer}.hmenu-x svg{width:16px;height:16px}.hmenu-scroll{flex:1;overflow-y:auto;padding:16px 0 4px;display:flex;flex-direction:column;gap:6px;-webkit-overflow-scrolling:touch}.hmenu-user{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;text-decoration:none;background:var(--bg-card,#161b22);border:1px solid var(--border,rgba(255,255,255,.07));transition:border-color .15s,background .15s}.hmenu-user:active{background:var(--bg-card-hi,#1c2130)}.hmenu-uav{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;font-weight:700;font-size:16px;color:#fff;overflow:hidden;background:linear-gradient(135deg,var(--blue,#3b82f6),var(--blue-lo,#1e4ed8))}.hmenu-uav img{width:100%;height:100%;object-fit:cover}.hmenu-uinfo{flex:1;min-width:0}.hmenu-uname{font-size:15px;font-weight:700;color:var(--text,#e9ecf3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hmenu-ulink{font-size:12.5px;color:var(--blue-hi,#5b9aff);margin-top:1px}.hmenu-user .hmenu-chev{color:var(--text-mute,#6b7591)}.hmenu-user .hmenu-chev svg{width:18px;height:18px}.hmenu-auth-row{display:flex;gap:8px;padding:4px 2px 8px}.hmenu-auth-btn{flex:1;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s}.hmenu-auth-login{background:var(--bg-card,#161b22);border:1px solid var(--border-hi,rgba(255,255,255,.13));color:var(--text,#e9ecf3)}.hmenu-auth-register{background:linear-gradient(180deg,var(--blue-hi,#5b9aff),var(--blue,#3b82f6) 60%,var(--blue-lo,#1e4ed8));border:none;color:#fff;box-shadow:0 8px 22px -10px var(--blue-glow,rgba(59,130,246,.35))}.hmenu-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint,#4a5167);padding:14px 8px 2px}.hmenu-item{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:13px;text-decoration:none;color:var(--text-dim,#a4adc0);font-size:15px;font-weight:600;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;border:none;background:none;width:100%;text-align:left;cursor:pointer}.hmenu-ico{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--bg-base,#111827);border:1px solid var(--border,rgba(255,255,255,.07));color:var(--text-mute,#6b7591);transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .2s}.hmenu-ico svg{width:17px;height:17px}.hmenu-item:active{background:var(--bg-card-hi,#1c2130)}.hmenu-item .hmenu-dot{margin-left:auto;width:7px;height:7px;border-radius:999px;background:var(--blue,#3b82f6);opacity:0;transition:opacity .15s}.hmenu-item.active{color:#fff;background:var(--blue-soft,rgba(59,130,246,.12));box-shadow:inset -2px 0 0 var(--blue,#3b82f6)}.hmenu-item.active .hmenu-ico{background:var(--blue,#3b82f6);border-color:transparent;color:#fff}.hmenu-item.active .hmenu-dot{opacity:1}.hmenu-item-giveaway{border:1px solid rgba(245,200,66,.35);background:rgba(245,200,66,.08);color:#f5c842}.hmenu-item-giveaway .hmenu-ico{border-color:rgba(245,200,66,.25);color:#f5c842;background:rgba(245,200,66,.1)}.hmenu-foot{border-top:1px solid var(--border,rgba(255,255,255,.07));padding-top:14px;margin-top:6px;padding-bottom:max(5rem,calc(env(safe-area-inset-bottom) + 1rem));display:flex;flex-direction:column;gap:4px}.hmenu-lang{display:flex;align-items:center;gap:13px;padding:8px 12px}.hmenu-lang .hmenu-ico{pointer-events:none}.hmenu-lang-label{flex:1;font-size:15px;font-weight:600;color:var(--text-dim,#a4adc0)}.hmenu-langs{display:flex;gap:4px}.hmenu-lang-btn{min-width:38px;height:30px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:700;background:var(--bg-base,#111827);border:1px solid var(--border,rgba(255,255,255,.07));color:var(--text-mute,#6b7591);transition:all .15s;cursor:pointer}.hmenu-lang-btn.on{background:var(--blue,#3b82f6);border-color:transparent;color:#fff}.hmenu-logout{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:13px;text-decoration:none;color:#f87171;font-size:15px;font-weight:600;transition:background .15s;border:none;background:none;width:100%;text-align:left;cursor:pointer}.hmenu-logout .hmenu-ico,.hmenu-logout:active{background:rgba(239,68,68,.1)}.hmenu-logout .hmenu-ico{border-color:rgba(239,68,68,.2);color:#f87171}@keyframes hmenu-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hmenu.in .hmenu-scroll>*{opacity:0;animation:hmenu-rise .44s cubic-bezier(.22,1,.36,1) forwards}.hmenu.in .hmenu-scroll>:first-child{animation-delay:.06s}.hmenu.in .hmenu-scroll>:nth-child(2){animation-delay:.1s}.hmenu.in .hmenu-scroll>:nth-child(3){animation-delay:.14s}.hmenu.in .hmenu-scroll>:nth-child(4){animation-delay:.18s}.hmenu.in .hmenu-scroll>:nth-child(5){animation-delay:.22s}.hmenu.in .hmenu-scroll>:nth-child(6){animation-delay:.26s}.hmenu.in .hmenu-scroll>:nth-child(7){animation-delay:.3s}.hmenu.in .hmenu-scroll>:nth-child(8){animation-delay:.34s}.hmenu.in .hmenu-scroll>:nth-child(n+9){animation-delay:.38s}.hmenu-item:active .hmenu-ico{transform:scale(.9)}.hmenu-item.active{box-shadow:inset -3px 0 0 var(--blue,#3b82f6)}.hmenu-item.active .hmenu-ico{box-shadow:0 6px 16px -6px var(--blue-glow,rgba(59,130,246,.6))}@media (prefers-reduced-motion:reduce){.hmenu,.hmenu-back,.hmenu-burger span{transition:none!important}.hmenu.in .hmenu-scroll>*{opacity:1;animation:none!important}}