/* 옹고집 도술 연구소 — 새 테마: 한지 바탕 · 먹색 · 단청(붉은색·청록·노랑) · 얇은 붓선 */
:root{
  --paper:#f3e9d2;--card:#fbf5e4;--ink:#2a2119;--ink2:#5a4a38;--muted:#7d6c55;--line:#dccfae;
  --org:#c7442e;--org2:#a83823;--teal:#2a7f86;--teal2:#1f6469;--cave:#2f6f9a;--mus:#e2a83a;--mus2:#b9821c;--cor:#d86a50;--navy:#2f5f9a;
  --ok:#3a8a5c;--okl:#dcefe2;--no:#b8352a;--nol:#f9e0da;--hi:#ffe08a;
}
html,body,#stage{background:var(--paper) url(../images/bgh.webp) center/cover}
body{color:var(--ink)}
/* 두꺼운 테두리 → 얇은 붓선 */
#stage *{border-width:2px}
#stage .btn,#stage .tbtn{border-width:2px}
/* 카드: 어긋난 그림자 대신 번지는 먹 그림자 */
#stage .card{border-radius:14px;box-shadow:0 10px 26px rgba(70,45,20,.17)}
#stage .card.o,#stage .card.m{box-shadow:0 10px 26px rgba(70,45,20,.17)}
#stage .main{border-radius:0 14px 0 0}#stage .side{border-radius:14px 0 0 0}
#stage .btn{border-radius:12px;box-shadow:0 4px 0 rgba(42,33,25,.5)}
#stage .btn:hover{box-shadow:0 6px 0 rgba(42,33,25,.5)}
#stage .btn:active{box-shadow:0 0 0 rgba(42,33,25,.5);transform:translateY(4px)}
#stage .btn[disabled]{box-shadow:0 4px 0 #b8ab8d}
#stage .tbtn{box-shadow:0 3px 0 rgba(42,33,25,.45)}
#stage :is(.opt,.chip,.quiz,.sc1,.kv,.part,.bin,.rbox,.cell,.ecard,.fcard,.cmp .ch,.maptb,.mission){box-shadow:0 5px 0 rgba(42,33,25,.14)}
#stage .sc1{box-shadow:0 6px 0 rgba(42,33,25,.2)}
#stage .mhead{background:var(--cave)}
#stage .mission{background:linear-gradient(#fcf3da,#f4e4bd)}
#stage .brand .mk{box-shadow:2px 2px 0 rgba(42,33,25,.4)}
#stage .sg{border-width:2px}
.dot{border-width:3px!important}
/* 단청 띠: 오른쪽 패널 머리·카드 머리에 얇은 줄무늬 */
#stage .mhead{border-bottom:3px double rgba(255,255,255,.6)}
#stage .sc1 b{background-image:linear-gradient(90deg,rgba(255,255,255,.12) 0 8px,transparent 8px 16px);background-size:16px 100%}