/* 리셋 + 전역 베이스 + 버튼 — 전 모듈 공통. 버튼 클래스명은 이전 버전의 두 표기(main=.btn-primary, game=.btn--primary)를 BEM(.btn--*)으로 통일. 폰트 로딩(Pretendard CDN 등)은 CSS가 아니라 각 페이지 의 링크 태그에서 처리 — shared/README.md 참고. */ * { box-sizing: border-box; margin: 0; padding: 0; } html { background: var(--bg); scroll-behavior: smooth; } body { background: var(--bg); color: var(--text); font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; -webkit-font-smoothing: antialiased; min-height: 100vh; line-height: 1.6; word-break: keep-all; } a { color: inherit; text-decoration: none; } button { font-family: inherit; } ::selection { background: var(--primary); color: #fff; } .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } /* JS가 화면 상태를 바꿀 때 쓰는 공용 숨김 클래스 — 페이지마다 각자 정의하던 걸 여기로 통합 */ .is-hidden { display: none !important; } /* 키보드 포커스 — 마우스 클릭 시에는 뜨지 않고 키보드 이동에서만 보인다 */ :focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 3px; } .container { max-width: 1280px; margin: 0 auto; padding: 0 28px; } /* ── 버튼 ── */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: var(--radius-md); font-size: 15px; font-weight: 600; /* 와