/* HejMap v2 — Droplomat (games/droplomat*-v2.html): the arcade keeps its own
   engine and board art; the page around it gets the v2 sky, card and type. */

.v2-arcade { --col-max: 1080px; }
.v2-arcade .gm-page { background: transparent; }
.v2-arcade .gm-bg { display: none; }
.v2 body.v2-arcade {
  background: linear-gradient(180deg, color-mix(in srgb, var(--blue) 12%, var(--canvas)) 0%, var(--canvas) 70%) no-repeat;
}
.v2-arcade .fd-game {
  overflow: hidden;
  border: 1px solid var(--line);
  border-top: 1px solid var(--line);
  border-radius: 24px;
  background: color-mix(in srgb, var(--surface) 94%, transparent);
  box-shadow: var(--shadow-md);
}
.v2-arcade .fd-game::before { display: none; }
.v2-arcade .fd-topbar,
.v2-arcade .fd-regions-panel { border-color: var(--line); background: transparent; }
.v2-arcade .fd-back { color: var(--text-2); font-family: var(--font); }
.v2-arcade .fd-h1 .fd-brand { color: var(--text); font-family: var(--font); font-weight: 760; letter-spacing: -0.03em; }
.v2-arcade .fd-region-tag,
.v2-arcade .fd-regions-title { color: var(--text-3); font-family: var(--font); letter-spacing: 0.06em; }
.v2-arcade .fd-region {
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--text-2);
  font-family: var(--font);
  font-weight: 600;
}
.v2-arcade .fd-region.is-current { border-color: var(--text); background: var(--text); color: var(--surface); }
.v2-arcade .fd-board-wrap { padding-top: 12px; }
.v2-arcade .fd-board { border-radius: 18px; }