/* =========================================================================
   상단 메뉴 B안 (2026-10-25) — 메인(index.html) + macedonia/ 하위 10쪽 공통
   - 3묶음 [게임소개·새소식·가이드북] | [커뮤니티·랭킹·거래소] | [채팅·후원·1:1 문의]
   - 한글 위 작은 영문 부제(회색), 오른쪽 금색 다운로드 버튼, 흑요석 + 앤티크 골드
   - 지금 보는 페이지 메뉴(.current)는 금색 강조
   이 파일은 각 페이지 <head> 의 마지막 스타일시트로 읽힌다(기존 층을 덮어씀).
   되돌리기: 백업 HTML 복원 + 이 파일 삭제.
   ========================================================================= */
:root{--navb-gold:#d6b979;--navb-gold-hi:#efd7a3;--navb-text:#c9cac4;--navb-sub:#8c8a82;--navb-line:#b9a27355}

/* ---- 메뉴 줄(데스크톱) ---- */
:root .navb-nav.navb-nav{display:flex;align-items:center;justify-content:center;gap:0;flex:1 1 auto;min-width:0;padding:0;font-size:15px;font-weight:500;letter-spacing:0}
:root .navb-nav.navb-nav .navb-group{display:flex;align-items:center;gap:clamp(16px,1.75vw,30px);flex:none}
:root .navb-nav.navb-nav .navb-sep{display:block;flex:none;width:1px;height:30px;margin:0 clamp(16px,1.9vw,32px);background:linear-gradient(180deg,transparent,var(--navb-line) 25%,var(--navb-line) 75%,transparent)}
:root .navb-nav.navb-nav .navb-group>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;min-height:0;margin:0;padding:8px 1px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--navb-text);font-size:15px;font-weight:500;line-height:1.25;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;text-shadow:none;transform:none}
:root .navb-nav.navb-nav .navb-group>a>span{display:block;font-size:inherit;line-height:inherit}
:root .navb-nav.navb-nav .navb-en{display:block;margin:0;font:400 10px/1.2 Georgia,'Times New Roman',serif;letter-spacing:.17em;text-transform:uppercase;color:var(--navb-sub);transition:color .2s}
:root .navb-nav.navb-nav .navb-group>a:after{content:'';display:block;position:absolute;left:0;right:0;top:auto;bottom:-3px;width:auto;height:2px;margin:0;background:var(--navb-gold);box-shadow:none;transform:scaleX(0);transform-origin:center;transition:transform .2s}
:root .navb-nav.navb-nav .navb-group>a:is(:hover,:focus-visible){color:var(--navb-gold-hi);background:none}
:root .navb-nav.navb-nav .navb-group>a:is(:hover,:focus-visible) .navb-en{color:#b39c6c}
:root .navb-nav.navb-nav .navb-group>a:is(:hover,:focus-visible):after{transform:scaleX(.55)}
:root .navb-nav.navb-nav .navb-group>a.current{color:var(--navb-gold-hi);background:none}
:root .navb-nav.navb-nav .navb-group>a.current .navb-en{color:#c4a86c}
:root .navb-nav.navb-nav .navb-group>a.current:after{transform:scaleX(1)}
/* 영문 화면에서는 부제가 본문과 같으므로 숨김 */
html[lang="en"] .navb-nav .navb-en{display:none!important}

/* ---- 금색 다운로드 버튼 (메인·하위 공통) ---- */
:root .navb-download.navb-download{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;align-self:center;height:46px;min-width:138px;margin:0;padding:0 22px;border:0;border-radius:0;color:#1e1b14;background:linear-gradient(120deg,#a78853,#e4d1a5 60%,#bea06a);box-shadow:inset 0 0 0 1px #f2dfb566,0 6px 16px #0005;font-size:16px;font-weight:700;line-height:1;letter-spacing:-.02em;white-space:nowrap;text-shadow:none;text-decoration:none;transform:none}
:root .navb-download.navb-download svg{display:block;width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:root .navb-download.navb-download:hover{filter:brightness(1.1);color:#1e1b14}
:root .navb-download.navb-download.current{box-shadow:inset 0 0 0 1px #fff2cc,0 0 0 1px #d6b979,0 6px 16px #0005}
:root .navb-download.navb-download:after{display:none}

/* ---- 메인(index.html) 머리 ---- */
.masthead .navbar{align-items:center;padding-right:38px}
.masthead .header-actions{align-items:center;align-self:center}
.masthead .utility-support{border-left:1px solid #b9a27333;padding-left:22px}
/* 메뉴가 안 들어가면 portal.js 가 body.compact-nav 를 붙인다 → 햄버거로 */
:root body.compact-nav .navb-nav.navb-nav{display:none}
@media(max-width:1200px){.masthead .navbar{padding-right:24px}}
@media(max-width:1023px){.masthead .navbar{padding-right:16px}}
/* 메인 휴대폰: [문장 MACEDONIA][다운로드][햄버거] 한 줄 — 하위 페이지와 같은 배치 */
@media(max-width:700px){
  :root .masthead .navbar{grid-template-columns:minmax(0,1fr) auto 42px;align-items:center;gap:10px;padding:12px 14px 12px 18px}
  :root .masthead .header-actions{grid-column:2;grid-row:1;width:auto;height:auto;margin:0}
  :root .masthead .header-actions .navb-download.navb-download{width:auto;height:40px;min-width:0;margin:0;padding:0 14px;font-size:14px;gap:7px}
  :root .masthead .navb-download.navb-download svg{width:15px;height:15px}
  :root .masthead .navbar .menu-toggle{grid-column:3}
  .masthead .brand{min-width:0}.masthead .brand>span{min-width:0}
}
@media(max-width:380px){
  :root .masthead .navbar{gap:8px;padding-left:13px;padding-right:10px}
  :root .masthead .header-actions .navb-download.navb-download{padding:0 11px}
  .masthead .brand small{display:none}
}
/* 메인 햄버거 패널: 묶음 구분선 + 오른쪽 영문 부제 */
.mobile-menu>a.navb-mlink{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.mobile-menu>a.navb-mlink .navb-en{font:400 10px/1.2 Georgia,'Times New Roman',serif;letter-spacing:.16em;text-transform:uppercase;color:var(--navb-sub)}
html[lang="en"] .mobile-menu .navb-en{display:none}
.mobile-menu>.navb-msep{display:block;height:1px;margin:10px 0;background:linear-gradient(90deg,var(--navb-gold),transparent);opacity:.55}

/* ---- 하위 페이지 머리(.site-header) ---- */
/* 위 유틸리티 줄: 왼쪽 MACEDONIA MSV, 오른쪽 [빠른 찾기][KR EN CN JP] | 로그인 | 고객지원 — 메인과 같은 모양 */
:root .navb-header .utility{gap:18px}
:root .navb-header .utility-left,:root .navb-header .utility-right{display:flex;align-items:center}
:root .navb-header .brand-mini{margin:0;font:12px/1.5 Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.12em;color:#d3bd91}
:root .navb-header .brand-mini span{margin-left:10px;font-size:10px;color:#8e8065}
:root .navb-header .utility-right{gap:20px;margin-left:auto;font-size:12px;color:#b5b6af}
:root .navb-header .utility-right>a,:root .navb-header .utility-right .text-btn{margin:0}
:root .navb-header .navb-lang{display:flex;align-items:center;gap:2px}
:root .navb-header .navb-lang .lang-btn{min-width:32px;min-height:32px;margin:0;padding:4px 6px;border:0;border-radius:0;background:none;color:#929b9d;font-size:12px;letter-spacing:.03em;line-height:1.2}
:root .navb-header .navb-lang .lang-btn:hover{color:#e7d1a4}
:root .navb-header .navb-lang .lang-btn.active{color:#e7d1a4;background:none;border:0}
:root .navb-header .navb-lang .lang-btn.active:after{content:'';display:block;width:12px;height:1px;margin:2px auto 0;background:#d4b980}
:root .navb-header .navb-login{border-left:1px solid #b9a27333;padding-left:20px;color:#d0b987}
:root .navb-header .navb-support{border-left:1px solid #b9a27333;padding-left:20px;color:#b5b6af}
:root .navb-header .navb-support:hover,:root .navb-header .navb-login:hover{color:#efdbb5}
/* 메뉴 줄 */
:root .navb-header .nav{gap:24px}
:root .navb-header .nav>.main-nav{flex:1 1 auto}
:root .navb-header .nav>.navb-download{margin-left:0}
/* 햄버거로 연 메뉴(.mobile-open) — ≤1100px 또는 메뉴가 안 들어갈 때(body.navb-compact, prestige-navigation.js) */
:root .navb-nav.navb-nav.mobile-open{display:flex;position:absolute;top:100%;left:0;right:0;z-index:48;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:12px 28px 20px;background:#0d1215;border-bottom:1px solid #b19a6466;box-shadow:0 18px 30px #0007;max-height:calc(100dvh - var(--msv-header-size,180px));overflow:auto;overscroll-behavior:contain}
:root .navb-nav.navb-nav.mobile-open .navb-group{flex-direction:column;align-items:stretch;gap:0;width:100%}
:root .navb-nav.navb-nav.mobile-open .navb-sep{width:100%;height:1px;margin:8px 0;background:linear-gradient(90deg,var(--navb-gold),transparent);opacity:.5}
:root .navb-nav.navb-nav.mobile-open .navb-group>a{flex-direction:row-reverse;align-items:baseline;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:13px 10px;font-size:16px;border-radius:3px}
:root .navb-nav.navb-nav.mobile-open .navb-group>a:after{display:none}
:root .navb-nav.navb-nav.mobile-open .navb-group>a.current{background:#bea36b12}
/* 로그인은 위 유틸리티 줄에 보이므로 메뉴 안 복제본(nav-auth)은 숨김 */
:root .navb-nav.navb-nav .nav-auth{display:none!important}
body.navb-compact .navb-header .nav>.menu-btn{display:block;margin-left:0;order:3}
body.navb-compact .navb-header .nav>.navb-download{margin-left:auto;order:2}
:root body.navb-compact .navb-nav.navb-nav:not(.mobile-open){display:none}
@media(max-width:1100px){
  :root .navb-header .nav>.wordmark{order:1}
  :root .navb-header .nav>.navb-download{order:2;margin-left:auto}
  :root .navb-header .nav>.menu-btn{order:3;margin-left:0}
  :root .navb-header .navb-nav.navb-nav:not(.mobile-open){display:none}  /* 하위 페이지만(메인은 ≤1023 에서 portal.css 가 숨김) */
}
@media(max-width:720px){
  :root .navb-header .utility-left{display:none}
  :root .navb-header .utility-right{width:100%;justify-content:space-between;gap:10px}
  :root .navb-header .utility-right a.navb-login{display:inline-block;padding-left:12px}
  :root .navb-header .utility-right a.navb-support{display:none}
  :root .navb-header .navb-lang{gap:0}
  :root .navb-header .navb-lang .lang-btn{min-width:30px;min-height:34px;padding:4px 5px}
  :root .navb-header .navb-download.navb-download{height:40px;min-width:0;padding:0 14px;font-size:14px;gap:7px}
  :root .navb-header .navb-download.navb-download svg{width:15px;height:15px}
  :root .navb-nav.navb-nav.mobile-open{padding:10px 18px 18px}
}
@media(max-width:520px){
  html[lang] body .navb-header.navb-header .nav{flex-wrap:nowrap;height:72px;min-height:0;padding-block:0;gap:0 10px}
  :root .navb-header .nav>.wordmark{flex:1 1 auto;min-width:0}
  :root .navb-header .brand-lockup .brand-copy{min-width:0}
}
@media(max-width:380px){
  :root .navb-header .brand-lockup .brand-caption{display:none}
  :root .navb-header .navb-download.navb-download{padding:0 11px}
  :root .navb-header .navb-lang .lang-btn{min-width:27px}
}
/* 휴대폰 유틸리티 줄의 빠른 찾기는 돋보기만(메인과 같게) */
@media(max-width:720px){:root .navb-header .finder-header-trigger .finder-trigger-label,:root .navb-header .finder-header-trigger kbd{display:none}:root .navb-header .finder-header-trigger{border:0;background:transparent;padding:8px;min-width:34px}}
/* 영문·일문·중문은 낱말이 길어 묶음 안 간격을 조금 줄인다(그래도 안 들어가면 햄버거로 접힘) */
html:not([lang="ko"]) .navb-nav.navb-nav:not(.mobile-open) .navb-group{gap:clamp(13px,1.3vw,22px)}
html:not([lang="ko"]) .navb-nav.navb-nav:not(.mobile-open) .navb-sep{margin:0 clamp(13px,1.4vw,24px)}
/* 좁은 휴대폰: 영문·일문은 '다운로드' 글자가 길어 문장 글자와 겹치므로 아이콘만(글자는 화면낭독용으로 남김) */
@media(max-width:420px){
  html:is([lang="en"],[lang="ja"]) .navb-download.navb-download.navb-download{min-width:44px;padding:0 12px}
  html:is([lang="en"],[lang="ja"]) .navb-download.navb-download.navb-download>span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
}
@media(max-width:380px){:root .navb-header .brand-lockup .brand-name{font-size:15px}}
/* 수정 1 (2026-10-25): 메뉴가 빠듯한 폭에서는 통째로 접기 전에 먼저 간격·글자를 줄인다(body.navb-tight, prestige-navigation.js).
   그래도 안 들어가면 그때 햄버거(body.navb-compact). 일본어에서 데스크톱 폭인데 메뉴가 사라지던 문제 대응. */
html body.navb-tight .navb-nav.navb-nav:not(.mobile-open) .navb-group{gap:12px}
html body.navb-tight .navb-nav.navb-nav:not(.mobile-open) .navb-sep{margin:0 12px}
html body.navb-tight .navb-nav.navb-nav:not(.mobile-open) .navb-group>a{font-size:14px;letter-spacing:-.03em}
html body.navb-tight .navb-header .nav{gap:14px}
html body.navb-tight .navb-header .nav>.navb-download.navb-download{min-width:0;padding:0 16px}
/* 메인(전체 폭 머리)은 portal.js 가 접힘을 판정하므로, 빠듯한 폭에서는 미리 간격·글자를 줄여 둔다. */
@media(min-width:1024px) and (max-width:1320px){
  html body .masthead .navb-nav.navb-nav:not(.mobile-open) .navb-group{gap:12px}
  html body .masthead .navb-nav.navb-nav:not(.mobile-open) .navb-sep{margin:0 12px}
  html body .masthead .navb-nav.navb-nav:not(.mobile-open) .navb-group>a{font-size:14px;letter-spacing:-.03em}
  html body .masthead .navbar{gap:14px}
  html body .masthead .navb-download.navb-download{min-width:0;padding:0 16px}
}
/* 안전장치: 메뉴 줄도 햄버거도 안 보이는 일이 생기면 햄버거를 강제로 보인다(prestige-navigation.js 가 body.navb-rescue 를 붙임) */
body.navb-rescue .masthead .menu-toggle,body.navb-rescue .navb-header .nav>.menu-btn{display:block!important;visibility:visible!important}
/* 메인: ≤1023px 은 햄버거 폭(portal.css 와 같음). 위 .navb-nav display:flex 가 portal.css 의 숨김을 이기지 않게 다시 숨긴다. */
@media(max-width:1023px){:root .masthead .navb-nav.navb-nav{display:none}}