/* Gamemaker creatures and twists: the creature card, creature fights, the
   Gamemakers' notices, their marks on the map, and causes in the night sky. */
:root {
  --twist: #b99be0;
  --twist-bg: #231d30;
  --twist-line: #574878;
}

/* Creature silhouette card */
.beast-art { display: block; flex: none; width: 112px; height: 90px; border-radius: 8px; overflow: hidden; border: 1px solid #5a2f2b; background: #120d0f; color: #cfc6bd; }
.beast-art svg { display: block; width: 100%; height: 100%; }
.beast-glow-in { stop-color: #3a1f1f; }
.beast-glow-out { stop-color: #110c0e; }
.beast-eye { fill: #ff6b4a; filter: drop-shadow(0 0 1.5px #ff6b4a); }
.beast-teeth { fill: none; stroke: #f4ead8; stroke-width: 1.1; stroke-linejoin: round; }
.beast-tusk { stroke: #f4ead8; fill: none; }
.beast-mane { fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
.beast-branch { fill: none; stroke: #6d5a42; stroke-width: 4; stroke-linecap: round; }
.beast-water { fill: #1f4550; opacity: .8; }
.beast-flame { fill: #f08a3c; }
.beast-nest { fill: #6e6a5f; }
.beast-wing { fill: #d9e6ee; opacity: .55; }
.beast-stripe { stroke: #1a1410; stroke-width: 1; }
.beast-sound { color: #b99be0; }
.beast-wolves { color: #b9bec4; }
.beast-jackers { color: #e1b43c; }
.beast-lizard { color: #7ea27a; }
.beast-monkeys { color: #b48a64; }
.beast-boar { color: #8f7462; }
.beast-vines { color: #6fa35d; }
.beast-firebirds { color: #f2b25b; }
.beast-jabberjays { color: #8fa6b8; }
.beast-firebirds .beast-glow-in { stop-color: #4a2616; }
.beast-lizard .beast-glow-in, .beast-jabberjays .beast-glow-in { stop-color: #16303a; }
.beast-vines .beast-glow-in { stop-color: #1b2d1c; }
.event-beast { width: 96px; height: 78px; }

/* Creature fights */
.beast-fight { background: linear-gradient(180deg, #24191a, transparent 300px); }
.beast-duel .beast-foe { gap: 6px; }
.beast-fighter { width: 132px; height: 104px; box-shadow: 0 0 24px rgba(216,106,95,.18); }
.beast-bodies { display: flex; gap: 4px; justify-content: flex-end; width: 100%; max-width: 160px; }
.beast-body { flex: 1; }
.beast-body .meter { width: 100%; }
.beast-body.dead { opacity: .3; }
.beast-lore { font-size: 13px; color: #cfd5d1; margin: 0; }
.beast-traits { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.beast-traits li { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 3px 8px; border-radius: 99px; border: 1px solid #5a2f2b; color: #f2c9c2; background: rgba(216,106,95,.08); }
.choice-escape { border-color: #3f5a47; }
.choice-escape:hover:not(:disabled) { border-color: var(--green); }

/* The Gamemakers' notices */
.alert-twist { border-color: var(--twist-line); background: var(--twist-bg); color: #e6dcf6; }
.alert-twist .icon { color: var(--twist); }

/* Map marks: creature dens and hunt grounds, supply drops */
.map-hunt-ring { fill: none; stroke: var(--twist); stroke-width: .7; stroke-dasharray: 1.2 1.2; opacity: .9; }
.map-gm circle { stroke: #0c1518; stroke-width: .35; }
.map-gm path { fill: none; stroke: #0c1518; stroke-width: .55; stroke-linecap: round; stroke-linejoin: round; }
.map-gm-beast circle { fill: var(--twist); }
.map-gm-drop circle { fill: var(--blue); }
.map-gm.soon { opacity: .6; }

/* The night sky: how each tribute died, and tomorrow's twist */
.sky-cause { font-style: normal; font-size: 11px; color: #b7c3d4; max-width: 150px; line-height: 1.3; }
.broadcast-twist { color: #e6dcf6; font-size: 14px; padding: 8px 14px; border: 1px solid var(--twist-line); border-radius: var(--radius); background: rgba(35,29,48,.7); }

@media (max-width: 860px) {
  .beast-fighter { width: 104px; height: 84px; }
  .beast-art.event-beast { width: 80px; height: 64px; }
  .beast-lore { font-size: 12px; }
}