#game .jg-lab{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}
/* 가로로 눕힌 휴대폰에서도 판 전체가 한 화면에: 판 높이(폭×612/552)가 화면 높이를 넘지 않게 */
#game .jg-wrap{width:min(100%,480px);width:min(100%,480px,max(260px,(100vh - 24px)*.9));width:min(100%,480px,max(260px,(100svh - 24px)*.9));margin:0 auto}
#game #jg-board{display:block;width:100%;height:auto;cursor:pointer;touch-action:manipulation}
#game #jg-board .bg{fill:var(--board)}
#game #jg-board .ln{stroke:#4a3418;stroke-width:1.6}
#game #jg-board .frame{fill:none;stroke:#4a3418;stroke-width:3}
#game #jg-board .lastf{fill:none;stroke:var(--accent);stroke-width:3;stroke-dasharray:4 3}
#game #jg-board .pc text{font-family:"Batang","바탕","BatangChe","Noto Serif KR","Noto Serif CJK KR","Source Han Serif K","AppleMyungjo",serif;font-weight:700;pointer-events:none}
#game #jg-board .pc .disc{fill:#fbf3df;stroke-width:3}
#game #jg-board .pc .ring{fill:none;stroke-width:1.2;opacity:.55}
#game #jg-board .pc .halo{fill:none;stroke:none}
#game #jg-board .cho .disc,#game #jg-board .cho .ring{stroke:#1f56a8}
#game #jg-board .cho text{fill:#1f56a8}
#game #jg-board .han .disc,#game #jg-board .han .ring{stroke:#c42b25}
#game #jg-board .han text{fill:#c42b25}
#game #jg-board .pc.sel .halo{stroke:var(--accent);stroke-width:5}
#game #jg-board .pc.last .halo{stroke:var(--accent2);stroke-width:4}
#game #jg-board .pc.chk .halo{stroke:#e0453a;stroke-width:6}
#game #jg-board .td{fill:var(--accent);opacity:.8}
#game #jg-board .tc{fill:none;stroke:var(--accent);stroke-width:4;stroke-dasharray:6 4}
#game .jg-log{font-size:13px;color:var(--muted);margin:6px 0 0}
/* 휴대폰: 조작줄을 두 줄로 줄여 판이 첫 화면에 더 많이 보이게 */
@media (max-width:600px){#game .jg-bar{gap:6px;margin-bottom:6px}#game .jg-bar select,#game .jg-bar button{font-size:13px;min-height:34px}#game .jg-bar select{padding:4px 2px 4px 5px}#game .jg-bar button{padding:4px 9px}#game .jg-lab{gap:4px;font-size:13px}#game .jg-wide{display:none}#game .status{margin:4px 0 6px;font-size:15px}}
