/* ============================================================
   hieroglyph — the tomb. GENERATED by tools/gen-worlds.py; edit the spec
   there, not this file.

   Tokens for both themes, then the game's own --hi-<role> tokens
   re-pointed at them. Shared scaffolding (card, board, cells, buttons,
   readouts) is in lib/gv-world.css and reads these same tokens.
   ============================================================ */

:root body.gv-world{
  --w-font: 'Cinzel Decorative', 'Outfit', system-ui, sans-serif;
  --w-radius: 20px;
  --w-bg-0: #120c05;
  --w-bg-1: #1e150a;
  --w-bg-2: #2b1f0f;
  --w-bg-3: #3a2b15;
  --w-edge-hi: rgba(255,255,255,.08);
  --w-edge-lo: rgba(0,0,0,.55);
  --w-ink: #f6e9c9;
  --w-dim: #bda884;
  --w-accent: #e0b24a;
  --w-accent-hi: #ffe08a;
  --w-accent-lo: #8c6a1e;
  --w-accent-ink: #1f1400;
  --w-accent-text: #f2c65e;
  --w-fill-tint: #ffffff;
  --w-good: #7dd68a;
  --w-good-text: #8fe09a;
  --w-bad: #e05a4a;
  --w-bad-text: #ff8a7a;
  --w-warn: #e0b24a;
  --w-warn-text: #e0b24a;
  --w-blue: #4c8ed9;
  --w-violet: #b48cff;
  --w-line: rgba(224,178,74,.30);
  --w-line-soft: rgba(224,178,74,.13);
  --w-glow: rgba(224,178,74,.45);
  --w-glow-soft: rgba(224,178,74,.14);
  --w-drop: rgba(0,0,0,.55);
  --w-glow-scale: 1;
  --w-cell: #3a2c16;
  --w-cell-hi: #4e3c1f;
  --w-cell-lo: #241a0c;
  --w-cell-br: #8c6a1e;
  --w-cell-ink: #f6e9c9;
  --w-hole: rgba(0,0,0,.45);
  --w-texture: repeating-linear-gradient(180deg, transparent 0 46px, rgba(224,178,74,.07) 46px 48px), radial-gradient(rgba(255,220,160,.04) 0.7px, transparent 1.1px) 0 0 / 6px 6px;
  --w-fill-a: #ffe08a;
  --w-fill-b: #e0b24a;
}

:root[data-theme="light"] body.gv-world{
  --w-bg-0: #e8d9b4;
  --w-bg-1: #f2e7cb;
  --w-bg-2: #f9f2e0;
  --w-bg-3: #fffaf0;
  --w-edge-hi: rgba(255,255,255,.9);
  --w-edge-lo: rgba(20,16,8,.14);
  --w-ink: #2b1f0f;
  --w-dim: #6d5a38;
  --w-accent: #b8861a;
  --w-accent-hi: #f2d38a;
  --w-accent-lo: #7a5008;
  --w-accent-ink: #1f1400;
  --w-accent-text: #7a5008;
  --w-fill-tint: #0b0f14;
  --w-good: #1a9d54;
  --w-good-text: #0f6b3a;
  --w-bad: #c8402e;
  --w-bad-text: #a3301f;
  --w-warn: #c98a10;
  --w-warn-text: #7a5008;
  --w-blue: #1b4fa8;
  --w-violet: #7233c9;
  --w-line: rgba(184,134,26,.36);
  --w-line-soft: rgba(184,134,26,.16);
  --w-glow: rgba(184,134,26,.3);
  --w-glow-soft: rgba(184,134,26,.12);
  --w-drop: rgba(20,16,8,.16);
  --w-glow-scale: 0.5;
  --w-cell: #fff8e6;
  --w-cell-hi: #ffffff;
  --w-cell-lo: #efe2c0;
  --w-cell-br: #c9ad78;
  --w-cell-ink: #2b1f0f;
  --w-hole: rgba(80,50,10,.08);
  --w-texture: repeating-linear-gradient(180deg, transparent 0 46px, rgba(120,90,40,.08) 46px 48px), radial-gradient(rgba(120,90,40,.06) 0.7px, transparent 1.1px) 0 0 / 6px 6px;
  --w-fill-a: #f2d38a;
  --w-fill-b: #b8861a;
}

/* ---- the game's own roles, in this world ---- */
:root body.gv-world{
  --hg-good-bg: color-mix(in srgb, var(--w-good) 20%, transparent);
  --hg-good-br: color-mix(in srgb, var(--w-good) 62%, transparent);
  --hg-sel-outline: var(--w-accent);
  --hg-tok-bg: var(--w-cell);
  --hg-tok-br: var(--w-cell-br);
}
:root[data-theme="light"] body.gv-world{
  --hg-good-bg: color-mix(in srgb, var(--w-good) 18%, transparent);
  --hg-good-br: color-mix(in srgb, var(--w-good) 62%, transparent);
  --hg-sel-outline: var(--w-accent);
  --hg-tok-bg: var(--w-cell);
  --hg-tok-br: var(--w-cell-br);
}

/* ---- the tomb ---- */
:root body.gv-world .gvArcCell{ border-radius: 6px; }
/* The glyphs are carved, not pasted: real hieroglyphs in gold, on stone. */
:root body.gv-world .hgSym, :root body.gv-world .hgSymBig{
  font-family: 'Noto Sans Egyptian Hieroglyphs', 'Segoe UI Historic', serif;
  color: var(--w-accent-text);
  text-shadow: 0 1px 0 rgba(255,255,255,.18), 0 -1px 0 rgba(0,0,0,.35);
  line-height: 1;
}
:root body.gv-world .hgSym{ font-size: 1.35em; }
:root body.gv-world .hgSymBig{ font-size: 2.1em; }
:root body.gv-world .hgTok.g .hgSymBig{ color: var(--w-good-text); }
:root body.gv-world .hgTok.y .hgSymBig{ color: var(--w-warn-text); }
:root body.gv-world .hgSym.hgEmoji, :root body.gv-world .hgSymBig.hgEmoji{ font-family: inherit; text-shadow: none; }

/* ---- carried over from the game's earlier skin, re-pointed ---- */
/* Solved symbols are the progress bar of this game — they should light up and
   stay lit. */
:root body.gv-world .hgTok{ font-weight: 900; }
:root body.gv-world .hgTok.g{
  box-shadow: 0 0 16px color-mix(in srgb, var(--w-good) calc(45% * var(--w-glow-scale)), transparent);
}
:root body.gv-world .hgTok.hgNewSolved{ animation: hgSolve .5s cubic-bezier(.34,1.56,.64,1); }
@keyframes hgSolve{ 0%{transform:scale(.6);filter:brightness(2.2)} 60%{transform:scale(1.16)} 100%{transform:scale(1)} }
:root body.gv-world .hgBtn{
  border: 1px solid var(--w-line);
  color: var(--w-ink);
  font-weight: 800;
  transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease;
}
:root body.gv-world .hgBtn:active{ transform: scale(.93); }
:root body.gv-world .hgSolvedVal{
  color: var(--w-accent-text);
  font-weight: 900;
  text-shadow: 0 0 14px color-mix(in srgb, var(--w-accent) calc(90% * var(--w-glow-scale)), transparent);
}

/* The help button's "i" is hard-coded rgba(255,255,255,.95) in
   hieroglyph.css with no light variant, and style-test's
   :root[data-theme="light"] button{background:#e7eef7} outranks the gold wash
   behind it — so in light mode the glyph was white on near-white and the
   button read as empty. Pre-existing, and only on this page. */
:root body.gv-world .iGlyph{
  color: var(--w-ink);
  border-color: color-mix(in srgb, var(--w-warn) 75%, transparent);
}
:root body.gv-world .infoBtn{
  background: color-mix(in srgb, var(--w-warn) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--w-warn) 65%, transparent);
}