/* 디자인 토큰 — 전 모듈 공통 단일 진실 공급원.
   기존 mensa_brain_v2.html(--primary 계열)과 game.css(--brand-navy 계열)가 같은 색을
   다른 변수명으로 각자 정의하던 걸 여기로 통합. 새 모듈은 반드시 이 변수만 사용하고
   페이지 안에서 :root를 다시 선언하지 않는다. */
:root {
  --primary: #00559D;
  --primary-dark: #0E2E69;
  --primary-pale: #EAF2FA;

  /* 경쟁/포인트 전용 액센트 — 로고·헤더·결제 버튼은 항상 --primary 유지, 점수·랭킹·등급만 이 색 사용 */
  --game: #FF6A3D;
  --game-dark: #E5501F;
  --game-pale: #FFE4D6;

  --bg: #F4F5F9;
  --surface: #FFFFFF;
  --line: #E5E5EC;
  --line-soft: #F0F1F5;

  --text: #202020;
  --text-dim: #555;
  --text-mute: #767676;

  --footer-bg: #202020;
  --footer-mute: #999;

  --correct: #16A34A;
  --correct-bg: #ECFDF3;
  --wrong: #DC2626;
  --wrong-bg: #FEF2F2;
  --up: #1E9E6B;
  --down: #E0503C;

  --tier-bronze: #c98a5b;
  --tier-silver: #a6acb8;
  --tier-gold: #e0a83e;
  --tier-plat: #3fa9c4;
  --tier-dia: #3d7fe0;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --shadow-card: 0 12px 32px rgba(0, 85, 157, 0.08);
}

/* 수치 표기 — 이 서비스의 본문은 사실상 숫자(점수·순위·참가자수·금액·D-day)라, 숫자가 들어가는
   자리는 폭이 고정된 tabular 숫자로 세워 세로로 줄이 맞게 한다. 새 웹폰트를 얹지 않고
   Pretendard의 tnum 피처만 켜는 방식 — 로딩 비용 0. */
.tnum { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; }

/* 유료 구간 잠금 표시 — 브레인체크 상세결과·오답확인, 해설노트처럼 "있는데 아직 못 보는" 영역 공용 */
.is-locked { position: relative; }
.is-locked > .locked-blur { filter: blur(5px); opacity: .5; pointer-events: none; user-select: none; }
.locked-overlay {
  position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; text-align: center; padding: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.92) 45%);
  border-radius: var(--radius-md);
}
.locked-overlay .lock-ic { width: 22px; height: 22px; color: var(--text-mute); }
.locked-overlay .lock-msg { font-size: 13px; font-weight: 700; color: var(--text-dim); }
.locked-overlay .lock-sub { font-size: 12px; color: var(--text-mute); margin-top: -6px; }