/* FieldPath component styles */
.fp{position:relative;overflow:hidden;background:#1b1117;isolation:isolate;border-radius:var(--fp-radius,0)}
.fp canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.1s ease}
.fp.fp-ready canvas{opacity:1}
.fp-mist{position:absolute;left:0;right:0;pointer-events:none;mix-blend-mode:screen;background-repeat:repeat-x;background-image:var(--fp-mist)}
.fp-mist.a{top:6%;height:calc(var(--mw,400px)*.34);background-size:calc(var(--mw,400px)*1.36) calc(var(--mw,400px)*.34);opacity:.5;animation:fpdrift-a 110s linear infinite}
.fp-mist.b{top:30%;height:calc(var(--mw,400px)*.26);background-size:calc(var(--mw,400px)*1.04) calc(var(--mw,400px)*.26);opacity:.34;animation:fpdrift-b 70s linear infinite reverse}
@keyframes fpdrift-a{from{background-position-x:0}to{background-position-x:calc(var(--mw,400px)*-1.36)}}
@keyframes fpdrift-b{from{background-position-x:0}to{background-position-x:calc(var(--mw,400px)*-1.04)}}
.fp-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 5px rgba(246,217,168,.55))}
.fp.fp-fail{background:#3a2330 url(assets/field-path/meadow-path.webp) center/cover}
body.motion-off .fp-mist{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.fp-mist{animation:none}}
.fp-flip canvas{transform:scaleX(-1)}