/* 공통 화풍 (game.html, index.html 같이 씀)
   - 색은 할머니 캐릭터에서: 갈색 외곽선, 자주색, 금색, 빨간 뿅망치, 몸빼 꽃무늬
   - 캐주얼 게임 UI: 흰 둥근 카드, 알약 모양 칩, 도톰한 버튼, 딱 떨어지는 부드러운 그림자
   - 바닥은 할머니 집 노란 장판 */
:root{
  --line:#5A2E1A; --ink:#4A2A1A; --ink-soft:#8A6A58; --title:#8A2040;
  --floor1:#F6DDA6; --floor2:#EDCF8F; --card:#FFFFFF; --cream:#FFF6DF; --chip:#4A2A1A;
  --wood:#C97B3A; --wood-deep:#9A5522;
  --red:#E5343B; --red-deep:#A81C28; --gold:#FFC629; --gold-deep:#D59300; --stamp:#E5343B;
  --sky:#BFE9FA; --grass:#A6D866; --grass-deep:#7DB548; --path:#F6DDA6; --bar:#2A1238;
  --shadow:rgba(90,46,26,.28);
  --gloss:linear-gradient(180deg,rgba(255,255,255,.42) 0,rgba(255,255,255,.12) 46%,transparent 46%);
  color-scheme: light;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --line:#24110A; --ink:#FFF3D6; --ink-soft:#D9BFAE; --title:#FFB3C4;
    --floor1:#3D2B20; --floor2:#35251B; --card:#4D392E; --cream:#3F2E25; --chip:#24110A;
    --wood:#8E5425; --wood-deep:#6A3C18; --stamp:#FF8A8A;
    --sky:#27485C; --grass:#4E7A35; --grass-deep:#3B5F27; --path:#6B5636; --bar:#1A0A24;
    --shadow:rgba(0,0,0,.4);
    color-scheme: dark;
  }
}
:root[data-theme="dark"]{
  --line:#24110A; --ink:#FFF3D6; --ink-soft:#D9BFAE; --title:#FFB3C4;
  --floor1:#3D2B20; --floor2:#35251B; --card:#4D392E; --cream:#3F2E25; --chip:#24110A;
  --wood:#8E5425; --wood-deep:#6A3C18; --stamp:#FF8A8A;
  --sky:#27485C; --grass:#4E7A35; --grass-deep:#3B5F27; --path:#6B5636; --bar:#1A0A24;
  --shadow:rgba(0,0,0,.4);
  color-scheme: dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background-color:var(--floor1);
  background-image:linear-gradient(var(--floor2) 3px,transparent 3px),linear-gradient(90deg,var(--floor2) 3px,transparent 3px);
  background-size:58px 58px;
  color:var(--ink);
  font-family:'Jua','Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  font-size:22px; line-height:1.35; word-break:keep-all; overflow-wrap:anywhere;
  -webkit-tap-highlight-color:transparent;
}
