/* ───────── v3.1 지금 배치 그대로 · 조금 다듬기 (시안) ─────────
   1) 대장간 버튼 → 장비 창 탭 (ui3w.css) — 왼쪽 위 메뉴가 2×3 으로 한 줄 줄어듦
   2) 설정 · 마을 버튼을 메뉴 버튼과 같은 크기로 (오른쪽 위가 조금 작아짐) */
html.u3 #hudTR .sq { width: calc(var(--u) * 9); height: calc(var(--u) * 9); min-width: 34px; min-height: 34px; }
@media (orientation: landscape) {
  html.u3 #hudBR { top: calc(max(var(--u) * 9, 34px) + 14px + var(--safe-t)); } /* 가로: 소모품은 설정 · 마을 바로 아래 (버튼이 작아진 만큼 위로) */
}

/* ── (고르는 시안) pB: 버튼 색을 새 창과 같은 어두운 도트 버튼으로 (게임이 살짝 비침) ── */
html.u3.pB #hudTL .sq, html.u3.pB #hudTL .fold, html.u3.pB #hudTR .sq, html.u3.pB #hudBR .sq, html.u3.pB #hudL .upb .pic, html.u3.pB #hudL .autoup:not(.on), html.u3.pB #hudL .hpall.no {
  background: rgba(30, 24, 44, 0.72); border-color: #0c0a14; box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.14), inset -2px -2px 0 rgba(0, 0, 0, 0.4);
}
html.u3.pB #hudTL .sq small { color: #ddd5ea; }
html.u3.pB #hudL .autoup.on { background: rgba(30, 64, 30, 0.8); box-shadow: inset 2px 2px 0 rgba(140, 240, 120, 0.3), inset -2px -2px 0 rgba(0, 0, 0, 0.4); border-color: #0c0a14; }
html.u3.pB #hudL .hpall:not(.no) { background: rgba(30, 64, 30, 0.8); box-shadow: inset 2px 2px 0 rgba(140, 240, 120, 0.3), inset -2px -2px 0 rgba(0, 0, 0, 0.4); }