/* 在线五子棋 */
.gm-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem}
.gm-opt{display:flex;align-items:center;gap:.4rem}
.gm-opt label{margin:0;color:#8a9199;font-size:.8125rem}
.gm-opt .form-select{width:auto}
.gm-switch{margin:0;padding-left:2.4rem}
.gm-switch .form-check-label{font-size:.8125rem;color:#5b6675}

/* 常驻提示条：对局状态 / 结果都放这一块（描边和下面的 gm-stat 同一套） */
.gm-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .8rem;margin-top:.75rem;
  padding:.55rem .8rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fafbfd;color:#5b6675;text-align:center}
.gm-result b{font-weight:600}
.gm-result.is-win{border-color:#bbe7cf;background:#f2fcf6;color:#12805a}
.gm-result.is-lose{border-color:#f6d3d3;background:#fff5f5;color:#c0392b}
.gm-result.is-draw{border-color:#fde3b8;background:#fffaf0;color:#9a5b12}

.gm-stage{display:flex;justify-content:center;margin-top:.9rem}
.gm-board{position:relative;max-width:100%;border-radius:.85rem;overflow:hidden;box-shadow:0 10px 26px rgba(90,58,20,.22);
  line-height:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.gm-board canvas{display:block;max-width:100%;height:auto;cursor:pointer;touch-action:manipulation}

.gm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.9rem}
.gm-stat{padding:.5rem .35rem;border:1px solid #eef1f5;border-radius:.6rem;background:#fafbfd;text-align:center}
.gm-stat b{display:block;color:var(--site-primary,#b45309);font-size:1.1rem;line-height:1.25;font-variant-numeric:tabular-nums}
.gm-stat span{display:block;margin-top:.1rem;color:#8a9199;font-size:.6875rem}

.gm-stats-actions{display:flex;justify-content:flex-end;margin-top:.35rem}
.gm-stats-actions .btn{padding:.1rem .3rem;font-size:.8125rem;color:#8a9199}

/* 手机：数据卡两列排，别挤成一条 */
@media (max-width:575.98px){
  .gm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}