/* ═══════════════════════════════════════════════════════════════════════════════
   강남 BPMS 3.21.0 — 건물 일러스트 «B 지도(받침대) + C 큰 카드» 토큰 (30-A2 · 클로드 · 2026-10-14)
   30-A tokens.css 위에 얹는다(같은 선택자 규칙: html[data-theme=board][data-tone=…]). 30-A 이름(--acc · --acc-ink · --amb · --amb-ink · --ink1~4 ·
   --gsolid · --line2 · --ez-* · --mk · --stg-panel · --d-draw)은 그대로 쓰고, 일러스트에만 쓰는 값만 --ill- 로 새로 둔다.
   빛·받침 색은 --acc 에서 섞어 만든다 → 카테고리 강조색 · «한 색으로» 설정을 그대로 따라감(현황판 = now 하늘색).
   값 출처: 일러스트_BC/mockup/board.css 끝 «BC» 절(측정·캡처한 값). 자세한 규칙은 사양.md.
   ═══════════════════════════════════════════════════════════════════════════════ */

:root{
  /* 크기(무대 1920×1080 논리 px — 현황판은 무대를 화면 높이에 맞춰 통째로 키우고 줄임) */
  --ill-name-fs:18px;  --ill-name-h:32px;  --ill-name-pad:14px;  --ill-name-max:11;   /* 지금 건물 이름표(이름만 · 11자 넘으면 …) — 결정 16~18px의 위 끝 */
  --ill-chip-fs:13px;  --ill-chip-unit-fs:11.5px; --ill-chip-h:21px; --ill-chip-pad:8px; /* 상주 받침 연수 칩 «51년» */
  --ill-card-w:300px;  --ill-card-w-narrow:268px; --ill-card-h:352px;                    /* C 큰 카드(무대 가로 1700 아래 = 좁음) */
  --ill-card-img-h:150px; --ill-card-text-top:172px;
  --ill-card-name-fs:20px; --ill-card-row-fs:13px; --ill-card-now-fs:12.5px;
  --ill-dl-plate-pad:1px 4px 1px 8px;                                                     /* 동 이름 반투명 받침 */
  /* 움직임(순회 한 걸음 · ms는 걸음 시작부터) — 길이는 30-A 규칙대로 × --mk(끔·정지 = 0) */
  --ill-d-travel:calc(1000ms * var(--mk));   /* 빛 기둥·바닥 맥박 옮겨 감(300px 넘으면 --ez-soft, 아니면 --ez-spring) */
  --ill-d-sink:calc(380ms * var(--mk));      /* 옛 방문 건물 내려감(--ez-in) */
  --ill-d-label-out:calc(200ms * var(--mk));
  --ill-d-pop:calc(700ms * var(--mk));       /* 받침 톡(--ez-pop) */
  --ill-d-rise:calc(1000ms * var(--mk));     /* 건물 솟음(--ez-spring · 넘침 8%) */
  --ill-d-label:calc(760ms * var(--mk));     /* 이름표 톡(--ez-pop) */
  --ill-t-ped:240ms; --ill-t-rise:300ms; --ill-t-label:360ms;           /* 지도 쪽 시작 시각 */
  --ill-t-card:200ms; --ill-t-rows:260ms; --ill-stg-row:var(--stg-panel); /* 카드 쪽: 그림·숨쉬기 200 · 줄 260부터 60ms마다(1초 · 넘침 8%) */
  --ill-t-link:420ms;                                                     /* 연결선 긋기(--d-draw · --ez-out) */
  --ill-d-yield:calc(450ms * var(--mk));      /* 비켜 주기(투명도) · 동 이름 옆으로 미끄러짐 600ms --ez-spring */
}

/* 현황판 · 어둡게(기본) */
html[data-theme=board][data-tone=dark]{
  --ill-ped-ring:var(--acc);
  --ill-ped-hex:color-mix(in srgb,var(--acc) 7%,transparent);
  --ill-ped-hex-cur:color-mix(in srgb,var(--acc) 22%,transparent);
  --ill-ped-shadow:rgba(0,0,0,.42);
  --ill-ped-glow-a:color-mix(in srgb,var(--acc) 70%,transparent);      /* 받침 안 둥근 빛(가운데) */
  --ill-ped-glow-b:color-mix(in srgb,var(--acc) 26%,transparent);
  --ill-beam-a:color-mix(in srgb,var(--acc) 70%,transparent);          /* 빛 기둥 아래 */
  --ill-beam-b:color-mix(in srgb,var(--acc) 34%,transparent);          /* 45% 높이 */
  --ill-beam-core:rgba(230,251,255,1);                                 /* 가운데 심(5px) 아래 */
  --ill-beam-core-b:rgba(150,232,255,.6);                              /* 심 55% 높이 */
  --ill-beam-blur:7px;
  --ill-label-bg:rgba(6,18,44,.88);   --ill-label-ring:var(--acc);  --ill-label-glow:color-mix(in srgb,var(--acc) 35%,transparent);
  --ill-chip-bg:rgba(6,18,44,.80);    --ill-chip-ring:var(--line2);
  --ill-chip-ink:var(--ink1);  --ill-chip-unit:var(--ink2);  --ill-chip-old:var(--amb);
  --ill-dl-plate:rgba(4,14,36,.68);   --ill-dl-ink:var(--ink2);
  --ill-card-bg:color-mix(in srgb,var(--gsolid) 92%,transparent);     /* C 큰 카드 — 유리 흐림 없이 거의 불투명 */
  --ill-card-now:var(--acc);   --ill-card-old:var(--amb);
}
/* 현황판 · 밝게 — 빛·받침을 진한 청록으로(밝은 위성 영상 위에서 B 약점 «빛이 약함» 보완) · 글자는 *-ink(흰 판 4.5:1) */
html[data-theme=board][data-tone=light]{
  --ill-ped-ring:#0b7fb3;
  --ill-ped-hex:rgba(10,146,201,.13);
  --ill-ped-hex-cur:rgba(10,146,201,.20);
  --ill-ped-shadow:rgba(12,42,80,.24);
  --ill-ped-glow-a:color-mix(in srgb,var(--acc) 70%,transparent);
  --ill-ped-glow-b:color-mix(in srgb,var(--acc) 26%,transparent);
  --ill-beam-a:rgba(0,128,186,.66);
  --ill-beam-b:rgba(0,128,186,.26);
  --ill-beam-core:rgba(0,96,160,.95);
  --ill-beam-core-b:rgba(0,118,180,.45);
  --ill-beam-blur:7px;
  --ill-label-bg:rgba(255,255,255,.95); --ill-label-ring:var(--acc); --ill-label-glow:rgba(10,146,201,.22);
  --ill-chip-bg:rgba(255,255,255,.92);  --ill-chip-ring:var(--line2);
  --ill-chip-ink:var(--ink1);  --ill-chip-unit:var(--ink2);  --ill-chip-old:var(--amb-ink);
  --ill-dl-plate:rgba(255,255,255,.84); --ill-dl-ink:#2e4568;
  --ill-card-bg:color-mix(in srgb,var(--gsolid) 92%,transparent);
  --ill-card-now:var(--acc-ink); --ill-card-old:var(--amb-ink);
}
/* 3 m 큰 글씨(남은 판단 — 고르면 이 두 줄만 기본으로): 이름표 21px · 카드 이름 22px · 카드 높이 372 */
html[data-ill-size=big]{ --ill-name-fs:21px; --ill-name-h:36px; --ill-name-pad:16px; --ill-card-name-fs:22px; --ill-card-h:372px; }