.menu-overlay{z-index:1000;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.menu-overlay .scrim{z-index:1001;background:var(--overlay);opacity:0;pointer-events:none;cursor:pointer;transition:opacity .22s;position:fixed;inset:0}.menu-overlay.open .scrim{opacity:1;pointer-events:auto}.menu-overlay .sheet-wrap{z-index:1002;pointer-events:none;width:100%;max-width:448px;position:relative}.menu-overlay.open .sheet-wrap{pointer-events:auto}.menu-overlay .sheet{background:var(--surface);border-top:2px solid var(--ink);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:100%;max-height:90dvh;box-shadow:0 -4px 0 var(--ink), 0 -14px 28px #1c16302e;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.3,1.2);display:flex;transform:translateY(100%)}.menu-overlay.open .sheet{transform:translateY(0)}.menu-overlay .sheet.dragging{transition:none}.menu-overlay .sheet-grab{cursor:grab;touch-action:none;flex:none;padding:9px 0 4px}.menu-overlay .sheet-grab:active{cursor:grabbing}.menu-overlay .handle{background:var(--ink-3);border-radius:999px;width:44px;height:5px;margin:0 auto;display:block}.menu-overlay .sheet-head{flex:none;justify-content:center;align-items:center;padding:2px 50px 18px;display:flex;position:relative}.menu-overlay .sheet-head h1{font-family:var(--font-pixel);color:var(--ink);margin:0;font-size:18px;line-height:1}.menu-overlay .sheet-close{border:2px solid var(--ink);border-radius:var(--radius-md);width:32px;height:32px;box-shadow:var(--shadow-hard-sm);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;display:flex;position:absolute;top:-4px;right:12px}.menu-overlay .sheet-close:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}.menu-overlay .sheet-close svg{width:18px;height:18px;display:block}.menu-overlay .sheet-body{-webkit-overflow-scrolling:touch;min-height:0;padding:0 14px;padding-bottom:max(14px, env(safe-area-inset-bottom));flex:auto;overflow-y:auto}.menu-overlay .mgroup{border:2px solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-hard-sm);background:var(--surface);margin-bottom:14px;overflow:hidden}.menu-overlay .mrow{width:100%;min-height:var(--touch-min);background:var(--surface);cursor:pointer;text-align:left;color:inherit;border:none;border-top:1px solid var(--line-soft);align-items:center;gap:12px;padding:12px 13px;text-decoration:none;transition:background .12s;display:flex}.menu-overlay .mrow:first-child{border-top:none}.menu-overlay .mrow:active{background:var(--brand-soft)}@media (hover:hover){.menu-overlay .mrow:hover{background:#fff6f2}}.menu-overlay .mrow .mic{flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.menu-overlay .mrow .mic svg{width:26px;height:26px;display:block}.menu-overlay .mrow .mlabel{min-width:0;color:var(--ink);flex:auto;font-size:14px;font-weight:700;line-height:1.3}.menu-overlay .mrow .mlabel .msub{color:var(--ink-3);margin-top:2px;font-size:11px;font-weight:700;display:block}.menu-overlay .mrow .mchev{flex:none;align-items:center;display:flex}.menu-overlay .mrow .mchev svg{width:22px;height:22px;display:block}.menu-overlay .mrow .mchev.ext svg path,.menu-overlay .mrow .mchev svg path{stroke:var(--ink-3)}.menu-overlay .badge-soon{background:var(--warn);color:#fff;border:2px solid var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-press);white-space:nowrap;letter-spacing:.02em;flex:none;align-items:center;padding:3px 9px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.menu-overlay .news-badge{background:var(--momo);color:#fff;border:2px solid var(--ink);border-radius:var(--radius-pill);min-width:20px;height:20px;box-shadow:var(--shadow-press);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.menu-overlay .mrow.disabled{cursor:default;background:var(--surface)}.menu-overlay .mrow.disabled:active,.menu-overlay .mrow.disabled:hover{background:var(--surface)}.menu-overlay .mrow.disabled .mlabel,.menu-overlay .mrow.disabled .mlabel .msub{color:var(--ink-3)}.menu-overlay .mrow.disabled .mic svg{opacity:.42}.menu-overlay .mrow.disabled .mchev svg path{stroke:var(--line-soft)}.menu-overlay .mrow .req{border:1.5px solid var(--line-soft);border-radius:var(--radius-pill);color:var(--ink-3);background:var(--surface-sunken);white-space:nowrap;flex:none;align-items:center;padding:2px 8px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.menu-overlay .mrow.soon:active{background:var(--brand-soft)}.menu-overlay .acct{margin-bottom:12px}.menu-overlay .btn-logout{border:2px solid var(--danger);border-radius:var(--radius-md);width:100%;min-height:52px;box-shadow:3px 3px 0 var(--danger);color:var(--danger);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:9px;padding:14px;font-size:16px;font-weight:900;transition:transform .1s,box-shadow .1s;display:flex}.menu-overlay .btn-logout:active{box-shadow:0px 0px 0 var(--danger);background:#fdecec;transform:translate(3px,3px)}.menu-overlay .btn-logout svg{width:26px;height:26px;display:block}.menu-overlay .btn-login{border:2px solid var(--ink);border-radius:var(--radius-md);width:100%;min-height:52px;box-shadow:var(--shadow-hard);background:var(--brand);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:16px;font-weight:900;transition:transform .1s,box-shadow .1s;display:flex}.menu-overlay .btn-login:active{box-shadow:var(--shadow-press);transform:translate(3px,3px)}@media (hover:hover){.menu-overlay .btn-login:hover{box-shadow:var(--shadow-hard-lg);transform:translate(-1px,-1px)}}.menu-overlay .btn-login svg{width:26px;height:26px;display:block}.menu-overlay .btn-guest-note{color:var(--ink-3);text-align:center;margin:9px 2px 0;font-size:11px;font-weight:700;line-height:1.5}.menu-overlay .btn-link{border:2px solid var(--ink);border-radius:var(--radius-md);width:100%;min-height:52px;box-shadow:var(--shadow-hard);background:var(--brand);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:9px;padding:14px;font-size:15px;font-weight:900;transition:transform .1s,box-shadow .1s;display:flex}.menu-overlay .btn-link:active{box-shadow:var(--shadow-press);transform:translate(3px,3px)}@media (hover:hover){.menu-overlay .btn-link:hover{box-shadow:var(--shadow-hard-lg);transform:translate(-1px,-1px)}}.menu-overlay .btn-link .ic-link{flex:none;width:24px;height:24px;display:block}.menu-overlay .btn-link .ic-link svg{width:24px;height:24px;display:block}.menu-overlay .btn-link .ic-link svg path{stroke:#fff}.menu-overlay .btn-link .ln-p{font-family:var(--font-pixel);color:var(--win);letter-spacing:.01em;font-size:14px}.menu-overlay .acct-login-link{width:100%;color:var(--ink-3);text-align:center;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin:10px auto 0;padding:6px;font-size:12px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;display:block}.menu-overlay .acct-login-link:active{color:var(--ink-2)}@media (hover:hover){.menu-overlay .acct-login-link:hover{color:var(--ink-2)}}.menu-overlay .acct-pending{background:var(--surface-sunken);border:2px solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-hard-sm);flex-direction:column;gap:11px;padding:12px 13px;display:flex}.menu-overlay .acct-pending .pend-head{align-items:center;gap:11px;display:flex}.menu-overlay .acct-pending .pend-ic{flex:none;width:28px;height:28px;display:block}.menu-overlay .acct-pending .pend-ic svg{width:28px;height:28px;display:block}.menu-overlay .acct-pending .pend-txt{flex:auto;min-width:0}.menu-overlay .acct-pending .pend-txt .t{color:var(--ink);font-size:14px;font-weight:900;line-height:1.2}.menu-overlay .acct-pending .pend-txt .d{color:var(--ink-2);margin-top:3px;font-size:11px;font-weight:700;line-height:1.45}.menu-overlay .acct-pending .pend-txt .d b{font-family:var(--font-pixel);color:var(--brand-ink);vertical-align:-1px;font-size:13px;font-weight:400}.menu-overlay .acct-pending .pend-resend{border:2px solid var(--ink);border-radius:var(--radius-sm);width:100%;min-height:44px;box-shadow:var(--shadow-hard-sm);color:var(--ink);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:11px 12px;font-size:13px;font-weight:900;line-height:1;transition:transform .1s,box-shadow .1s;display:flex}.menu-overlay .acct-pending .pend-resend:active{box-shadow:var(--shadow-press);transform:translate(2px,2px)}@media (hover:hover){.menu-overlay .acct-pending .pend-resend:hover{box-shadow:var(--shadow-hard);transform:translate(-1px,-1px)}}.menu-overlay .acct-pending .pend-resend:disabled{background:var(--hit-soft);color:var(--hit);border-color:var(--hit);box-shadow:2px 2px 0 var(--hit);cursor:default;transform:none}@media (max-width:360px){.menu-overlay .sheet-body{padding-left:11px;padding-right:11px}.menu-overlay .mrow{gap:10px;padding:11px}.menu-overlay .mrow .mlabel{font-size:13px}}@media (prefers-reduced-motion:reduce){.menu-overlay .sheet,.menu-overlay .scrim,.menu-overlay .sheet-close,.menu-overlay .btn-login,.menu-overlay .btn-logout,.menu-overlay .mrow{transition:none}}