/* The wildlife is decorative: it never captures focus, clicks or touches. */
.garden-life{position:fixed;left:0;top:0;width:100%;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;contain:layout style paint}
.garden-life *{pointer-events:none!important}
/* Both wildlife planes belong to the garden. The real page content keeps its
   existing z-index:1 above them, including translucent glass and bare text. */
.garden-life-far{z-index:0}
.garden-life-near{z-index:0}
.garden-animal{position:absolute;top:0;left:0;will-change:transform;line-height:0;transform-origin:center center}
.garden-animal svg{display:block;width:100%;height:100%;overflow:visible}
.garden-bird{width:22px;height:14px;color:#425b59;opacity:.38}
.garden-butterfly{width:62px;height:62px;perspective:420px;-webkit-perspective:420px}
.garden-butterfly.tortoiseshell{width:82px;height:82px}
.butterfly-model{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}
.life-wing{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}
.life-wing-left{left:0;transform-origin:100% 50%}
.life-wing-right{left:50%;transform-origin:0 50%}
.wing-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.wing-front{transform:translateZ(.12px)}
.wing-back{transform:rotateY(180deg) translateZ(.12px)}
.wing-back svg{transform:scaleX(-1)}
.life-body{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(1px)}
.life-shadow{position:absolute;left:22%;top:48%;width:56%;height:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(33,31,17,.24),rgba(33,31,17,0) 72%);opacity:0}
.view-game .garden-life{display:none}
@media(prefers-reduced-motion:reduce){.garden-life{display:none!important}}