/* 가로로 눕힌 휴대폰에서도 판 전체가 한 화면에 */
#game .ch-wrap{position:relative;width:min(100%,540px);width:min(100%,540px,max(260px,100vh - 24px));width:min(100%,540px,max(260px,100svh - 24px));margin:0 auto}
#game #ch-board{display:block;width:100%;height:auto;border-radius:6px;cursor:pointer;touch-action:manipulation}
#game #ch-board .l{fill:var(--board)}
#game #ch-board .d{fill:#8b6a3e;fill:color-mix(in srgb,var(--board) 45%,#3b2810)}
#game #ch-board .last{fill:var(--accent2);opacity:.38}
#game #ch-board .sel{fill:var(--accent);opacity:.45}
#game #ch-board .chk{fill:#e0453a;opacity:.6}
#game #ch-board .td{fill:var(--accent);opacity:.75}
#game #ch-board .tc{fill:none;stroke:var(--accent);stroke-width:4;opacity:.85}
#game #ch-board .co{font:bold 10px sans-serif;pointer-events:none}
#game #ch-board .cl{fill:#8b6a3e}
#game #ch-board .cd{fill:#f3e4c4}
#game #ch-board .pc,#game .ch-promo .g{font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Noto Sans Symbols2","DejaVu Sans","Apple Symbols",serif;pointer-events:none}
#game #ch-board .pc{font-size:40px}
#game #ch-board .pw{fill:#fffdf6;stroke:#1d1d1d;stroke-width:1.3px;paint-order:stroke}
#game #ch-board .pb{fill:#161616;stroke:#f2efe6;stroke-width:.9px;paint-order:stroke}
#game .ch-promo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--card);border:2px solid var(--accent);border-radius:12px;padding:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;width:min(92%,330px);box-shadow:0 6px 24px rgba(0,0,0,.3)}
#game .ch-promo[hidden]{display:none}
#game .ch-promo span{width:100%;text-align:center;font-weight:700}
#game .ch-promo .g{width:auto;font-size:26px;line-height:1;margin-right:2px;vertical-align:middle}
#game .ch-promo .pw{color:#fffdf6;-webkit-text-stroke:1px #1d1d1d}
#game .ch-promo .pb{color:#161616}
#game .ch-moves{display:flex;flex-wrap:wrap;gap:2px 14px;margin:10px 0 0;padding:8px;list-style:none;max-height:110px;overflow-y:auto;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:Consolas,Menlo,monospace;min-height:40px}
#game .ch-moves li{min-width:96px}
#game .ch-rec{font-size:13px;color:var(--muted);margin:6px 0 0}
/* 휴대폰: 조작줄을 두 줄로 줄여 판이 첫 화면에 더 많이 보이게 */
@media (max-width:600px){#game .ch-bar{gap:6px;margin-bottom:6px}#game .ch-bar select,#game .ch-bar button{font-size:13px;min-height:34px}#game .ch-bar select{padding:4px 2px 4px 5px}#game .ch-bar button{padding:4px 9px}#game .ch-wide{display:none}#game .status{margin:4px 0 6px;font-size:15px}}