.location-game-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 18px;
  padding: 12px 14px;
  border: 3px solid var(--ink);
  background: var(--gold);
  box-shadow: 4px 4px 0 var(--orange);
}

.location-game-bar p { margin: 0; font: 700 12px "DM Mono", monospace; }
.location-game-bar small { display: block; margin-top: 3px; color: #624122; font: 11px "DM Mono", monospace; }
.location-game-reset { border: 2px solid var(--ink); background: var(--cream); color: var(--ink); padding: 8px 11px; font: 700 11px "Space Grotesk", sans-serif; text-transform: uppercase; cursor: pointer; }
.location-grid.is-minesweeper article { position: relative; cursor: pointer; user-select: none; }
.location-grid.is-minesweeper article::after { content: "?"; position: absolute; right: 12px; top: 11px; color: var(--orange); font: 700 23px "Space Grotesk", sans-serif; }
.location-grid.is-minesweeper article:hover:not(.is-open):not(.is-flagged) { background: var(--gold); transform: translate(-2px, -2px); }
.location-grid.is-minesweeper article.is-open { background: #e8e0ce; cursor: default; }
.location-grid.is-minesweeper article.is-open::after { content: attr(data-nearby); color: var(--orange); }
.location-grid.is-minesweeper article.is-mine { background: var(--orange); color: #fff8e7; }
.location-grid.is-minesweeper article.is-mine p, .location-grid.is-minesweeper article.is-mine h3 { color: #fff8e7; }
.location-grid.is-minesweeper article.is-mine::after { content: "✹"; color: var(--gold); }
.location-grid.is-minesweeper article.is-flagged { background: #efd478; }
.location-grid.is-minesweeper article.is-flagged::after { content: "⚑"; color: var(--orange); }
.location-grid.is-minesweeper article.is-open[data-nearby="0"]::after { content: "·"; color: #807666; }

@media (max-width: 760px) { .location-game-bar { align-items: flex-start; } .location-game-bar p { font-size: 10px; } }