/* 五子棋專用樣式；分頁沿用 site.css 的 .qr-tabs */
.gm-tabs2 { grid-template-columns: repeat(2, 1fr); }
.gm-tabs3 { grid-template-columns: repeat(3, 1fr); }
.gm-opt-label { margin: 10px 0 -6px; font-weight: 600; font-size: .95rem; color: var(--muted); }
.gm-info { display: flex; justify-content: space-between; gap: 8px; margin: 8px auto 6px; max-width: 560px; font-size: 1.02rem; }
.gm-info strong { color: var(--brand-dark); }
.gm-board { max-width: 560px; margin: 0 auto; }
.gm-board canvas { display: block; margin: 0 auto; max-width: 100%; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,.25); touch-action: manipulation; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer; }
.gm-board canvas:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }
.gm-tools { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; max-width: 560px; margin: 8px auto; }
.gm-tools .btn { min-height: 46px; }
#gm-status { text-align: center; font-weight: 600; max-width: 560px; margin-left: auto; margin-right: auto; }
.qr-tabs button, .gm-tools { user-select: none; -webkit-user-select: none; }