/* 사이트 전체 공용 — 색은 정하지 않는다(토큰만 쓴다). 게임별 팔레트는 /hs/hs.css · /tli/tli.css 가 준다.
   2026-09-23: 페이지마다 같은 규칙을 복붙해 두던 것을 한곳으로 모았다.
   주의 — 헤더(.hubnav)는 nav.js 가 자기 색·글꼴을 따로 들고 있어 이 파일의 영향을 받지 않는다(일부러 그렇게 격리해 둠). */

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }

body {
  background: var(--bg);
  color: var(--text);
  font: 14px/1.6 "Pretendard", "Apple SD Gothic Neo", system-ui, sans-serif;
  -webkit-text-size-adjust: 100%;   /* 모바일에서 글자만 멋대로 커지는 것 방지 */
}

/* 본문 그릇 — 폭은 헤더의 '와이드/표준' 토글이 정한다(--page-w) */
.page { max-width: var(--page-w, 1100px); margin: 0 auto; padding: 22px 16px 60px; }

h1 { margin: 0 0 4px; font-size: 22px; color: var(--gold); }
.sub { color: var(--dim); font-size: 12px; margin-bottom: 14px; }
.sub b { color: var(--text); font-weight: 600; }

footer { color: var(--dim); font-size: 11px; margin-top: 26px; border-top: 1px solid var(--edge); padding-top: 14px; }
footer a { color: var(--dim); }

.empty { color: var(--dim); padding: 20px 0; }
.muted { color: var(--dim); }

/* 입력 요소는 브라우저 기본 글꼴을 물려받지 않는다 */
input, select, textarea, button { font: inherit; }