/* Ghombie's theme (spec §2.9): its tile on the home page and its own page carry
   .theme-ghombie; everything else on the site is the studio's. Colours come from
   game/ui/palette.gd; the display font is the game's own, Mystery Quest. */

@font-face {
  font-family: "Mystery Quest";
  src: url("/assets/fonts/MysteryQuest-Regular.ttf") format("truetype");
  font-display: swap;
}

.theme-ghombie {
  --bg: #1D1237;            /* VOID_BG */
  --surface: #2B1A50;       /* UI_PANEL */
  --surface-2: #3A2766;     /* UI_SECONDARY */
  --line: rgba(179, 162, 220, 0.22); /* WALL_RIM, faint */
  --line-strong: rgba(179, 162, 220, 0.4);
  --text: #F4F0FB;
  --muted: #C2B8E0;
  --heading: #F4F0FB;
  --accent: #FFD53D;        /* STAR_GOLD */
  --accent-hover: #FFE88A;
  --marker: #FFD53D;
  --focus: #22D3EE;         /* GHOST_GLOW */
  --btn-bg: linear-gradient(#8FE35A, #5BBF36);
  --btn-text: #12300C;
  --btn-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.22), 0 6px 20px rgba(123, 227, 66, 0.25);
  --btn-hover: brightness(1.07);
  --ghost-line: #D99B26;    /* MEDALLION_RIM */
  --ghost-text: #FFD53D;
  --ghost-hover: rgba(217, 155, 38, 0.12);
  --badge-bg: rgba(34, 211, 238, 0.12);
  --badge-text: #9EEFFB;
  --title: #A8EB6B;         /* the title's green */
  --tagline: #FFD53D;
  --font-display: "Mystery Quest", Georgia, serif;
  --display-weight: 400;
  --display-tracking: 0.01em;
  color: var(--text);
}

/* The night sky behind Ghombie's own areas */
.theme-ghombie.game-zone {
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(99, 57, 154, 0.55), transparent 70%),
    radial-gradient(900px 500px at -10% 10%, rgba(34, 211, 238, 0.10), transparent 70%),
    var(--bg);
}

.theme-ghombie .game-card,
.theme-ghombie.game-card { background: var(--surface); }
.theme-ghombie .art { background: #232857; }

.theme-ghombie .sparkles { position: relative; }
.theme-ghombie .sparkles::before {
  content: ""; position: absolute; inset: -40px 0 auto 0; height: 320px; pointer-events: none; z-index: 0;
  background-image:
    radial-gradient(2px 2px at 12% 30%, rgba(255, 213, 61, 0.8), transparent 60%),
    radial-gradient(1.5px 1.5px at 28% 70%, rgba(255, 255, 255, 0.6), transparent 60%),
    radial-gradient(2px 2px at 46% 18%, rgba(184, 242, 248, 0.7), transparent 60%),
    radial-gradient(1.5px 1.5px at 64% 56%, rgba(255, 213, 61, 0.6), transparent 60%),
    radial-gradient(2px 2px at 82% 26%, rgba(255, 255, 255, 0.7), transparent 60%),
    radial-gradient(1.5px 1.5px at 92% 74%, rgba(184, 242, 248, 0.6), transparent 60%);
}
.theme-ghombie .sparkles > * { position: relative; }

.theme-ghombie .game-hero h1 { text-shadow: 0 3px 0 #2F6B2A, 0 8px 30px rgba(0, 0, 0, 0.4); }
.theme-ghombie .screens img { border: 6px solid #0F0920; }
.theme-ghombie .features h3,
.theme-ghombie .prose h2 { color: var(--accent); }
.theme-ghombie .toc { background: rgba(43, 26, 80, 0.55); }