/* Friendly visual shell for the 15 classic games. Keep each game's mechanics. */
.classic-game {
  background: #fff8ed !important;
  color: #294246 !important;
  font-family: "Arial Rounded MT Bold", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}
.classic-game h1 {
  color: #df694e !important;
  font-weight: 900;
}
.classic-game #info,
.classic-game #info span,
.classic-game #status,
.classic-game #count {
  color: #405f63 !important;
}
.classic-game .back {
  color: #36575c !important;
  background: #fffefa;
  border-radius: 11px;
  padding: 6px 9px;
  box-shadow: 0 3px 0 #ebdcc8;
  font-size: 13px;
  font-weight: 800;
  z-index: 10;
}
.classic-game .key-hint,
.classic-game .hint,
.classic-game #hint {
  color: #688082 !important;
}
.classic-game button {
  min-height: 42px;
  background: #ec7057 !important;
  color: #fff !important;
  border-radius: 11px !important;
  box-shadow: 0 3px 0 #cd5b43;
  font-weight: 800;
  touch-action: manipulation;
}
.classic-game button:active { transform: translateY(2px); box-shadow: 0 1px 0 #cd5b43; }
.classic-game .size-btn:not(.active),
.classic-game #diffBtn,
.classic-game #modeBtn:not(.active),
.classic-game #dirBtns button {
  background: #758fc6 !important;
  box-shadow: 0 3px 0 #5d77af;
}
.classic-game #gridWrap,
.classic-game #boardWrap,
.classic-game #puzzleWrap,
.classic-game #goban {
  background: #e6edf0 !important;
  border-color: #cbdde1 !important;
  border-radius: 14px !important;
}
.game-2048 .tile[class="tile"] { background: #d2e3e5 !important; }
.game-memory-match .card-back { background: #86b5d1 !important; border-color: #6da3c4 !important; }
.game-memory-match .card-front { background: #fffefa !important; border-color: #e8d9c6 !important; }
.game-memory-match .card-back::after { color: #fff !important; }
.game-memory-match .card.matched .card-front { background: #e3f4df !important; border-color: #83c98a !important; }
.game-tic-tac-toe .cell { background: #fffefa !important; }
.game-tic-tac-toe .cell.x { color: #3e829f !important; }
.game-tic-tac-toe .cell.o { color: #e76851 !important; }
.game-minesweeper .cell.open { background: #fffefa !important; }
.game-minesweeper .cell.n1 { color: #16778f !important; }
.game-minesweeper .cell.n2 { color: #318052 !important; }
.game-minesweeper .cell.n3 { color: #d55043 !important; }
.game-minesweeper .cell.n4 { color: #385faf !important; }