.member-trigger{position:fixed;right:18px;top:18px;z-index:600;border:1px solid #e6eef7;border-radius:12px;background:#17344beF;color:#fff;padding:12px 16px;font:600 14px system-ui;cursor:pointer}
.member-overlay[hidden]{display:none}.member-overlay{position:fixed;inset:0;z-index:2200;background:#071625b8;display:grid;place-items:center;padding:16px;font-family:system-ui;color:#193449}
.member-panel{width:min(720px,100%);max-height:90dvh;overflow:auto;background:#f7fbff;border:1px solid #cdddeb;border-radius:18px;box-shadow:0 12px 60px #0006}
.member-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#e8f1f8;position:sticky;top:0}.member-panel h2{font-size:20px;margin:0}
.member-content{padding:20px}.member-panel button,.member-panel a{display:inline-block;border:1px solid #c3d4e3;background:#fff;color:#143f60;border-radius:9px;padding:9px 12px;margin:4px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
.member-panel nav{display:flex;gap:4px;flex-wrap:wrap}.member-panel nav button[aria-pressed=true]{background:#173d5c;color:#fff}.member-cards article{padding:16px;margin-top:12px;background:#fff;border:1px solid #dbe7ef;border-radius:12px}.member-cards h3,.member-cards h4{margin-top:0}.member-cards p{font-size:14px;line-height:1.5}.member-cards small{display:block;color:#647a8d}
@media(max-width:600px){.member-trigger{top:10px;right:10px;max-width:175px;padding:9px 12px;font-size:12px}.member-overlay{padding:8px}.member-panel{max-height:94dvh}.member-panel header,.member-content{padding:14px}}

.member-menu[hidden]{display:none}.member-menu{position:fixed;right:18px;top:68px;z-index:610;width:min(240px,calc(100vw - 20px));padding:6px;background:#17344bf5;color:#fff;border:1px solid #c3d4e3;border-radius:12px;box-shadow:0 8px 28px #0005;display:grid;gap:2px;font:14px system-ui}.member-menu button{border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;padding:12px;cursor:pointer;font:inherit}.member-menu button:hover,.member-menu button:focus-visible{background:#315570;outline:2px solid #cdddeb}.member-trigger{max-width:calc(100vw - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.member-menu{right:10px;top:52px}}

/* Account/settings share one right-side HUD; existing left-side location UI stays. */
#game-hud #avatar-button,#game-hud #language-button{display:none}
.account-hud{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));top:calc(12px + env(safe-area-inset-top,0px));z-index:20;display:flex;gap:6px;max-width:calc(100vw - 170px)}
.account-hud .member-trigger,.account-hud .settings-trigger{position:static;box-sizing:border-box;min-height:44px;min-width:44px;margin:0;padding:8px 12px;border:1px solid #e6eef7;border-radius:12px;background:#17344bef;color:#fff;font:600 14px system-ui;cursor:pointer}
.account-hud .member-trigger{max-width:240px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-hud .settings-trigger{flex:none;font-size:22px;padding:4px 10px}
.account-hud [hidden],.member-menu [hidden]{display:none!important}
.account-hud button:disabled{cursor:wait;opacity:.75}
.account-hud button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.member-menu{box-sizing:border-box;z-index:21;top:calc(64px + env(safe-area-inset-top,0px));right:calc(18px + env(safe-area-inset-right,0px));width:min(264px,calc(100vw - 24px));max-height:min(70dvh,calc(100dvh - 84px - env(safe-area-inset-top,0px)));overflow:auto;overscroll-behavior:contain;padding:8px;gap:0}
.member-menu [role=group]{display:grid;gap:2px}
.member-menu-heading{padding:10px 12px 4px;color:#bed6e7;font-size:11px;font-weight:800;letter-spacing:.03em}
.member-menu button,.member-menu .avatar-button{display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:44px;margin:0;padding:10px 12px;text-align:left;white-space:normal;color:#fff;background:transparent;font:14px system-ui;justify-content:flex-start}
.member-menu .member-language-choices{padding-left:12px;border-left:2px solid #52748c;margin-left:12px}
.member-menu [role=menuitemradio][aria-checked=true]{background:#315570}
.member-menu [role=group]+[role=group]{border-top:1px solid #ffffff26;margin-top:6px}
.member-panel{box-sizing:border-box}.member-panel button,.member-panel a{min-height:44px;box-sizing:border-box}
body:not(.is-debug) #game-hud{display:none}
body:not(.is-debug) .context-panel{top:calc(12px + env(safe-area-inset-top,0px));max-width:calc(100vw - 170px)}
@media(max-width:600px){
 .account-hud{top:calc(8px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));max-width:calc(100vw - 155px)}
 .account-hud .member-trigger{font-size:12px;max-width:170px}
 .member-menu{top:calc(60px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));max-height:min(70dvh,calc(100dvh - 80px - env(safe-area-inset-top,0px)))}
 body:not(.is-debug) .context-panel{top:calc(8px + env(safe-area-inset-top,0px));max-width:calc(100vw - 155px)}
}