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

   Tokens for both themes, then the game's own --sk-<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: 'Big Shoulders Display', 'Outfit', system-ui, sans-serif;
  --w-radius: 20px;
  --w-bg-0: #0b0a20;
  --w-bg-1: #141338;
  --w-bg-2: #1c1a4a;
  --w-bg-3: #26235c;
  --w-edge-hi: rgba(255,255,255,.08);
  --w-edge-lo: rgba(0,0,0,.55);
  --w-ink: #f5efff;
  --w-dim: #aaa5d2;
  --w-accent: #ffb547;
  --w-accent-hi: #ffe0a3;
  --w-accent-lo: #b3731a;
  --w-accent-ink: #1f1200;
  --w-accent-text: #ffc76b;
  --w-fill-tint: #ffffff;
  --w-good: #5ee8a8;
  --w-good-text: #5ee8a8;
  --w-bad: #ff5f7a;
  --w-bad-text: #ff9ab0;
  --w-warn: #ffd36b;
  --w-warn-text: #ffd36b;
  --w-blue: #5aa8ff;
  --w-violet: #9d7bff;
  --w-line: rgba(255,181,71,.30);
  --w-line-soft: rgba(255,181,71,.13);
  --w-glow: rgba(255,181,71,.5);
  --w-glow-soft: rgba(255,181,71,.14);
  --w-drop: rgba(0,0,0,.55);
  --w-glow-scale: 1;
  --w-cell: #191a3c;
  --w-cell-hi: #24265a;
  --w-cell-lo: #0f1030;
  --w-cell-br: #3a3b7a;
  --w-cell-ink: #f5efff;
  --w-hole: rgba(0,0,0,.45);
  --w-texture: linear-gradient(180deg, rgba(255,122,89,.12), transparent 45%), radial-gradient(rgba(255,255,255,.32) 1px, transparent 1.5px) 13px 7px / 97px 83px, radial-gradient(rgba(255,255,255,.32) 0.8px, transparent 1.3px) 41px 53px / 71px 59px, radial-gradient(rgba(255,255,255,.32) 1.2px, transparent 1.8px) 67px 29px / 131px 109px;
  --w-fill-a: #ffe0a3;
  --w-fill-b: #ffb547;
}

:root[data-theme="light"] body.gv-world{
  --w-bg-0: #dfe3f5;
  --w-bg-1: #eceffa;
  --w-bg-2: #f5f6fd;
  --w-bg-3: #ffffff;
  --w-edge-hi: rgba(255,255,255,.9);
  --w-edge-lo: rgba(20,16,8,.14);
  --w-ink: #161538;
  --w-dim: #4f4f80;
  --w-accent: #b8720a;
  --w-accent-hi: #ffd58a;
  --w-accent-lo: #7a4a04;
  --w-accent-ink: #1f1200;
  --w-accent-text: #8a5606;
  --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: #2a63d8;
  --w-violet: #5a3fc0;
  --w-line: rgba(184,114,10,.34);
  --w-line-soft: rgba(184,114,10,.15);
  --w-glow: rgba(184,114,10,.3);
  --w-glow-soft: rgba(184,114,10,.12);
  --w-drop: rgba(20,16,8,.16);
  --w-glow-scale: 0.5;
  --w-cell: #ffffff;
  --w-cell-hi: #ffffff;
  --w-cell-lo: #e8eaf7;
  --w-cell-br: #aab0dc;
  --w-cell-ink: #161538;
  --w-hole: rgba(22,21,56,.07);
  --w-texture: linear-gradient(180deg, rgba(255,170,120,.18), transparent 45%);
  --w-fill-a: #ffd58a;
  --w-fill-b: #b8720a;
}

/* ---- the game's own roles, in this world ---- */
:root body.gv-world{

}
:root[data-theme="light"] body.gv-world{

}

/* ---- the skyline ---- */
/* A city silhouette along the bottom of the page, behind everything. */
:root body.gv-world::after{
  content: ""; position: fixed; left: 0; right: 0; bottom: 0; height: 34vh; z-index: -1; pointer-events: none;
  background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='200' viewBox='0 0 600 200' preserveAspectRatio='none'%3E%3Cg fill='%2307061a'%3E%3Crect x='0' y='120' width='40' height='80'/%3E%3Crect x='40' y='70' width='30' height='130'/%3E%3Crect x='70' y='100' width='50' height='100'/%3E%3Crect x='120' y='40' width='28' height='160'/%3E%3Crect x='148' y='90' width='42' height='110'/%3E%3Crect x='190' y='130' width='36' height='70'/%3E%3Crect x='226' y='60' width='34' height='140'/%3E%3Crect x='260' y='110' width='50' height='90'/%3E%3Crect x='310' y='30' width='24' height='170'/%3E%3Crect x='334' y='85' width='46' height='115'/%3E%3Crect x='380' y='125' width='40' height='75'/%3E%3Crect x='420' y='55' width='30' height='145'/%3E%3Crect x='450' y='95' width='52' height='105'/%3E%3Crect x='502' y='140' width='38' height='60'/%3E%3Crect x='540' y='75' width='32' height='125'/%3E%3Crect x='572' y='115' width='28' height='85'/%3E%3C/g%3E%3Cg fill='%23ffb547' opacity='.55'%3E%3Crect x='48' y='80' width='3' height='4'/%3E%3Crect x='58' y='96' width='3' height='4'/%3E%3Crect x='128' y='52' width='3' height='4'/%3E%3Crect x='138' y='70' width='3' height='4'/%3E%3Crect x='128' y='96' width='3' height='4'/%3E%3Crect x='236' y='72' width='3' height='4'/%3E%3Crect x='248' y='100' width='3' height='4'/%3E%3Crect x='316' y='44' width='3' height='4'/%3E%3Crect x='324' y='66' width='3' height='4'/%3E%3Crect x='316' y='120' width='3' height='4'/%3E%3Crect x='428' y='66' width='3' height='4'/%3E%3Crect x='440' y='90' width='3' height='4'/%3E%3Crect x='548' y='88' width='3' height='4'/%3E%3Crect x='560' y='118' width='3' height='4'/%3E%3Crect x='90' y='112' width='3' height='4'/%3E%3Crect x='160' y='104' width='3' height='4'/%3E%3Crect x='470' y='110' width='3' height='4'/%3E%3Crect x='352' y='100' width='3' height='4'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
  opacity: .9;
}
:root[data-theme="light"] body.gv-world::after{
  background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='200' viewBox='0 0 600 200' preserveAspectRatio='none'%3E%3Cg fill='%23c9cee8'%3E%3Crect x='0' y='120' width='40' height='80'/%3E%3Crect x='40' y='70' width='30' height='130'/%3E%3Crect x='70' y='100' width='50' height='100'/%3E%3Crect x='120' y='40' width='28' height='160'/%3E%3Crect x='148' y='90' width='42' height='110'/%3E%3Crect x='190' y='130' width='36' height='70'/%3E%3Crect x='226' y='60' width='34' height='140'/%3E%3Crect x='260' y='110' width='50' height='90'/%3E%3Crect x='310' y='30' width='24' height='170'/%3E%3Crect x='334' y='85' width='46' height='115'/%3E%3Crect x='380' y='125' width='40' height='75'/%3E%3Crect x='420' y='55' width='30' height='145'/%3E%3Crect x='450' y='95' width='52' height='105'/%3E%3Crect x='502' y='140' width='38' height='60'/%3E%3Crect x='540' y='75' width='32' height='125'/%3E%3Crect x='572' y='115' width='28' height='85'/%3E%3C/g%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
  opacity: .7;
}
:root body.gv-world .seg{ font-size: 13px; letter-spacing: .06em; }
:root body.gv-world .gvArcCell{ border-radius: 8px; }

/* ---- carried over from the game's earlier skin, re-pointed ---- */