/*
 * 게시판 디자인 토큰 (TICKET-352, PRD-020/AC-9)
 *
 * 정본은 doc/design/canvas-v2/RaidStyleTile.dc.html(T0)이다. 이 파일은 그 색·간격
 * 값을 옮긴 사본이며 값이 다르면 T0가 맞다. 게시판 CSS·템플릿·JS의 색은 전부
 * 여기 변수를 거친다(리터럴 색은 이 파일 밖에 두지 않는다).
 * `board/base.html`이 board.css보다 먼저 링크한다.
 *
 * "T0 없음" 표시는 코드에만 있고 T0에는 없는 값이다(화면 색 유지를 위해 그대로 둔다).
 */
:root {
  /* ── T0 기본 팔레트 ── */
  --board-bg: #0B1020;
  --board-text: #F2F4FA;
  --board-text-dim: #A7B0C8;
  --board-text-faint: #7F89A6;
  --board-link: #3DD5F3;
  --board-link-hover: #8BE7F8;
  --board-surface: #151C33;
  --board-surface-border: #2C3656;
  --board-divider: #1E2742;
  --board-accent: #3DD5F3;
  --board-accent-ink: #06212A;
  --board-btn-secondary-bg: #1E2742;
  --board-footer-text: #4A5578;
  --board-chip-muted-bg: rgba(167, 176, 200, .12);   /* 내 정보 기록 줄 '완료'·'정원 미달' 칩 바탕(MyInfo, TICKET-499) */
  --board-text-soft: #C9D0E2;      /* 안내 페이지 본문(InfoPage, TICKET-505) — 캔버스 값 그대로, T0 팔레트엔 없음 */
  --board-white: #FFFFFF;

  --board-time: #FFB547;           /* 정원 참·연장·카운트(앰버) */
  --board-time-bg: #3A2A12;
  --board-open-bg: rgba(61, 213, 243, .14); /* 모집 중 칩 배경(accent 틴트) */
  --board-rule: #FF8A80;           /* 패스 세이브(코랄) */
  --board-rule-bg: #3A1A1C;
  --board-menu-danger: #FF6B6B;    /* 더보기 메뉴 항목(모집 취소) 글자색, TICKET-431 */
  --board-danger: #D1363C;         /* 위험 버튼 배경·테두리(+흰 글자) */
  --board-danger-text: #FF8A80;    /* 위험 글자 링크([삭제]·참여 취소 글자 등), 사용자 결정 10-11 V-2·V-3 */
  --board-card-bg: #070B17;        /* 모집 카드 바탕(모집 중) */
  --board-header-bg: #111833;      /* 헤더 바탕(B8, 10-07 결정) — 고정(sticky/fixed) 안 함 */
  --board-header-line: #2C3656;    /* 헤더 아래 선(TICKET-582, 사용자 직접 지시로 더 밝은 값) */
  --board-header-h: 52px;          /* 탭 헤더(.top) 최소 높이 — 본문 최소 높이에서 빼는 값 */
  --board-dock-bottom-gap: 16px;   /* 하단 고정 버튼 아래 여백 — 본문 아래 여백 계산용 */
  --board-page-foot-gap: 32px;     /* 마지막 카드 → 하단 고지 줄 */
  --board-dock-h: calc(28px + var(--board-btn-h)); /* 하단 고정 영역(.bot) 높이: 위 12 + 버튼 + 아래 16, 안전 영역 제외 */
  --page-top-gap: 26px;           /* 헤더 하단 경계 → 첫 요소 보이는 상단(카드 테두리·제목 글자 박스), 탭 헤더 화면 공통 */
  /* 바텀시트 공통 값(2026-10-10 사용자 확정, 모든 시트 한 값) */
  --board-sheet-scrim: rgba(5, 8, 18, .72);                 /* 스크림 = 다이얼로그와 같음 */
  --board-sheet-pad-x: 20px;                                /* 좌우 20 + 화면 띄움 4 = 본문 24선 */
  --board-sheet-pad-top: 10px;                              /* 손잡이 위 */
  --board-sheet-pad-bottom: calc(24px + env(safe-area-inset-bottom));
  --board-sheet-top-gap: calc(52px + 56px);                 /* 긴 시트 위 여백: 헤더 52 + 56 */
  --board-sheet-title-gap: 14px;                            /* 긴 시트 손잡이 아래~제목 간격(정본 G2a·G2b, TICKET-621) */
  --board-j2-desc-size: 14px;                               /* J2 다이얼로그 설명 글자 크기(정본 J2, TICKET-620) */
  --board-dialog-btn-h: 48px;                               /* 다이얼로그 버튼 높이(2B 규격, T1-보충메모, TICKET-778) */
  --board-dialog-btn-radius: 14px;                          /* 다이얼로그 버튼 모서리 */
  --board-dialog-btn-font: 15px;                            /* 다이얼로그 버튼 글자(굵기 800) */
  --board-dialog-buttons-gap: 8px;                          /* 다이얼로그 두 버튼 사이 */
  --board-dialog-buttons-top: 28px;                         /* 설명(또는 본문) 아래~버튼 줄 */
  --board-sheet-gap: 14px;                                  /* 바텀시트 안 요소 사이(세로 flex gap) */
  --board-sheet-sub-btn-h: 48px;                            /* 시트 보조 버튼 높이(2B 규격, T1-보충메모 "시트 버튼", TICKET-779) */
  --board-sheet-sub-btn-radius: 16px;                       /* 시트 보조 버튼 모서리 */
  --board-sheet-sub-btn-font: 15px;                         /* 시트 보조 버튼 글자(굵기 800) */
  --board-sheet-sub-btn-gap: 8px;                           /* 주 버튼 아래~보조 버튼 */
  --board-sheet-link-font: 13px;                            /* 시트 약한 동작(텍스트 링크) 글자 */
  --board-sheet-link-pad-y: 2px;                            /* 약한 동작 위아래 여백 */
  --board-sheet-link-underline-offset: 3px;                 /* 약한 동작 밑줄 간격 */
  --board-j2-hold-gap: 14px;                                /* J2 남은 시간 줄 위 간격(TICKET-620) */
  --board-j2-hold-line: 18px;                               /* J2 남은 시간 줄 높이(TICKET-620) */
  --board-j2-buttons-gap: 20px;                             /* J2 남은 시간 줄 아래~버튼 줄 간격(TICKET-620) */
  --board-sheet-inset: 4px;        /* 바텀시트 좌우 여백(B9, T0-C 4-3) */
  /* PC 화면 · 가운데 기둥(T1 13, TICKET-644) — 폭 430 기둥 하나, 바깥 좌우 배경, 경계선 없이 그림자만 */
  --board-pillar-w: 430px;
  --board-pillar-outer-bg: #070B17;
  --board-pillar-shadow: 0 0 40px rgba(0, 0, 0, .45);
  --board-reserved-bg: #0A1022;    /* 예약방 카드 바탕(B7, 10-07 결정) */
  --board-reserved-border: #34446E;/* 예약방 카드 테두리 */
  --board-card-bg-full: #151C33;   /* 정원 참 이후 카드 바탕, 좌석 원 안쪽도 이 색 */

  /* 팀 점 색(T0 "팀 점") — 헤더 닉네임 칩·좌석 원 공용 */
  --board-team-blue: #4C8DF6;
  --board-team-red: #F0524F;
  --board-team-yellow: #F5C542;
  --board-team-none: #7F89A6;
  --board-seat-empty: #4A5578;
  /* 프로필 말풍선(T0 "프로필 말풍선", TICKET-362) — 바탕은 surface-border와 같은 값, 구분선은 별도 */
  --board-pop-bg: #2C3656;
  --board-pop-divider: #3A4670;

  /* ── T0 색의 투명도 변형·부품 색(T0 값 그대로) ── */
  --board-bg-clear: rgba(11, 16, 32, 0);            /* 하단 페이드 시작(bg 투명) */
  --board-country: #7FD8E8;                         /* 나라 칩 글자(T0A 2-1 "나라", 하늘) */
  --board-country-bg: rgba(127, 216, 232, .12);     /* 나라 칩 배경 */
  --board-globe-size: 16px;                         /* 다른 나라 방 지구본 — 큰 카드(T0C 4-1, 10-12; 옛 20) */
  --board-globe-size-sm: 14px;                      /* 지구본 — 작은 카드(홈 카드; 옛 18) */
  --board-globe-gap: 6px;                           /* 지구본과 한마디 글자 사이 */
  --board-globe-shadow: rgba(6, 9, 20, .85);        /* 지구본 그림자(정본 drop-shadow 색) */
  --board-depart-chip-bg: rgba(255, 181, 71, .14);  /* 카드 출발 시각 칩 배경(T0 앰버 칩) */
  --board-amber-tint-bg: rgba(255, 181, 71, .10);   /* 앰버 배너 배경 */
  --board-amber-tint-border: rgba(255, 181, 71, .35);
  --board-amber-notice-bg: rgba(255, 181, 71, .08); /* 운영자 화면 "확인할 것" 카드 배경(AdminSync, TICKET-481) */
  --board-rule-tint-bg: rgba(255, 138, 128, .10);   /* 코랄 안내 배너 배경 */
  --board-rule-tint-border: rgba(255, 138, 128, .35);
  --board-accent-tint: rgba(61, 213, 243, .10);     /* 선택 강조 배경 */
  --board-accent-ring: rgba(61, 213, 243, .15);     /* 홈 타일 눌림 강조 링(QJLogin1, PRD-038) */
  --board-accent-glow: rgba(61, 213, 243, .55);     /* 보스 이름 네온 */
  --board-accent-notice-bg: rgba(61, 213, 243, .08);/* 보스 고르기 기준 나라 안내 줄 배경(p2-WriteFinalSheetOther) */
  --board-accent-notice-text: #BFE9F4;              /* 같은 안내 줄 글자 */
  /* 레이드 만들기 안내 띠 2종(다른 시간대·레이드 시간 끝, T0C p2-WriteOtherTZ·p2-WriteAfterHours,
     TICKET-572 처리목록) — 색이 accent(하늘)가 아니라 country(연한 하늘/teal)다. */
  --board-tz-notice-bg: rgba(127, 216, 232, .08);
  --board-tz-notice-border: rgba(127, 216, 232, .4);
  --board-glow-lo: rgba(61, 213, 243, .10);         /* 숨 쉬는 글로우 약(T0 1-5 pt-glow) */
  --board-glow-hi: rgba(61, 213, 243, .34);         /* 숨 쉬는 글로우 강 */
  --board-glow-still: rgba(61, 213, 243, .24);      /* 움직임 줄이기일 때 고정 빛 */
  --board-sheet-inner: #0F1528;                     /* 바텀시트 이너 박스 */
  --board-sheet-inner-clear: rgba(15, 21, 40, 0);
  --board-country-card-bg: #121A30;                 /* 나라 고르기 시트 나라 카드 바탕(p2-CountrySheet) */
  --board-thumb-bg: rgba(30, 39, 66, .45);          /* 보스 썸네일 바탕 */
  --board-preview-bg: #141A30;                      /* 링크 미리보기 카드 바탕 */
  --board-shadow: rgba(0, 0, 0, .45);               /* 팝업·토스트 그림자 */
  /* T0에 있으나 게시판 화면이 안 쓰는 값(1:1 유지 목적, 정의만) */
  --board-t0-sky: #9BBBD4;
  --board-t0-preview-text: #141413;

  /* ── T0에 없는 값(코드에만 있음, 화면 색 유지) ── */
  --board-scrim: rgba(5, 8, 18, .72);   /* 오버레이·스크림 바탕 (T0 없음) */
  --board-error-text: #ff8a8a;          /* G2 오류 글자 (T0 없음, T0 코랄은 --board-rule) */
  --board-log-me: #3DD5F3;              /* 참여 기록 '나' 줄 (T0 "참여 기록 색" 네온 블루) */
  --board-log-cancel: #5E6883;          /* 참여 기록 마감 행 글자색 (T0 없음) */
  --board-log-cancel-alpha: .4;         /* 참여 기록 취소 행 알파 (T0 문구 "알파 40%"의 수치화) */
  --board-press-scale: .96;             /* 복사 영역 눌림 효과 (T0 없음) */
  --board-press-dim: .7;
  --board-press-ms: 120ms;

  /* ── T0 간격 ── */
  --board-btn-h: 52px;   /* 버튼 높이 */
  --board-fade-h: 40px;  /* 하단 고정 영역 위 페이드 높이 */

  /* ── TICKET-572 0-2: 공통 부품 통합(헤더·레이드 카드·다이얼로그·바텀시트) 전용 신규 토큰 ──
     글꼴·치수 토큰 전면 도입은 이번 범위가 아니다(기존 22개 CSS 파일 하드코딩은 다음 티켓
     최우선 — doc/reports/TICKET-572/component-audit.md). 여기는 이번에 새로 만든 5개
     매크로가 실제로 쓰는 값만 추가한다(T0AtomicC.dc.html "4-1 레이드 카드"·"4-2 다이얼로그"·
     "4-3 바텀시트"·"5-1 BI 로고 묶음" 절 그대로). */
  --board-font-display: 'Black Han Sans', sans-serif;
  --board-font-body: 'Gothic A1', sans-serif;
  --board-font-mono: 'Chakra Petch', sans-serif;

  --board-card-radius: 20px;          /* 레이드 카드·다이얼로그 공통 모서리(다이얼로그는 24) */
  --board-sheet-radius: 24px;         /* 바텀시트 모서리 */
  --board-card-shadow-soft: rgba(0, 0, 0, .35); /* 레이드 카드 그림자(T0C 4-1 "그림자" 줄) */
  --board-card-shadow-strong: rgba(0, 0, 0, .5); /* 주최자 링크 카드 겹침 때 큰 카드 그림자 진하게 */
  --board-card-bg-size-post: 156px;   /* 글 카드 보스 그림(카드 배경 모드, 오른쪽 끝 페이드) */
  --board-card-bg-size-home: 150px;   /* 홈 카드 보스 그림 */
  --board-card-bg-size-qj: 118px;     /* 빠른 참여 카드 보스 그림 */
  --board-card-name-size: 36px;       /* 글 카드 보스 이름(홈 24, 빠른 참여 19는 기존 토큰/클래스 유지) */
  --board-card-mark-size: 20px;       /* 글 카드 구분 마크 한 변(홈은 18, 인라인으로 축소) */
  --board-card-oneliner-size: 15px;   /* 글 카드 한마디 */
  --board-card-oneliner-line: 1.5;    /* 글 카드 한마디 줄 높이(정본 J1·O1) */
  --board-card-oneliner-gap: 2px;     /* 글 카드 한마디 줄 위 간격(정본 J1·O1 margin-top) */
  --board-tray-count-size: 52px;      /* 글 카드 아래 띠 인원 숫자 */
  --board-tray-glow-start: #17305A;   /* 아래 띠 오른쪽 아래에서 번지는 원형 그라디언트 시작색 */
  --board-tray-glow-end: #0F1528;     /* 그라디언트 끝색(이너 바탕과 같음) */

  /* 보스 성급 표시 공통 부품(T0C 4-3 "성급 표시", TICKET-610) — 이름 위 한 줄, 높이 10 고정 */
  --board-tier-row-h: 10px;
  --board-tier-margin-top: -2px;
  --board-tier-icon-w: 6px;
  --board-tier-icon-h: 5px;
  --board-tier-gap: 3px;
  --board-boss-mark-normal-scale: 75%;  /* 일반 레이드 마크 그림 높이 = 마크 칸 세로의 75%(10-17 확정, 가로 비율 유지·오른쪽 위) */
  --board-tier-icon-opacity: .7;

  /* ── 친구 찾기 부품(T0-D, TICKET-625, PRD-047/AC-4) — 목적 색 4개와 같은 색 14% 바탕(D-3), 치수는 T0-D 수치 ──
     선물=팀 노랑·레이드=규칙 코랄과 같은 값이라 그 토큰을 가리킨다. */
  --board-purpose-gift: var(--board-team-yellow);   /* #F5C542 */
  --board-purpose-raid: var(--board-rule);          /* #FF8A80 */
  --board-purpose-trade: #7EE0A0;
  --board-purpose-friend: #FF8FA3;
  --board-purpose-gift-bg: rgba(245, 197, 66, .14);
  --board-purpose-raid-bg: rgba(255, 138, 128, .14);
  --board-purpose-trade-bg: rgba(126, 224, 160, .14);
  --board-purpose-friend-bg: rgba(255, 143, 163, .14);
  --board-top-tabs-gap: 18px;                       /* D-1 헤더: 로고·탭 사이 */
  --board-header-chip-avatar: 18px;                 /* E-13 [내 정보] 칩 아바타 원 */
  --board-header-chip-emoji: 11px;                  /* E-13 칩 아바타 이모지 */
  --board-header-chip-gap: 5px;                     /* E-13 아바타·닉네임 사이 */
  --board-header-chip-pad: 3px 8px 3px 4px;         /* E-13 칩 안쪽(아바타 쪽이 좁다) */
  --board-friend-filter-h: 36px;                    /* D-2 칩 필터 */
  --board-friend-filter-gap: 6px;
  --board-friend-filter-radius: 10px;
  --board-friend-grid-gap: 7px 8px;                 /* D-4 타일 그리드(세로 7·가로 8) */
  --board-friend-grid-top: 12px;
  --board-friend-tile-h: 110px;
  --board-friend-tile-radius: 14px;
  --board-friend-tile-pad: 12px;
  --board-friend-tile-gap: 7px;                     /* 칩 줄 ↔ 한마디 */
  --board-friend-say-h: 35px;                       /* 한마디 두 줄 높이(12 × 1.45 × 2) */
  --board-friend-dot: 7px;
  --board-friend-chip-radius: 4px;                  /* D-3 작은 칩 */
  --board-friend-chip-pad: 1px 5px;
  --board-friend-chip-gap: 3px;
  --board-friend-chip-emoji-radius: 5px;            /* D-3 이모지 칩 */
  --board-friend-chip-emoji-pad: 2px 6px;
  --board-friend-foot-gap: 5px;                    /* D-4 타일 맨 아래 줄: 점·이름·시각 사이 */

  /* ── 친구 카드 팝업(T0-D D-5, TICKET-626, PRD-047/AC-13) — 정본 p2-FriendRow-g6ic-7lsd-glow*.html 수치 ── */
  --board-dialog-z: 70;                             /* 공통 다이얼로그 — 바텀시트(50/51)·둘째 시트(60/61) 위, 토스트 아래 */
  --board-toast-z: 80;                              /* 토스트 — 다이얼로그(70) 위 */
  --board-friend-card-w: 277px;
  --board-friend-card-h: 411px;
  --board-friend-card-radius: 20px;
  --board-friend-card-pad: 18px;
  --board-friend-card-z: 30;                        /* 헤더·하단 영역(5)·다이얼로그(10) 위, 토스트(60) 아래 */
  --board-friend-dialog-z: 40;                      /* 내 카드 팝업(30) 위에 뜨는 삭제 확인 다이얼로그 — 토스트(60) 아래 */
  --board-friend-card-close-gap: 28px;              /* 카드 ↔ 닫기 동그라미 */
  --board-friend-card-close-size: 45px;
  --board-friend-card-mine-top: 80px;               /* D-8 내 카드(F4)는 남의 카드(120)보다 위 */
  --board-friend-actions-gap: 12px;                 /* D-8 카드 ↔ 버튼 줄 ↔ 닫기 동그라미 */
  --board-friend-actions-btn-gap: 8px;              /* D-8 두 버튼 사이 */
  --board-friend-actions-wait-gap: 8px;             /* D-8 버튼 줄 ↔ 대기 안내 */
  --board-friend-actions-wait-after: 2px;           /* D-8 대기 안내 ↔ 닫기 동그라미는 그룹 간격 12 + 이만큼(정본 14) */
  --board-friend-actions-disabled-opacity: .38;     /* D-8 대기 중 [끌어올리기] */
  --board-friend-actions-h: 44px;
  --board-friend-actions-radius: 12px;
  --board-friend-card-head-h: 20px;
  --board-friend-card-head-gap: 4px;
  --board-friend-card-who-top: 20px;
  --board-friend-card-who-gap: 12px;
  --board-friend-card-initial-size: 52px;
  --board-friend-card-initial-ring: 3px;            /* 이니셜 원 테두리 두께 = 바깥 링 두께 */
  --board-friend-card-initial-ring-pct: 15%;        /* 바깥 링 = 팀 색 15% */
  --board-friend-card-initial-font: 28px;           /* 이니셜 글자 크기(아바타 부품 기본 지름×0.5=26을 지금 값으로 유지) */
  --board-friend-card-name-gap: 3px;
  --board-friend-card-rule-top: 18px;
  --board-friend-card-rule-w: 1.5px;
  --board-friend-card-rule-bleed: 10px;             /* 점선이 안쪽 패딩 밖으로 나가는 양(양쪽) */
  --board-friend-card-border-w: 1px;                /* 외곽선 굵기 */
  --board-friend-card-say-top: 16px;
  --board-friend-card-time-top: 6px;                /* 한마디 아래 작성 시각 줄 */
  --board-friend-card-code-top: 14px;
  --board-friend-card-code-pad: 11px 14px;
  --board-friend-card-code-radius: 14px;
  --board-friend-card-code-gap: 3px;
  --board-friend-card-hint-top: 8px;
  --board-friend-card-mark-size: 380px;             /* 오른쪽 아래 로고 링 워터마크 */
  --board-friend-card-mark-off: -130px;
  --board-friend-card-mark-opacity: .015;
  --board-friend-card-drop: 0 18px 20px var(--board-shadow);  /* drop-shadow 인자 */
  --board-friend-card-glow-lo-r: 8px;               /* 반짝임 약(블러) */
  --board-friend-card-glow-hi-r: 22px;              /* 반짝임 강(블러) */
  --board-friend-card-glow-still-r: 15px;           /* 움직임 줄이기: 고정 빛 */
  --board-friend-card-glow-ms: 2.4s;
  --board-friend-glow-lo: 19%;                      /* 팀 색 반짝임 세기(팀 색의 %) */
  --board-friend-glow-hi: 50%;
  --board-friend-glow-still: 34%;
  --board-friend-glow-none-lo: 12%;                 /* 팀 없음은 회색에 약하게 */
  --board-friend-glow-none-hi: 36%;
  --board-friend-glow-none-still: 24%;
  /* F3 내 카드 등록 · D-6 네임카드 · D-7 목적 선택 (TICKET-627, 정본 p2-FriendWrite.html·T0D D-6·D-7) */
  --board-friend-write-title-top: 0px;             /* 화면 제목 위 */
  --board-friend-write-title-size: 24px;
  --board-friend-write-card-top: 16px;              /* 제목 ↔ 네임카드 */
  --board-friend-write-section-top: 18px;           /* 네임카드 ↔ 목적 제목 · 목적 선택 ↔ 한마디 */
  --board-friend-write-picker-top: 10px;            /* 목적 제목 ↔ 2×2 */
  --board-friend-write-label-gap: 6px;              /* "한마디" 라벨 ↔ 입력 칸 */
  --board-friend-write-field-h: var(--board-field-h); /* 입력 칸 48 통일(border-box), 사용자 결정 10-11 V-1 */
  --board-friend-write-field-radius: 12px;
  --board-friend-write-field-pad: 14px;
  --board-friend-write-foot-bottom: 24px;           /* 하단 고지 줄 아래 */
  --board-friend-write-count-right: 15px;           /* 글자 수 표시 오른쪽 끝(패딩 14 + 테두리 1) */
  --board-friend-write-count-room: 52px;            /* 입력 칸 오른쪽, 글자 수 표시(0/100) 자리 */
  --board-friend-write-notice-gap: 6px;             /* [등록] 위 안내 ↔ 버튼 */
  --board-friend-namecard-h: 112px;
  --board-friend-namecard-radius: 18px;
  --board-friend-namecard-pad: 16px;
  --board-friend-namecard-gap: 14px;
  --board-friend-namecard-initial: 56px;
  --board-friend-namecard-ring: 3px;                /* 이니셜 원 팀 색 테두리 */
  --board-friend-namecard-initial-font: 28px;       /* 네임카드 이니셜 글자 크기(지금 값 유지) */
  --board-friend-namecard-row-gap: 3px;             /* 이름 · 코드 · 팀 줄 사이 */
  --board-friend-picker-gap: 6px;
  --board-friend-picker-radius: 12px;
  --board-friend-picker-pad: 10px 12px;
  --board-friend-picker-desc-top: 2px;

  /* 다이얼로그·바텀시트 공용 "위쪽 하늘 그라데이션 테두리"(T0C 4-2·4-3, 1.5px solid transparent +
     이중 배경 트릭 — padding-box는 바탕색, border-box는 이 그라데이션). 기존 "border-top 1px solid
     accent" 단색 테두리를 대체한다. */
  --board-glow-border-grad: linear-gradient(180deg, rgba(61, 213, 243, .22) 0%, rgba(0, 0, 0, 0) 45%);

  /* ── 템플릿 정비 P1(TICKET-641, PRD-050/AC-1) — 새 부품(뒤로 줄·섹션 머리·입력 칸·계정 부품·기록 줄)용 ──
     값은 전부 정본(T1 10·T0-E E-1~E-8의 CSS)에 실제로 쓰인 값이다. 같은 값·같은 뜻의 토큰이 이미 있으면
     만들지 않았다(색은 기존 --board-text-faint·accent·surface 등, 간격은 --board-friend-namecard-* ·
     --board-btn-h 등을 부품 CSS가 그대로 쓴다). "T0 없음" = T0-A 1-1~1-3에 항목이 없고 T0-E·T1 본문/CSS에만 있는 값. */
  /* 글자 크기 단계 — T0-A 1-2는 크기 스케일 항목이 없다(T0 없음). 정본 부품 CSS에 쓰인 크기만 */
  --board-font-size-11: 11px;       /* 칩·기록 줄 보조(T0 없음 — T0-A 2-1 칩 11/800과 같은 값) */
  --board-font-size-12: 12px;       /* 라벨·시간·묶음 머리(T0 없음) */
  --board-font-size-13: 13px;       /* 섹션 머리·링크·소개·팀 선택(T0 없음) */
  --board-font-size-14: 14px;       /* 기록 줄 보스 이름(T0 없음) */
  --board-font-size-15: 15px;       /* 입력 칸·행 버튼·추가 버튼(T0 없음) */
  --board-font-size-16: 16px;       /* 트레이너 코드(T0 없음) */
  --board-font-size-17: 17px;       /* 일반 트레이너 이름(T0 없음) */
  --board-font-size-18: 18px;       /* 뒤로 줄 제목(T1 10) */
  --board-font-size-20: 20px;       /* 프로필 닉네임·대표 이름·다이얼로그 이름 줄(T0 없음) */
  --board-font-size-22: 22px;       /* 다이얼로그 제목(T0-E E-8) */

  /* T1 10 뒤로 줄 */
  --board-back-row-h: 52px;         /* 맨 윗줄 높이(T1 10) */
  --board-back-btn: 44px;           /* [‹] 터치 영역(T1 10) */
  --board-back-icon: 22px;          /* [‹] 아이콘(T1 10) */
  --board-back-row-pad-x: 12px;    /* 뒤로 줄 좌우 여백(정본 p3-MyEdit3 실측) */
  --board-back-row-gap: 2px;        /* [‹] ↔ 제목 */

  /* T0-E E-1 섹션 머리 + 오른쪽 링크 — 크기는 font-size-13, 색은 text-faint·accent */
  --board-section-head-spacing: 1px;   /* 자간(T0 없음) */

  /* 입력 칸(T0-E CSS .fld/.lbl/.cnt, 항목 없음 — TR 발행 대상) */
  --board-field-h: 48px;            /* box-sizing:border-box 기준 높이(T0 없음). 친구 등록 입력도 이 값 */
  --board-field-pad: 0 12px 0 14px; /* 왼쪽 14·오른쪽 12(T0 없음) */
  --board-dice-size: 36px;          /* 이름 무작위 버튼(T0 없음) */
  --board-dice-radius: 10px;
  --board-dice-gap: 10px;
  --board-dice-bleed: -6px;         /* 입력 칸 오른쪽 안쪽 여백으로 파고드는 양 */
  --board-field-radius: 12px;       /* 입력 칸 모서리(T0-E E-9) */
  --board-field-label-gap: 6px;     /* 라벨 ↔ 칸 */
  --board-field-section-gap: 24px;  /* 칸 간격 — 가입·프로필 수정(트레이너 추가·수정은 16) */
  --board-field-count-gap: 8px;     /* 입력 글자 ↔ 글자 수 카운터 */
  --board-avatar-grid-cols: 6;      /* 아바타 고르기(T0-E E-10, 정본 p3-MyEdit3 실측: 칸 44·이모지 22·안 여백 12 14) */
  --board-avatar-grid-btn: 44px;
  --board-avatar-grid-row-gap: 10px;
  --board-avatar-grid-pad: 12px 14px;
  --board-avatar-grid-emoji: 22px;
  --board-avatar-grid-radius: 12px;
  --board-avatar-grid-on-w: 2px;    /* 고른 칸 테두리 */
  --board-withdraw-pad-x: 20px;     /* 탈퇴 화면 좌우 여백(정본 p2-Withdraw padding 20) */
  --board-withdraw-row-tuck: -4px;  /* 탈퇴 화면 뒤로 줄 ↔ 고지 카드 간격 보정(정본 margin-bottom -4) */
  --board-legal-notice-pad: 10px 12px; /* 방침 맨 위 개정 안내 줄 안쪽 여백 */
  --board-legal-row-tuck: -12px;    /* 약관·방침 뒤로 줄 ↔ 시행일 간격 보정(정본 p2-LegalTerms 행 margin-bottom -4 + 시행일 margin-top -8) */
  --board-signup-top: 8px;         /* 가입 화면 뒤로 줄 ↔ 본문(정본 p2-DraftSignup .in padding-top 8) */
  --board-signup-h-size: 24px;     /* 가입 1/2 머리 큰 글자(정본 p2-DraftSignup .h 24/1.25, Black Han Sans) */
  --board-signup-h-line: 1.25;
  --board-signup-sub-top: 8px;     /* 머리 ↔ 부제(정본 margin 8 0 0) */
  --board-signup-foot-top: 14px;   /* [가입하기] ↔ 푸터 한 줄(정본 foot padding-top 14) */
  --board-signup-bot-bottom: 20px; /* 푸터 한 줄 아래(정본 foot padding-bottom 20) */
  --board-signup-field-gap: 16px;  /* 가입 이름 칸 ↔ 코드 칸(정본 margin-top 16) */
  --board-signup-guide-top: 8px;   /* 코드 칸 ↔ 안내 한 줄·오류 줄(정본 margin-top 8) */
  --board-signup-guide-lh: 1.55;
  --board-signup-agree-bottom: 28px; /* 동의 영역 아래 ↔ 하단 고정(정본 padding 0 0 28) */
  --board-signup-done-top: 60px;   /* 가입 완료 맨 위 ~ 머리(정본 p3-SignupDoneDraft 비어 있는 탑바 자리 52 + 본문 padding-top 8 — 뒤로·닫기 없음) */
  --board-signup-done-foot-top: 14px;   /* [시작하기] ↔ 푸터 한 줄(정본 foot padding-top 14) */
  --board-signup-done-wrap-pad: 8px 0 16px; /* 가운데 카드 바깥 여백(정본 padding 8 0 16) */
  --board-signup-done-bleed: -24px;     /* 가운데 카드는 좌우 본문 여백을 뚫고 가득(정본 margin 0 -24) */
  --board-signup-done-stage-pad: 20px;  /* 가운데 카드 안쪽 여백 */
  --board-signup-done-glow: radial-gradient(circle at 50% 42%, rgba(61, 213, 243, .14) 0, rgba(61, 213, 243, .06) 28%, rgba(61, 213, 243, 0) 58%); /* 빛 배경 */
  --board-signup-done-ring: 128px;      /* 숨쉬는 링 지름 */
  --board-signup-done-ring-border: 4px;
  --board-signup-done-ring-font: 60px;  /* 링 안 첫 글자 Chakra Petch 60/700 */
  --board-signup-done-pulse-ms: 2.6s;
  --board-signup-done-pulse-lo: 0 0 0 8px rgba(61, 213, 243, .12);
  --board-signup-done-pulse-hi: 0 0 0 18px rgba(61, 213, 243, .04);
  --board-signup-done-pulse-still: 0 0 0 10px rgba(61, 213, 243, .10); /* 움직임 줄이기: 고정 빛 */
  --board-signup-done-name-top: 22px;   /* 링 ↔ 이름 */
  --board-signup-done-name-size: 26px;  /* 이름 26/800 */
  --board-signup-done-code-top: 8px;    /* 이름 ↔ 코드 */
  --board-signup-done-code-spacing: 1px;
  --board-signup-done-chip-top: 18px;   /* 코드 ↔ "오늘 가입" 칩 */
  --board-signup-done-chip-radius: 6px;
  --board-signup-done-chip-pad: 5px 10px;
  --board-team-pick-cols: 4;        /* 팀 선택 4칸(T0-E .team, 지금 코드는 3칸). 높이 44·모서리 12·간격 6은 기존 토큰 */
  --board-team-pick-inner-gap: 6px; /* 팀 점 ↔ 글자 */
  --board-team-pick-h: 44px;        /* 팀 선택 칸 높이(border-box, T0-E E-12) */
  --board-team-pick-gap: 6px;       /* 팀 선택 칸 사이 */
  --board-team-pick-dot: 8px;       /* 팀 색 점 */
  --board-team-pick-disabled-opacity: .45; /* 팀 선택 잠금(수정 화면, 진행 중 레이드) */
  --board-code-spacing: 1px;        /* 트레이너 코드 입력 글자 자간(정본 .code) */
  --board-trainer-add-pad-x: 20px;  /* 트레이너 추가 좌우 여백(정본 .pg padding 20, 프로필 수정은 24) */
  --board-trainer-add-gap: 14px;    /* 추가 버튼 ↔ 고지 줄(정본 하단 묶음 gap 14) */
  --board-trainer-add-bottom: 24px; /* 하단 고정 영역 아래 여백 */
  --board-trainer-add-top: 12px;    /* 트레이너 추가: 뒤로 줄 ↔ 첫 칸 라벨(정본 .pg gap 16 − 뒤로 줄 아래 마이너스 4) */
  --board-form-gap: 16px;           /* 트레이너 추가·수정 칸 사이(정본 .pg gap 16) */
  --board-trainer-edit-note-top: 8px; /* 트레이너 수정: 팀 칸 ↔ 잠금 안내 줄(정본에 없는 줄 — 진행 중 레이드로 잠겼을 때만) */
  --board-trainer-edit-save-gap: 8px;  /* 트레이너 수정: [저장] ↔ [대표로 지정] (정본 하단 묶음 gap 8) */
  --board-partner-field-initial-font: 22px; /* 파트너 칸 아바타 이니셜 글자(정본 p3-MyTrainerEdit 22 — 부품 기본 지름×0.5=26을 이 화면에서 덮어씀, 계약 board.md §43-4) */
  --board-lock-pad: 8px 12px;       /* 수정 못 함 안내(.lock, T0 없음) */
  --board-lock-radius: 10px;
  --board-tabs-pad: 3px;            /* 2칸 탭(.tabs, T0 없음) */
  --board-tabs-h: 38px;
  --board-tabs-radius: 12px;
  --board-tabs-item-radius: 9px;

  /* 칩(T0-A 2-1 칩 모서리 6) — 상태 칩 ·"대표" 칩 */
  --board-chip-radius: 6px;
  --board-chip-pad: 4px 8px;        /* 하늘 "대표" 칩 기본(T0 없음) */
  --board-chip-pad-state: 3px 7px;  /* 기록 줄 상태 칩(T0 없음) */
  --board-chip-pad-mini: 2px 7px;   /* 내 정보의 작은 "대표" 칩(10px, T0 없음) */
  --board-chip-size-mini: 10px;

  /* T0-E E-2 프로필 보기 카드 — 카드 18·패딩 16·테두리 3은 --board-friend-namecard-radius/-pad/-ring */
  --board-profile-avatar: 64px;
  --board-profile-avatar-emoji: 32px;
  --board-profile-bio-top: 4px;
  --board-profile-bio-line: 1.5;       /* 한 줄 소개 줄 높이(정본 .bio line-height:1.5) */

  /* 내 정보(/me, 정본 p3-MyInfoMerged2, TICKET-674) — 화면 배치. 정본 .pg는 padding 16 20 24 · gap 14이고 뒤로 줄이 위 -16 · 아래 -4로 파고든다 → 뒤로 줄 아래 10 */
  --board-my-info-pad: 10px 20px 24px;
  --board-my-info-gap: 14px;
  --board-my-info-card-pad: 0 16px;    /* 링크 행을 담는 카드(정본 .card padding 0 16px) */
  --board-my-info-logout-size: 13px;   /* 로그아웃 글자 */
  --board-my-info-empty-pad: 16px 0;   /* 내 레이드 기록 빈 상태 줄(옛 /me에서 그대로) */

  /* T0-E E-3 트레이너 카드 — 일반(112)은 --board-friend-namecard-* 그대로, 대표(136)만 추가 */
  --board-trainer-main-h: 136px;
  --board-trainer-main-pad: 18px;
  --board-trainer-main-initial: 68px;
  --board-trainer-main-initial-font: 34px;
  --board-trainer-initial-font: 28px;
  --board-trainer-main-border-w: 1.5px;
  --board-trainer-main-border: rgba(61, 213, 243, .45);  /* 대표 카드 테두리 하늘 45% */
  --board-trainer-chip-top: 12px;   /* 오른쪽 위 "대표" 칩 */
  --board-trainer-chip-right: 14px;
  --board-trainer-arrow-size: 22px; /* 오른쪽 › */
  --board-trainer-arrow-pad: 0 2px;

  /* 트레이너 카드 목록 */
  --board-trainers-list-gap: 10px;     /* 카드 사이 */
  --board-trainer-border-w: 1px;       /* 트레이너 카드 일반 테두리 굵기(정본 p3-MyTrainers 일반 카드 border:1px) */
  --board-trainer-code-spacing: 1px;   /* 트레이너 코드 자간(정본 .code letter-spacing:1px) */
  --board-trainer-line-tight: 1;       /* 이니셜 원·[+] 글자 줄 높이(정본 line-height:1) */
  --board-trainer-chip-pad: 3px 8px;   /* 대표 카드 "대표" 칩(정본 인라인 padding) */

  /* T0-E E-4 추가 버튼 · 한도 안내 (높이 52는 --board-btn-h) */
  --board-btn-radius: 16px;         /* 주 버튼·점선 버튼 모서리(.btn과 같은 값, T0-E E-4/CSS .btn) */
  --board-dashed-w: 1.5px;
  --board-add-btn-gap: 6px;
  --board-add-plus-size: 18px;
  --board-limit-note-pad: 6px 0;

  /* T0-E E-5 관리 버튼 줄 (높이 52는 --board-btn-h) */
  --board-row-btn-radius: 14px;
  --board-row-btn-pad-x: 16px;
  --board-row-btn-gap: 6px;
  --board-row-btn-top: 28px;        /* 주 버튼 아래 위 간격(잘못 누름 방지, E-5 본문) */
  --board-row-btn-disabled-opacity: .45; /* 비활성 줄(진행 중 레이드 등, 실행·위험 같은 모양 — 사용자 확정 10-11) */

  /* T0-E E-6 기록 줄 · 날짜 묶음 / E-7 참여 기록 줄 */
  --board-record-gap: 10px;
  --board-record-pad-y: 11px;
  --board-record-sub-gap: 4px;      /* 보스 이름 ↔ 주최 닉 */
  --board-record-group-pad: 4px 0;  /* 날짜 묶음 머리(첫 묶음) */
  --board-record-group-top: 14px;   /* 두 번째부터 위 간격 */
  --board-log-row-h: 40px;          /* E-7 */
  --board-log-dot: 8px;
  --board-log-dot-gap: 6px;

  /* T0-E E-8 다이얼로그 이름 줄 (이름 20은 font-size-20, 제목 22는 font-size-22) */
  --board-dialog-name-gap: 2px;     /* 이름 줄 ↔ 제목 */
  /* 트레이너 다이얼로그 3장(추가 후·삭제·대표 지정, p3-MyTrainerAdded·Delete·Primary, TICKET-795) — 안쪽 여백 24/20/20(t1_btnspec)·왼쪽 정렬·설명 14 */
  --board-dialog-trainer-pad: 24px 20px 20px;
  --board-dialog-trainer-title-lh: 1.35;
  --board-dialog-trainer-desc-top: 10px;
  --board-dialog-trainer-desc-font: 14px;
  /* 입력 칸이 있는 다이얼로그는 화면 가운데(T1-보충메모 예외) — 좌우 25. 빠른 트레이너 등록(p3-TrainerGateDraft) */
  --board-dialog-center-pad-x: 25px;
  --board-quick-trainer-fields-top: 16px;       /* 제목 ↔ 첫 칸 라벨 */
  --board-quick-trainer-field-gap: 10px;        /* 이름 칸 ↔ 코드 칸 라벨 */
  --board-quick-trainer-error-top: 6px;         /* 코드 칸 ↔ 오류 문구 */
  --board-quick-trainer-guide-top: 8px;         /* 칸 ↔ 안내 */
  --board-quick-trainer-guide-font: 14px;
  --board-quick-trainer-guide-lh: 1.55;
  --board-quick-trainer-buttons-top: 20px;      /* 안내 ↔ 버튼 줄(공통 28이 아님 — 정본) */

  /* ── 운영자 보스 화면 개편(PRD-052 / TICKET-650) — 임시 템플릿 TR-010~014(board-temp.css)가 쓴다. 출처: p2-AdminActiveGrid·ActiveHide·SyncRun·SyncLog, T0-F F-6·F-7 ── */
  /* 묶음 머리·격자 */
  --board-boss-head-top: 14px;
  --board-boss-head-gap: 6px;
  --board-boss-head-list-pad-bottom: 2px;
  --board-boss-grid-top: 8px;
  --board-boss-grid-gap: 6px;
  /* 타일 */
  --board-boss-tile-radius: 12px;
  --board-boss-tile-pad: 10px 4px 8px;
  --board-boss-tile-gap: 4px;
  --board-boss-tile-hidden-opacity: .45;
  --board-boss-tile-name: #E1E6F2;
  --board-boss-art-sm: 40px;
  --board-boss-art-sm-radius: 10px;
  --board-boss-art-lg: 48px;
  --board-boss-art-lg-radius: 12px;
  --board-boss-badge-inset: 4px;
  --board-boss-badge-radius: 4px;
  --board-boss-badge-pad: 1px 4px;
  --board-boss-tag-pad: 2px 6px;
  --board-font-size-9: 9px;
  --board-font-size-10: 10px;
  /* 종류 색 */
  --board-kind-mega: #7EE0A0;
  --board-kind-mega-bg: var(--board-purpose-trade-bg);
  --board-kind-dynamax: #C4A5FF;
  --board-kind-gigantamax: #FF8FA3;
  --board-kind-shadow: #9FA8FF;
  --board-kind-tag-bg: rgba(255, 255, 255, .06);
  --board-boss-count-new: var(--board-purpose-trade);
  /* 성급 ×N */
  --board-stars-n-gap: 2px;
  --board-stars-n-h: 12px;
  --board-stars-n-icon-opacity: .85;
  --board-stars-n-tile-w: 11px;
  --board-stars-n-tile-h: 9px;
  --board-stars-n-row-w: 12px;
  --board-stars-n-row-h: 10px;
  /* 접힌 묶음 · 행 */
  --board-boss-fold-top: 8px;
  --board-boss-fold-pad: 12px 14px;
  --board-boss-fold-radius: 12px;
  --board-boss-dim-opacity: .6;
  --board-boss-dock-pad-x: 20px;     /* 운영자 현역 보스 탭 하단 버튼 좌우 여백(정본 p2-AdminActiveGrid 버튼 x20·폭350, TICKET-655) */
  --board-boss-row-pad-y: 10px;
  --board-boss-row-gap: 12px;
  --board-boss-row-name-gap: 6px;
  --board-boss-row-period-top: 3px;
  --board-boss-sheet-period-top: 4px;
  /* 안내 카드 */
  --board-notice-card-sm-radius: 12px;
  --board-notice-card-sm-pad: 10px 12px;
  --board-notice-card-sm-gap: 3px;
  --board-notice-card-md-radius: 14px;
  --board-notice-card-md-pad: 12px 14px;
  --board-notice-card-md-gap: 4px;
  /* 동기화 실행 상세 화면(정본 p2-AdminSyncRun, TICKET-667) */
  --board-run-back-margin: -16px -8px 0;   /* 뒤로 줄을 페이지 위·왼쪽 끝으로 당김(정본 margin:-16px -8px 0) */
  --board-run-chip-gap: 8px;               /* 뒤로 줄 오른쪽 결과 칩의 오른쪽 여백 */
  --board-run-notice-top: 6px;             /* 구역 머리 아래 안내 카드 */
  --board-run-count-top: 14px;             /* 건수 줄 위 간격 */
  --board-run-count-pad: 12px 0;
  --board-hist-thumb: 40px;                /* 기록 탭 X 글 썸네일(그림 BSV4-6) */
  --board-hist-line-w: 1px;               /* 기록 탭 줄 구분선 굵기 */
  --board-run-reason-gap: 6px;            /* 종료 줄 사유 꼬리표 왼쪽 간격 */
  /* 운영자 보스 숨기기 시트(정본 p2-AdminActiveHide, TICKET-678) */
  --board-boss-hide-gap: 16px;             /* 시트 안 줄 사이 간격(공통 틀 14와 다름) */
  --board-boss-hide-btns-gap: 8px;         /* [닫기]·[숨기기] 사이 */

  /* ── 홈 3묶음 추가 토큰(TICKET-647) — TR-004~009 임시 템플릿이 가리킨다 ── */
  /* 모서리 값 단계(T0 없음 — 글자 크기 --board-font-size-N 단계와 같은 방식). 16은 --board-btn-radius와 같은 값 */
  --board-tomorrow-opacity: .45;          /* 보스 선택 시트 내일 보스(예정) 타일 전체 투명도(TICKET-791) */
  --board-radius-8: 8px;    /* [참여] 칩 */
  --board-radius-12: 12px;  /* 방 카드 썸네일 칸 */
  --board-radius-14: 14px;  /* 보스 그림 칸 · 구경 줄 · 친구 미니 카드 */
  --board-radius-16: var(--board-btn-radius); /* 방 카드 · 빈 상자 */

  /* 묶음 안 간격(정본 HomeA: 묶음 머리 아래 10 · 보스 줄 8) */
  --board-home-body-top: 10px;      /* 묶음 머리 → 카드·빈 상자·친구 그리드·구경 줄 */
  --board-home-strip-top: 8px;      /* 묶음 머리/소제목 → 보스 타일·보스 일정 칩 줄 */
  --board-home-stack-gap: 8px;      /* 구경 줄 → 그 아래 빈 상자 */

  /* TR-005 보스 타일 · 가로 줄 */
  --board-home-strip-gap: 6px;
  --board-home-tile-img: 52px;      /* 타일·일정 칩 공통 그림 칸 */
  --board-home-tile-gap: 5px;       /* 그림 ↔ 이름 */
  --board-home-tile-basis: calc((100% - 4 * var(--board-home-strip-gap)) / 5); /* 타일 폭 = 5칸 균등 폭(정본 p2-HomeA) — 6칸 이상 스크롤 줄에서도 줄어들지 않는다(TICKET-685) */
  --board-home-locked-opacity: .35; /* 진행 중이라 잠긴 줄(기존 board-home-quick.css .board-tiles--locked 값) */
  --board-home-locked-gray: .6;
  --board-home-ph-chip: 22px;       /* 일정 칩 자리표시 아이콘(정본 22. 타일 26·방 카드 24는 칸의 50%) */

  /* TR-006 빈 상자 */
  --board-home-empty-pad: 22px 14px;
  --board-home-empty-link-top: 6px;

  /* TR-008 보스 일정 칩 */
  --board-home-chip-gap: 4px;
  --board-home-chip-strip-gap: 4px;  /* 일정 5칸 사이(정본 7853 p2-HomeA) */
  --board-bs-art-pic: 46px;          /* 일정 그림 칸 52 안의 그림(왼쪽 아래) */
  --board-bs-art-mark: 16px;         /* 레이드 마크(오른쪽 위) */

  /* T0-F F-1~F-4·F-9 홈 틀 부품(TICKET-647, PRD-051/AC-1) — 정본 T0F-홈묶음보스일정부품 */
  --board-home-scroll-bg: var(--board-bg);         /* F-1 스크롤 바탕 */
  --board-home-bundle-border: #1A2238;      /* F-1 묶음 테두리 */
  --board-home-bundle-margin: 12px;         /* F-1 묶음 좌우 바깥 */
  --board-home-bundle-pad: 16px;            /* F-1 묶음 안쪽 */
  --board-home-bundle-gap: 8px;             /* F-1 묶음 사이 */
  /* 보스 일정 페이지 머리 묶음(TICKET-727, 정본 p2-BossSchedule) — 정본 안쪽 여백 12 24 14 14, 아래 14 중 8은 home_scroll 묶음 간격이 맡아 6 */
  --board-bs-intro-pad: 0 24px 6px 14px;
  --board-bs-intro-lead-margin: 2px 0 0 10px;
  /* 레이드 선택 구분 탭(정본 p2-DraftRaidTab1015·p2-MaxBattle1021 .seg) — 3칸 균등 */
  --board-raid-kinds-top: 10px;
  --board-raid-kinds-h: 40px;
  --board-home-head-sub-gap: 4px;           /* F-2 제목 ↔ 보조 숫자 */
  --board-home-subhead-top: 12px;           /* F-3 보조 머리 위 */
  --board-header-shadow: 0 6px 14px rgba(0, 0, 0, .55); /* F-4 헤더 아래 그림자 */
  --board-home-create-h: 48px;              /* F-9 레이드 만들기 버튼 */
  --board-home-create-top: 14px;
  --board-home-create-gap: 6px;
  --board-home-create-icon: 16px;
  --board-home-tile-picked-ring: 4px;       /* 눌린 타일 강조 링(AC-3, 옛 QJLogin1 값) */
  --board-home-foot-pad: 18px 0 24px;       /* 홈 바닥 안내 줄(정본 .foot) */

  /* 보스 종류 태그 4색(사용자 결정 2026-10-11) — 홈 보스 일정·운영자 보스 묶음이 같이 쓴다. 태그 모양: 10/800 · 배경 흰 6% · 모서리 4 · 안쪽 2 6 */
  /* 색·배경·--board-font-size-10은 위(운영자 보스 묶음)에 같은 값으로 이미 있다 — 병합으로 중복 줄 제거 */
  --board-kind-tag-radius: 4px;
  --board-kind-tag-pad: 2px 6px;

  /* T0-F F-5~F-8 보스 일정 부품(TICKET-654, PRD-051/AC-2) */
  --board-bs-head-h: 76px;                  /* F-5 팝업 헤더 높이(그라디언트) */
  --board-bs-head-pad: 4px 12px 0;
  --board-bs-head-solid-to: 55%;            /* 그라디언트가 진한 채로 가는 곳 */
  --board-bs-head-row-h: 44px;              /* 제목 줄·닫기 터치 */
  --board-bs-head-title-pad: 8px;
  --board-bs-head-close-icon: 22px;
  --board-bs-head-bg: var(--board-home-scroll-bg); /* 그라디언트 시작색 */
  --board-bs-head-clear: rgba(11, 16, 32, 0);         /* 그라디언트 끝(같은 색 투명) */
  --board-bs-row-top: 8px;                  /* F-6 줄 사이 */
  --board-bs-row-gap: 12px;
  --board-bs-join-pad: 6px 10px;            /* [빠른 참여] 채운 버튼 안쪽 여백(옛 --board-home-join-pad — TICKET-906에서 토큰이 지워져 padding이 0이 됐던 것 복원, TICKET-931) */
  --board-bs-join-min-w: 64px;             /* [만들기] 테두리 버튼 최소 폭(정본 7853) */
  --board-bs-join-outline-pad: 5px 10px;    /* 테두리 1을 뺀 안쪽 여백 → 채운 버튼(6px 10px)과 같은 높이 */
  --board-bs-tier-icon-opacity: .85;        /* F-7 성급 아이콘 투명도 */
  --board-bs-row-pad: 12px 14px;
  --board-bs-name-gap: 6px;
  --board-bs-when-top: 5px;
  --board-bs-tier-gap: 2px;
  --board-bs-tier-h: 14px;
  --board-bs-tier-icon-w: 14px;
  --board-bs-tier-icon-h: 12px;
  --board-bs-popup-top: 62px;               /* F-5 첫 묶음 위(헤더 아래 빈칸) */
  --board-bs-sample-tier-gap: 18px;         /* 견본 전용 */
  --board-bs-sample-tag-gap: 8px;
  --board-bs-sample-tag-top: 12px;
  --board-bs-day-gap: 8px;                  /* F-8 날짜 ↔ 보조 */
  --board-bs-cal-btn: 40px;                 /* F-10 캘린더 추가 버튼 */
  --board-bs-cal-hit: 44px;                 /* F-10 누름 영역 */
  --board-bs-cal-radius: 10px;
  --board-bs-cal-border: 1px;
  --board-bs-cal-icon: 20px;
}

/* ── 로그인 화면(정본 screens/p2-DraftLogin4c.html, 캔버스 c1c3, TICKET-755, PRD-050/AC-23) — 값은 정본 그대로 ── */
:root {
  --board-login-pad-x: 24px;                 /* 본문 좌우 여백(정본 .in) */
  --board-login-hero-pad-top: 5px;           /* 로고 묶음 위(정본 인라인 padding-top) */
  --board-login-hero-gap: 16px;              /* 로고 마크 ↔ 글귀 */
  --board-login-mark-w: 106px;               /* 로고 마크 폭(정본 인라인) */
  --board-login-mark-h: 110px;               /* 로고 마크 높이(정본 인라인) */
  --board-login-tagline-size: 26px;          /* 글귀(정본 26/700, 줄 1.35, 자간 -.5) */
  --board-login-tagline-lh: 1.35;
  --board-login-tagline-spacing: -.5px;
  --board-login-word-size: 30px;             /* POKETEAM 글자(Chakra Petch 30/700, 자간 1) */
  --board-login-word-spacing: 1px;
  --board-login-actions-gap: 10px;           /* 버튼 줄 사이 */
  --board-login-btn-gap: 8px;                /* 버튼 안 아이콘 ↔ 글자 */
  --board-login-btn-icon: 18px;              /* 버튼 안 아이콘 */
  --board-login-btn-hover: .96;              /* 카카오 버튼 마우스 올림 밝기(지금 값 유지, 정본에 없음) */
  --board-kakao-bg: #FEE500;                 /* 카카오 브랜드 고정색(정본 버튼 바탕) */
  --board-kakao-text: #191919;               /* 카카오 브랜드 고정색(정본 버튼 글자) */
  --board-google-bg: #FFFFFF;                /* 구글 브랜드 가이드 고정색(정본 버튼 바탕) */
  --board-google-text: #1F1F1F;              /* 구글 브랜드 가이드 고정색(정본 버튼 글자) */
  --board-google-border: #747775;            /* 구글 브랜드 가이드 고정색(정본 버튼 테두리) */
  --board-google-mark: #4285F4;              /* 구글 G 글자색(정본) */
  --board-google-mark-size: 18px;            /* 구글 G 글자 크기(정본 Arial 900) */
  --board-google-mark-font: Arial, sans-serif;
  --board-login-consent-lh: 1.6;             /* 동의 간주 문구 줄 높이 */
  --board-login-consent-mt: 16px;
  --board-login-consent-mb: 20px;
  --board-login-underline-offset: 2px;       /* 동의 문구 밑줄 간격 */
  --board-login-foot-bottom: 20px;           /* 푸터 아래(정본 .foot 인라인 padding) */
  --board-login-error-bg: #2e1416;           /* 오류 배너 바탕(정본에 없음 — 지금 모양 유지) */

  /* ── 내 레이드 기록·지난 레이드(TICKET-772, PRD-049/AC-11) — 정본 p3-MyRaids·p3-MyRaidPast 인라인 수치. 색은 기존 토큰. ── */
  --board-record-gap: 16px;                  /* 머리 줄 ↔ 목록 (정본 pg gap) */
  --board-my-raids-pad: 12px 20px 24px;      /* 내 레이드 기록 본문 안쪽(정본 pg: 위 16 − 뒤로 줄 아래 겹침 4) */
  --board-record-summary-size: 12px;         /* 머리 줄 "오늘 N회 · …" */
  --board-record-group-pad: 14px 0 4px;     /* 날짜 묶음 머리 */
  --board-past-gap: 12px;                    /* 지난 레이드 카드 사이 */
  --board-past-top: 12px;                    /* 요약 카드 위(정본: 뒤로 줄 아래 6 + 카드 위 6) */
  --board-past-pad-x: 24px;                  /* 본문 좌우 */
  --board-past-summary-pad: 16px 16px 4px;
  --board-past-people-pad: 10px 16px 2px;
  --board-past-result-pad: 16px;
  --board-past-log-top: 20px;                /* 참여 기록 묶음 위 */
  --board-past-thumb: 52px;                  /* 보스 그림 칸 */
  --board-past-head-gap: 12px;
  --board-past-head-pad: 12px;               /* 요약 머리 아래 */
  --board-past-kv-h: 36px;                   /* 날짜·출발·주최 줄 */
  --board-past-person-h: 38px;               /* 참여자 줄 */
  --board-past-person-gap: 8px;
  --board-past-no-w: 22px;                   /* 참여자 번호 칸 */
  --board-past-btn-h: 28px;                  /* [친구 카드] 버튼 */
  --board-past-btn-pad: 0 10px;
  --board-past-btn-border: rgba(61, 213, 243, .45);
  --board-past-log-h: 40px;                  /* 참여 기록 줄 */
  --board-past-log-gap: 10px;
  --board-past-head-count-size: 15px;        /* 참여자 수 숫자 */

  /* ── 동의 체크 줄(T0-E E-11, TICKET-800: board-temp.css TR-023 에서 이관) ── */
  --board-agree-pad-bottom: 16px;    /* 동의 영역 아래 */
  --board-agree-gap: 10px;           /* 체크 칸 ↔ 글자 */
  --board-agree-all-h: 44px;         /* 모두 동의 줄 최소 높이 */
  --board-agree-all-after: 4px;      /* 모두 동의 아래 선 ↔ 개별 줄 */
  --board-agree-row-h: 36px;         /* 개별 줄 최소 높이 */
  --board-agree-box: 22px;           /* 체크 칸 한 변(모두 동의 상자, 개별 줄 체크 자리 폭) */
  --board-agree-all-icon: 14px;
  --board-agree-icon: 16px;
  --board-agree-all-stroke: 2.6;
  --board-agree-stroke: 2.4;
  --board-agree-on-bg: rgba(61, 213, 243, .16);      /* 모두 동의 상자 켜짐 바탕 */
  --board-agree-on-border: rgba(61, 213, 243, .45);  /* 같은 상자 켜짐 테두리 */

}

/* ── 첫 글자 아바타(TR-025, T0-E E-22 제안, TICKET-814) — 정본 p3-SignupDoneDraft 88/40/3 · 헤더 칩 18/11 · md는 비례 추정 ── */
:root {
  --board-initial-avatar-lg: 88px;
  --board-initial-avatar-lg-font: 40px;
  --board-initial-avatar-lg-border: 3px;
  --board-initial-avatar-md: 64px;
  --board-initial-avatar-md-font: 32px;
  --board-initial-avatar-md-border: 3px;
  --board-initial-avatar-chip: 18px;
  --board-initial-avatar-chip-font: 11px;
  --board-initial-avatar-chip-border: 0px;

  /* 운영자 보스 동기화 할 일 카드(그림 BSV4-1, T0 없음) */
  --board-ss-todo-accent-w: 3px;    /* 카드 왼쪽 수준 색 띠 두께 */
  --board-ss-todo-text-gap: 2px;    /* 제목 ↔ 부제 */

  /* 운영자 보스 동기화 사진 보기(그림 BSV4-5, T0 없음) */
  --board-ss-photo-line-w: 1px;     /* 사진 칸·행 외곽선 두께 */
  --board-ss-photo-focus-w: 2px;    /* 연 보류 행 강조 테두리 두께 */
  --board-ss-photo-view-maxh: 440px;/* 원본 사진 칸 최대 높이(넘치면 칸 안에서 스크롤) */
  --board-ss-photo-empty-h: 200px;  /* 사진을 못 보여 줄 때 빈 자리 높이 */
}

/* ── 거다이맥스 알림 배너(T0-F F-11) — 글자색은 --board-kind-gigantamax ── */
:root {
  --board-gmax-border: rgba(255, 92, 138, .5);        /* 테두리 */
  --board-gmax-grad-from: rgba(255, 92, 138, .14);    /* 배경 그라디언트 시작(120deg) */
  --board-gmax-grad-to: rgba(15, 21, 40, .95);        /* 그라디언트 끝(70%), --board-sheet-inner와 같은 색 .95 */
  --board-gmax-ring: rgba(255, 92, 138, .25);         /* 진행 중 바깥 링 1px */
  --board-gmax-glow: rgba(255, 92, 138, .28);         /* 진행 중 글로우 */
  --board-gmax-glow-r: 22px;
  --board-gmax-top: 16px;                             /* 위 간격 */
  --board-gmax-pad: 10px 12px;
  --board-gmax-gap: 10px;
  --board-gmax-art: 44px;                             /* 그림 칸 */
  --board-gmax-img: 32px;                             /* 그림(칸 안 왼쪽 아래) */
  --board-gmax-img-inset: 4px;
  --board-gmax-mark: 15px;                            /* 오른쪽 위 거다이맥스 마크 */
  --board-gmax-label-spacing: .5px;
  --board-gmax-dot: #FF5C8A;                          /* 진행 중 점 색·글로우 */
  --board-gmax-dot-size: 6px;
  --board-gmax-dot-glow-r: 6px;
  --board-gmax-dot-gap: 5px;
  --board-gmax-dot-lift: 1px;

  /* 계정 관리(/me/account) 본문 배치 — 정본 p3-AccountManage1021 pg: 위 16 − 뒤로 줄 아래 겹침 4, gap 16, 안내 gap 6·line-height 1.55, 하단 묶음 gap 14 */
  --board-account-manage-pad: 12px 20px 24px;
  --board-account-manage-gap: 16px;
  --board-account-manage-note-gap: 6px;
  --board-account-manage-note-lh: 1.55;
  --board-account-manage-bottom-gap: 14px;
  --board-account-manage-link-trim: 14px;   /* 탈퇴하기 줄 터치 영역 44가 정본 글자 높이보다 큰 만큼 */
}

/* ── 계정 삭제 안내(/account/delete, 정본 AccountDelete.dc.html D1·D2) ── */
:root {
  --board-acctdel-pad: 22px 20px 28px;   /* 본문 안쪽 여백 */
  --board-acctdel-title-size: 26px;      /* 화면 제목(Black Han Sans, 줄 높이 1.2) */
  --board-acctdel-section-top: 28px;     /* 구역 머리 위 */
  --board-acctdel-body-top: 10px;        /* 구역 머리 ↔ 내용 */
  --board-acctdel-row-h: 44px;           /* 값 줄·지워지는 정보 줄 최소 높이 */
  --board-acctdel-key-w: 84px;           /* 앱 이름·개발자 줄의 이름 칸 너비 */
  --board-acctdel-step-num: 28px;        /* 단계 번호 원 */
  --board-acctdel-chip-h: 30px;          /* 경로 칩 */
  --board-acctdel-chip-radius: 15px;
  --board-acctdel-dot: 6px;              /* 지워지는 정보 점 */
  --board-acctdel-note-radius: 10px;     /* 보관 기간 안쪽 상자 */
  --board-acctdel-link-h: 52px;          /* 개인정보처리방침 줄 */
  --board-acctdel-foot-top: 36px;        /* 마지막 줄 ↔ 하단 고지 줄 */
}