/* 이 파일은 char_make_tool 이 통째로 다시 쓴다 — 손으로 고치지 말 것.
 * 다음 [게임에 넣기] 때 통째로 덮인다. 숫자를 바꾸려면 툴의 UI 작업대에서 맞춘다.
 * 그림 규격과 이 숫자가 따로 놀면 가운데가 사라진다(2026-08 사고). */
:root {
  --wide-info-frame-image: url('/img/ui/frame.png?v=1787378868');
  --wide-info-frame-slice: 10 9 10 10 fill;
  --wide-info-frame-width: 10px 9px 10px 10px;
  --wide-info-frame-repeat: round;

  --wide-info-paper: #f4ecd8;   /* 한지색 — 액자 안쪽 바탕 */
}

/* 창별 두께 — 창마다 안쪽 여백이 달라 한 두께로는 못 맞춘다.
 * 여백(pad)은 게임 style.css 실측값이다. */
.tutorial-box.game-ui-frame, #tutorial-victory.game-ui-frame { --wide-info-frame-width: 13px 12px 13px 13px; }  /* 튜토리얼 상자 680px · 여백 20px */
#gameover-overlay > .start-box.game-ui-frame { --wide-info-frame-width: 16px 14px 16px 16px; }  /* 게임오버 520px · 여백 36px */
#start-overlay > .start-box.game-ui-frame { --wide-info-frame-width: 16px 14px 16px 16px; }  /* 시작 화면 520px · 여백 36px */
#hud.game-ui-frame { --wide-info-frame-width: 12px 11px 12px 12px; }  /* HUD 340px · 여백 20px */
#menu-pop.game-ui-frame { --wide-info-frame-width: 14px 13px 14px 14px; }  /* 메뉴 팝업 340px · 여백 24px */
#npc-talk.game-ui-frame, #dungeon-confirm.game-ui-frame, #castle-shop-confirm.game-ui-frame { --wide-info-frame-width: 12px 11px 12px 12px; }  /* 확인 상자(주민·던전·성상점) 390px · 여백 15px */
#quest-tour.game-ui-frame { --wide-info-frame-width: 12px 11px 12px 12px; }  /* 퀘스트 360px · 여백 18px */
#action-dock.game-ui-frame { --wide-info-frame-width: 12px 11px 12px 12px; }  /* 스킬·빠른칸 300px · 여백 14px */