/* Walking green moose strip under the Signature hero (rules from the live walking-moose.css, in Signature colours). */
.moose-runway{position:relative;height:166px;background:linear-gradient(var(--bg),color-mix(in srgb,var(--bg) 88%,#1d2a2f));border-bottom:1px solid var(--line);overflow:hidden}
.moose-track{position:absolute;inset:0 0 44px;border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent);background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 60%)}
.runway-controls{position:absolute;bottom:8px;left:5.5%;right:5.5%;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}
.runway-controls button{border:1px solid var(--line);background:transparent;border-radius:20px;padding:5px 12px;color:var(--ink);cursor:pointer;font:inherit}
.runway-controls button:hover{border-color:var(--accent);color:var(--accent)}
#moose-status{margin-left:auto}
#little-moose{position:relative;z-index:1;display:block;width:100%;height:100%;filter:drop-shadow(0 0 2px #b7eb7038)}
.little-tree{position:absolute;right:13%;bottom:0;width:33px;height:50px;color:#bbe97a;filter:drop-shadow(0 0 2px #b7eb7030);pointer-events:none;transform-origin:50% 100%}
.fallen-tree{color:#bbe97a;filter:drop-shadow(0 0 3px #b7eb7050)}
.moose-surprise{position:absolute;bottom:57px;transform:translateX(-50%) rotate(-8deg);color:#ddff89;font:bold 25px/1 system-ui;text-shadow:0 0 10px #bbed7777;pointer-events:none;z-index:3}
.moose-surprise[hidden]{display:none}
.light .little-tree,.light .fallen-tree{color:#4f7a22}
@media(max-width:600px){.little-tree{right:17%;width:29px;height:44px}#moose-status{display:none}}
/* Light mode: the model's dark body would read as a black silhouette on cream. Inverting and turning the hue back
   makes the body light and keeps the outline green, so it stays a line drawing like in dark mode. */
.light #little-moose{filter:invert(1) hue-rotate(180deg) saturate(1.4) drop-shadow(0 0 1px #4f7a2260)}