/* Landscape art (tools/scenes.py). Works on site pages (--fog/--sheet) and dashboards (--bg/--paper). */
.scene{display:block;width:100%;height:auto;color:var(--ink);--sc-bg:var(--fog,var(--bg));--sc-sheet:var(--sheet,var(--paper));
  --sc-near:color-mix(in srgb,var(--ink) 72%,var(--sc-bg));--sc-far:color-mix(in srgb,var(--ink) 20%,var(--sc-bg))}
.scene .far{fill:var(--sc-far)}
.scene .near,.scene .ground,.scene .shore{fill:var(--sc-near)}
.scene .ink{fill:var(--ink)}
.scene .snow{fill:#F4F7F6}
.scene .white{fill:#F4F7F6;stroke:#14273A;stroke-width:1.2}
.scene .water{fill:color-mix(in srgb,#2C7DA0 62%,var(--sc-bg))}
.scene .wave{fill:none;stroke:#F4F7F6;stroke-width:2;stroke-linecap:round;opacity:.7}
.scene .reflect{fill:color-mix(in srgb,var(--sc-near) 55%,#2C7DA0);opacity:.55}
.scene .ice{fill:#F4F7F6;stroke:color-mix(in srgb,var(--ink) 30%,transparent);stroke-width:1}
.scene .ice-under{fill:#BFE0EA;opacity:.75}
.scene .sun{fill:#FFD43B;opacity:.35}
.scene .smoke{fill:none;stroke:color-mix(in srgb,var(--ink) 35%,transparent);stroke-width:2.5;stroke-linecap:round}
.scene .road{fill:color-mix(in srgb,var(--ink) 55%,var(--sc-bg))}
.scene .road-line{fill:none;stroke:#FFD43B;stroke-width:1.5;stroke-dasharray:10 10}
.scene .win{fill:color-mix(in srgb,#FFD43B 55%,var(--sc-bg))}
.scene .line,.scene .line-thick,.scene .line-thin{fill:none;stroke:var(--sc-near);stroke-linecap:round}
.scene .line{stroke-width:3}.scene .line-thick{stroke-width:5}.scene .line-thin{stroke-width:1.6}
.scene .line-ink{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round}
.scene .line-gold{fill:none;stroke:#D4A017;stroke-width:1.6}
.scene .line-field{fill:none;stroke:color-mix(in srgb,#2F6E3A 55%,transparent);stroke-width:1.4}
.scene .x-mark{fill:none;stroke:#14273A;stroke-width:2.6;stroke-linecap:round}
/* named colours */
.scene .canola{fill:#FFD43B}
.scene .c-yellow{fill:#F2C230}
.scene .c-wheat{fill:#D9B44A}
.scene .c-field{fill:#7FAE5A}
.scene .c-lawn{fill:#6E9E4E}
.scene .c-leaf{fill:#5E8C3C}
.scene .maple,.scene .c-red{fill:#C8372D}
.scene .c-maple-pale{fill:#E9A39C}
.scene .c-maple-dark{fill:#8E2A44}
.scene .c-orange{fill:#E07A2E}
.scene .c-yellow-leaf{fill:#E8B53A}
.scene .c-yellow-boat{fill:#F0C23A}
.scene .c-blue{fill:#2F6FA8}
.scene .c-green-house{fill:#3F8A5C}
.scene .c-purple{fill:#7A5BA8}
.scene .c-iris{fill:#5B63B8}
.scene .c-pink{fill:#E58FB0}
.scene .c-sand{fill:#B5523B}
.scene .c-rock{fill:color-mix(in srgb,#9A8C86 75%,var(--sc-bg))}
.scene .c-wood{fill:#8A5A3B}
.scene .c-gold{fill:#D4A017}
.scene .c-copper{fill:#5A9E8C}
.scene .aurora{fill:#5CC9A1;opacity:.32}
.scene .c-rock-dark{fill:color-mix(in srgb,#6E625D 80%,var(--sc-bg))}
.scene .c-wool{fill:#E9DCC3}
.scene .smoke-fill{fill:color-mix(in srgb,var(--ink) 22%,var(--sc-bg));opacity:.75}
.scene .log-end{fill:#E9C79A}
.scene .beam{fill:#FFD43B;opacity:.35}
.scene .petal{fill:#FFFFFF;stroke:color-mix(in srgb,var(--ink) 35%,transparent);stroke-width:1}
.scene .dogwood-c{fill:#7FA34A}

.scene-wrap{margin-top:30px}
.scene-foot{margin-top:56px}
.scene-foot + footer{margin-top:0;border-top-width:0}
.dash-scene{margin:-4px 0 4px}
.scene-thumb{width:100%;height:100%;border-radius:4px 14px 4px 14px;background:color-mix(in srgb,var(--ink) 4%,var(--sc-bg))}

/* Dark mode: keep the land dark and the snow light */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .scene{
  --sc-near:color-mix(in srgb,var(--ink) 34%,var(--sc-bg));--sc-far:color-mix(in srgb,var(--ink) 16%,var(--sc-bg))}}
:root[data-theme="dark"] .scene{--sc-near:color-mix(in srgb,var(--ink) 34%,var(--sc-bg));--sc-far:color-mix(in srgb,var(--ink) 16%,var(--sc-bg))}