/* UX-MG-009 v2 glossy-3D skin — BOARD + GARDEN SCENE ONLY (Designer design/ux-mg-009/skin.css v2).
   HUD·카드·버튼·카운터·주문 카드·목표 바·정원 시트 UI는 UX-MG-010에서 교체 → 여기서 제외(4d2a037 그대로).
   색은 art/tokens.css(--t-*; design/ux-mg-009/tokens.json → tools/build-sprites.py)에서 읽는다. 폭·대비는 var() 기본값, tokens.json에 tunable로 넣으면 덮어씀. */
#board{background:linear-gradient(var(--t-board-grad-top,#5A8F30),var(--t-board-grad-bottom,#4E8228));border-radius:20px;padding:8px;gap:3px;box-shadow:inset 0 0 0 3px var(--t-board-inner-line,#8CC456),0 4px 0 #3B6A1C,0 8px 14px rgba(40,60,20,.3)}
#board .cell{background:var(--t-cell-1,#5E9433);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
#board .cell:nth-child(odd){background:var(--t-cell-2,#66A03A)}
#board .cell.gen{background:var(--t-cell-1,#5E9433)!important;box-shadow:inset 0 0 0 var(--t-gen-border-w,3px) var(--t-gen-border,#1F3D12),inset 0 0 0 var(--t-gen-ring-w,5px) var(--t-gen-ring,#CFE3A0)}
.item svg{width:100%;height:100%}
#board .lv{background:rgba(59,46,30,.78);color:#FFF8E6;border:0;border-radius:999px;padding:0 4px;opacity:1;font-size:10px;line-height:14px;min-width:14px;text-align:center;right:2px;bottom:2px;text-shadow:none;box-shadow:none}
/* sprites (MG_SPR): 116% canvas box, x -8% y -14% (HANDOFF; scale baked into PNG). Silhouette contrast hook (v2: 1 = 해결, PNG 림으로 ≥3.07). */
.item .spr{position:absolute;left:-8%;top:-14%;width:116%;height:116%;max-width:none;pointer-events:none;background-repeat:no-repeat;filter:contrast(var(--t-item-contrast,1)) drop-shadow(0 0 var(--t-item-outline-w,0px) var(--t-item-outline,rgba(59,46,30,0)))}
/* Client Dev 가정: 320x568 셀 >=44 유지(skin padding 8px → 43.42). v2 UI-SPEC은 390/360만 측정, 이 규칙을 대체하지 않음. */
@media (max-width:340px) and (max-height:699px) and (max-aspect-ratio:3/4){#board{padding:5px}}
/* garden scene (v2, skin-garden.js). 시트·목록 버튼은 UX-MG-010. */
#gscene .deco-g{transform-box:fill-box;transform-origin:50% 100%}