/* V42 artwork: retain supplied colors and existing desktop/mobile geometry. */
.species-macro:not(.macro-slot-empty){border-color:var(--species-art,#8bc8c1)}
.species-icon img,.macro-species-icon{filter:none}
.flock-member:before,.flock-member:after{content:none}
.flock-art-base,.flock-art-health{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.flock-art-base{filter:grayscale(1);opacity:.28}
.flock-art-health{clip-path:inset(calc(100% - var(--health,100%)) 0 0 0)}
.flock-sex{z-index:1;text-shadow:0 1px 3px #000}
.tutorial-visual{background-image:none}
.help-sources{margin-top:22px;padding-top:16px;border-top:1px solid var(--line,#294052);overflow-wrap:anywhere}
.help-sources h3{font-size:15px;margin:0 0 10px}
.help-sources p{line-height:1.6}
.help-sources a{color:#a5e0d4;text-underline-offset:3px}
.help-sources-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.help-sources-links a{display:inline-flex;align-items:center;min-height:44px}
.phone-species{border-color:var(--species-art,#8bc8c1)}
.phone-species header{gap:5px}
.phone-species header>div{min-width:0;flex:1}
.phone-species-icon{display:block;object-fit:contain;width:25px;height:30px;flex:0 0 25px}
@media(max-width:360px){.phone-species-icon{width:20px;flex-basis:20px;height:26px}}