.tg-game[data-tankentai-game-id="sun"] {
  --tg-page: #35110a;
  --tg-deep: #2a0b08;
  --tg-surface: #6b2410;
  --tg-canvas: #16090b;
  --tg-glow: rgba(255, 191, 54, 0.36);
  --tg-accent: #ffd84d;
  --tg-button-ink: #351008;
  --tg-muted: #ffe8c7;
  --tg-icon: "☀";
  --tg-highlight: #fff4a6;
  --tg-secondary: #ff8b3d;
}

.tg-game[data-tankentai-game-id="mercury"] {
  --tg-page: #211d1a;
  --tg-deep: #141211;
  --tg-surface: #4d4036;
  --tg-canvas: #16181f;
  --tg-glow: rgba(255, 211, 117, 0.25);
  --tg-accent: #ffd779;
  --tg-button-ink: #241a10;
  --tg-muted: #f5e7d5;
  --tg-icon: "◐";
  --tg-highlight: #fff1bd;
  --tg-secondary: #88b8d8;
}

.tg-game[data-tankentai-game-id="mercury"] .tg-controls {
  gap: clamp(0.4rem, 2vw, 0.75rem);
}

.tg-mercury-dpad {
  min-width: 0;
  display: grid;
  gap: 0.35rem;
}

.tg-mercury-dpad > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
}

.tg-mercury-dpad .tg-control {
  min-width: 4.1rem;
  min-height: 3rem;
  padding: 0.45rem 0.55rem;
  white-space: nowrap;
}

.tg-game[data-tankentai-game-id="mercury"] .tg-controls > [data-game-action="scan"] {
  flex: 0 1 8.5rem;
  min-width: 5.75rem;
  min-height: 3.75rem;
  padding-inline: 0.7rem;
}

@media (orientation: landscape) and (max-height: 34rem) {
  .tg-game[data-tankentai-game-id="mercury"] .tg-controls {
    flex-wrap: nowrap;
    gap: 0.4rem;
  }

  .tg-mercury-dpad {
    width: 100%;
  }

  .tg-mercury-dpad .tg-control,
  .tg-game[data-tankentai-game-id="mercury"] .tg-controls > [data-game-action="scan"] {
    width: 100%;
    min-width: 0;
    min-height: 2.75rem;
    padding: 0.35rem 0.2rem;
    font-size: clamp(0.78rem, 2.2vw, 0.95rem);
  }
}

.tg-game[data-tankentai-game-id="venus"] {
  --tg-page: #321b38;
  --tg-deep: #1b1029;
  --tg-surface: #663c78;
  --tg-canvas: #251437;
  --tg-glow: rgba(255, 183, 101, 0.28);
  --tg-accent: #ffcc70;
  --tg-button-ink: #35172e;
  --tg-muted: #f9dff5;
  --tg-icon: "✦";
  --tg-highlight: #fff0bd;
  --tg-secondary: #d991c7;
}

.tg-game[data-tankentai-game-id="earth"] {
  --tg-page: #062d3b;
  --tg-deep: #052236;
  --tg-surface: #07566b;
  --tg-canvas: #061c3b;
  --tg-glow: rgba(82, 220, 173, 0.25);
  --tg-accent: #8cf09e;
  --tg-button-ink: #073428;
  --tg-muted: #d9fff4;
  --tg-icon: "◍";
  --tg-highlight: #c8ffd3;
  --tg-secondary: #5fd6de;
}

.tg-game[data-tankentai-game-id="moon"] {
  --tg-page: #07152d;
  --tg-deep: #040c1d;
  --tg-surface: #142d53;
  --tg-canvas: #050c1c;
  --tg-glow: rgba(133, 190, 255, 0.24);
  --tg-accent: #ffe765;
  --tg-button-ink: #10182b;
  --tg-muted: #d9e7ff;
  --tg-icon: "☾";
  --tg-highlight: #fff6b1;
  --tg-secondary: #8fc9ff;
}

.tg-game[data-tankentai-game-id="mars"] {
  --tg-page: #32120e;
  --tg-deep: #200b0a;
  --tg-surface: #67271b;
  --tg-canvas: #1a0d10;
  --tg-glow: rgba(255, 120, 71, 0.25);
  --tg-accent: #ffbb69;
  --tg-button-ink: #3b160d;
  --tg-muted: #ffe0cb;
  --tg-icon: "◆";
  --tg-highlight: #ffe2ac;
  --tg-secondary: #71d4df;
}

.tg-game[data-tankentai-game-id="jupiter"] {
  --tg-page: #32221b;
  --tg-deep: #1c1213;
  --tg-surface: #6b4030;
  --tg-canvas: #1e1320;
  --tg-glow: rgba(255, 192, 112, 0.26);
  --tg-accent: #ffd37b;
  --tg-button-ink: #351b13;
  --tg-muted: #ffe7d3;
  --tg-icon: "◎";
  --tg-highlight: #fff0bd;
  --tg-secondary: #d96d55;
}

.tg-game[data-tankentai-game-id="saturn"] {
  --tg-page: #24243c;
  --tg-deep: #121428;
  --tg-surface: #49476b;
  --tg-canvas: #0f1229;
  --tg-glow: rgba(255, 222, 126, 0.24);
  --tg-accent: #ffe68c;
  --tg-button-ink: #28203c;
  --tg-muted: #efecff;
  --tg-icon: "◒";
  --tg-highlight: #fff2bd;
  --tg-secondary: #c9a8ff;
}

.tg-game[data-tankentai-game-id="uranus"] {
  --tg-page: #083340;
  --tg-deep: #06232d;
  --tg-surface: #176677;
  --tg-canvas: #061e30;
  --tg-glow: rgba(146, 241, 240, 0.27);
  --tg-accent: #9ff3ed;
  --tg-button-ink: #09333d;
  --tg-muted: #dcffff;
  --tg-icon: "⊙";
  --tg-highlight: #d7fff7;
  --tg-secondary: #7ccddd;
}

.tg-game[data-tankentai-game-id="neptune"] {
  --tg-page: #071c55;
  --tg-deep: #04113a;
  --tg-surface: #123e8b;
  --tg-canvas: #061341;
  --tg-glow: rgba(91, 161, 255, 0.3);
  --tg-accent: #8fd4ff;
  --tg-button-ink: #071b49;
  --tg-muted: #dbeaff;
  --tg-icon: "≋";
  --tg-highlight: #d7f5ff;
  --tg-secondary: #8ff0dc;
}