/* 마이페이지(메인웹 /mypage) 공용 상단바 — 메인웹과 같은 MANGO GAMES 로고 + 메인 메뉴.
   마이페이지는 원래 포커웹(/poker/mypage …)에 있다가 2026-10-01 메인웹으로 옮겼다.
   상단바 틀(.topbar · .tb-right · .tb-login)은 각 페이지 <style> 에 있고, 여기서는 로고·메뉴·색만 메인웹 톤으로 덮는다.
   각 페이지 <style> 의 .ph-* 규칙보다 이기도록 .topbar 를 앞에 붙인다. */
.topbar{gap:30px}
.topbar .mh-logo{display:flex;align-items:baseline;gap:6px;flex:none;text-decoration:none}
.topbar .mh-logo .m{font-size:22px;font-weight:800;letter-spacing:.06em;color:#b8791f}
.topbar .mh-logo .s{font-size:11px;font-weight:700;letter-spacing:.22em;color:#9aa0a8}
.topbar .ph-nav{display:flex;gap:26px;font-size:15px;font-weight:600;color:#4a5059;flex:none}
.topbar .ph-nav a{position:relative;color:inherit;text-decoration:none;padding:6px 0}
.topbar .ph-nav a:hover{color:#141a21}
.topbar .ph-nav a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:#b8791f;transition:width .2s}
.topbar .ph-nav a:hover::after{width:100%}
.topbar .tb-login{background:#b8791f;border-radius:999px;white-space:nowrap}
.topbar .tb-login:hover{background:#96610f;filter:none}
.topbar .tb-user{white-space:nowrap}
@media(max-width:1000px){
  /* 좁은 화면: 메뉴는 햄버거(mp-nav.js) 쪽으로 — 로고만 남긴다 */
  .topbar .ph-nav{display:none !important}
}
@media(max-width:560px){
  /* 폰: 로그아웃은 햄버거 메뉴 맨 아래에 있으니 상단바 버튼은 숨겨 닉네임이 한 줄에 들어가게 한다 */
  .topbar #btnLogout{display:none}
  .topbar .mh-logo .s{display:none}
}