/* Skyline Tycoon palette: night-city navy with gold accents. */

:root {
  color-scheme: dark;
  --ts-page: #070e1d;
  --ts-surface: #101c36;
  --ts-surface-2: #172746;
  --ts-line: #253a63;
  --ts-text: #eef3ff;
  --ts-muted: #9cabcc;
  --ts-accent: #f2c14e;
  --ts-accent-ink: #1d1604;
  --ts-good: #3ddc97;
  --ts-bad: #ff5c6c;
  --ts-warn: #ffb347;
  --ts-ad: #5b6cff;
}

body {
  background:
    linear-gradient(180deg, rgb(7 14 29 / 55%) 0%, var(--ts-page) 420px),
    url("/games/assets/skyline-tycoon/bg-city.webp") top center / 100% auto no-repeat,
    radial-gradient(ellipse at 50% -10%, #1d3566 0%, var(--ts-page) 60%);
  background-color: var(--ts-page);
}

.ts-hud {
  background: linear-gradient(160deg, rgb(24 40 76 / 92%), rgb(12 22 44 / 92%));
}

/* Placeholder tiles for art that has not loaded show a small skyline. */
.ts-art-missing::after {
  content: "";
  position: absolute;
  inset: auto 10% 12% 10%;
  height: 40%;
  background: repeating-linear-gradient(90deg, rgb(255 255 255 / 18%) 0 12%, transparent 12% 18%);
  clip-path: polygon(0 60%, 12% 60%, 12% 20%, 30% 20%, 30% 45%, 45% 45%, 45% 0, 62% 0, 62% 35%, 78% 35%, 78% 55%, 100% 55%, 100% 100%, 0 100%);
}