/* Quita la identidad anterior del marco de los juegos. El tablero queda. */

body.game-mode {
  --color-accent: #fafaf8;
  --game-ui-accent: #fafaf8;
  --game-accent: #fafaf8;
  --game-rule: #111;
  background: var(--bg, #fafaf8) !important;
  background-image: none !important;
  color: var(--ink, #111);
  font-family: "Geologica", system-ui, sans-serif;
}

body::before,
body::after,
body.game-mode::before,
body.game-mode::after,
.game-top-bar::after,
.game-back-btn::before,
.game-fullscreen-btn::before,
.game-help-btn::before,
.play-btn::before,
.logo-punctuation {
  content: none !important;
  display: none !important;
  background: none !important;
}

.game-top-bar,
.game-bottom-bar {
  background: var(--bg, #fafaf8) !important;
  border-color: var(--rule, #e4e4e4) !important;
  color: var(--muted, #6b6b6b);
  box-shadow: none !important;
}

.game-back-btn,
.game-fullscreen-btn,
.game-help-btn,
.game-shell-action,
.game-logo {
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  font-family: "Geologica", system-ui, sans-serif;
}

.game-note {
  flex-shrink: 0;
  margin: 0;
  padding: 0.35rem 1rem 0.6rem;
  color: var(--muted, #6b6b6b);
  font-size: 0.875rem;
  line-height: 1.4;
}