/* ---------- spot illustrations (inc/art.php): clean line art, violet strokes, lime where the reward lands ---------- */
.fy-art{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#fff;border-radius:var(--fy-r-card)}
.fy-label--art{overflow:hidden;border-radius:var(--fy-r-card);box-shadow:var(--fy-shadow);background:#fff}
.fy-band-navy .fy-label--art{box-shadow:var(--fy-shadow-lift)}
.fy-art .a-bg{fill:#fff}
.fy-art .a-st{fill:none;stroke:#6757F5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.fy-art .a-nv{fill:none;stroke:#182B3A;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.fy-art .a-fl{fill:#ECE9FE}
.fy-art .a-fv{fill:#6757F5}
.fy-art .a-fg{fill:#B8F36B}
.fy-art .a-fn{fill:#182B3A}
.fy-art .a-fw{fill:#fff}
.fy-art .a-fc{fill:#F5F7FB}
.fy-art .a-glow{fill:#ECE9FE}
.fy-art .a-draw{stroke-dasharray:900;stroke-dashoffset:0}
.fy-art.is-live .a-draw{animation:fyk-draw 1.6s var(--fy-ease) both}
@keyframes fyk-draw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
.fy-art.is-live .a-pop{animation:fyk-pop .6s 1.2s both;transform-box:fill-box;transform-origin:center}
.fy-art.is-live .a-bob{animation:fyk-bob 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes fyk-bob{50%{transform:translateY(-6px)}}
.fy-art.is-live .a-spin{animation:fyk-spin 14s linear infinite;transform-box:fill-box;transform-origin:center}
@keyframes fyk-spin{to{transform:rotate(360deg)}}
.fy-art.is-live .a-tick{stroke-dasharray:60;animation:fyk-draw .6s 1.4s var(--fy-ease) both}
.fy-ed-art .fy-label--art{margin:0}