@import url("/assets/css/world-grounds.css");
/* Colours for the habitat pages of the data-driven areas (made from src/_data/world/*.js). The ground textures are in world-grounds.css. */

body.w-firstdinos { --bg: #f7ead6; --line: #e8d4b2; --soft: #76583a; background: var(--g-reddust, none), linear-gradient(180deg, #fcf4e4 0%, #f4e2c4 45%, #e8cea4 100%) fixed; }
body.w-firstdinos .tl-m:not(.on) { background: #e8d4b2; }
body.w-firstdinos .perch { filter: drop-shadow(0 6px 8px rgba(90,56,20,.22)); }

body.w-giants { --bg: #e2eed8; --line: #c6dab6; --soft: #40663c; background: var(--g-jungle, none), linear-gradient(180deg, #eef6e6 0%, #dae8ce 45%, #c2dab2 100%) fixed; }
body.w-giants .tl-m:not(.on) { background: #c6dab6; }
body.w-giants .perch { filter: drop-shadow(0 6px 8px rgba(20,60,20,.24)); }

body.w-jsmall { --bg: #eeeedd; --line: #d8d8bc; --soft: #5a5a3c; background: var(--g-litter, none), linear-gradient(180deg, #f8f8ec 0%, #eaead4 45%, #dadab8 100%) fixed; }
body.w-jsmall .tl-m:not(.on) { background: #d8d8bc; }
body.w-jsmall .perch { filter: drop-shadow(0 6px 8px rgba(50,50,20,.22)); }

body.w-hunters { --bg: #f0eadc; --line: #dcd0b8; --soft: #6a563c; background: var(--g-litter, none), linear-gradient(180deg, #f9f5ea 0%, #ece2cc 45%, #dccfb0 100%) fixed; }
body.w-hunters .tl-m:not(.on) { background: #dcd0b8; }
body.w-hunters .perch { filter: drop-shadow(0 6px 8px rgba(70,46,20,.24)); }

body.w-planteaters { --bg: #e4eed8; --line: #c8dab6; --soft: #44663c; background: var(--g-jungle, none), linear-gradient(180deg, #f0f6e6 0%, #dce8ce 45%, #c6dab2 100%) fixed; }
body.w-planteaters .tl-m:not(.on) { background: #c8dab6; }
body.w-planteaters .perch { filter: drop-shadow(0 6px 8px rgba(20,60,20,.24)); }

body.w-feathered { --bg: #f6ecda; --line: #e6d6b8; --soft: #745a3a; background: var(--g-reddust, none), linear-gradient(180deg, #fcf5e8 0%, #f3e4c8 45%, #e6d0a8 100%) fixed; }
body.w-feathered .tl-m:not(.on) { background: #e6d6b8; }
body.w-feathered .perch { filter: drop-shadow(0 6px 8px rgba(90,56,20,.22)); }

body.w-sea { --bg: #d8e8f0; --line: #b8d2e0; --soft: #3a6078; }
html.water:has(body.w-sea) { background: var(--g-sea, none), linear-gradient(180deg, #e8f3f8 0%, #cfe3ee 45%, #b2d2e2 100%) fixed; }
html.water body.w-sea { background: transparent; }
body.w-sea .pk, body.w-sea .who, body.w-sea .tip, body.w-sea .ap-mate { background: rgba(255,255,255,.92); }
body.w-sea .tl-m:not(.on) { background: #b8d2e0; }
body.w-sea .perch { filter: drop-shadow(0 6px 8px rgba(20,50,70,.22)); }

body.w-sky { --bg: #f2ecdc; --line: #e0d6bc; --soft: #6a5c40; background: var(--g-reefsand, none), linear-gradient(180deg, #e6f1f6 0%, #f1ecda 50%, #e8dcbc 100%) fixed; }
body.w-sky .tl-m:not(.on) { background: #e0d6bc; }
body.w-sky .perch { filter: drop-shadow(0 6px 8px rgba(70,56,20,.2)); }