/* Lobinho em pixel art: indicador de estado do agente (web e Wolf.Park).
   Gerado por scripts/gen_wolf_pup.py. Não edite à mão.
   Uso: <span class="wolf-pup" data-state="run|sit|faint" role="img" aria-label="..."></span>
   Na conversa: <div class="wolf-pup-status" data-state="..."> + lobinho + <span class="wolf-pup-status-text">.
   Personagem: data-pup="wolfy|lupi|classic" num ancestral (ex.: <html>); sem o atributo, Wolfy.
   Tamanho: --wolf-scale (padrão 2 = 48x36 px). */
.wolf-pup {
    --wolf-scale: 2;
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    width: calc(24px * var(--wolf-scale));
    height: calc(18px * var(--wolf-scale));
    background: url("data:image/png;base64,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") no-repeat 0 0;
    background-size: calc(192px * var(--wolf-scale)) calc(108px * var(--wolf-scale));
    image-rendering: pixelated;
}
.wolf-pup[data-state="run"] {
    background-position-y: calc(0px * var(--wolf-scale));
    animation: wolf-pup-run 0.6s steps(6) infinite;
}
@keyframes wolf-pup-run {
    from { background-position-x: 0; }
    to { background-position-x: calc(-144px * var(--wolf-scale)); }
}
.wolf-pup[data-state="sit"] {
    background-position-y: calc(-18px * var(--wolf-scale));
    animation: wolf-pup-sit 3.2s steps(8) infinite;
}
@keyframes wolf-pup-sit {
    from { background-position-x: 0; }
    to { background-position-x: calc(-192px * var(--wolf-scale)); }
}
.wolf-pup[data-state="faint"] {
    background-position-y: calc(-36px * var(--wolf-scale));
    animation: wolf-pup-faint 0.8s steps(2) infinite;
}
@keyframes wolf-pup-faint {
    from { background-position-x: 0; }
    to { background-position-x: calc(-48px * var(--wolf-scale)); }
}
[data-pup="lupi"] .wolf-pup[data-state="run"] { background-position-y: calc(-54px * var(--wolf-scale)); }
[data-pup="lupi"] .wolf-pup[data-state="sit"] { background-position-y: calc(-72px * var(--wolf-scale)); }
[data-pup="lupi"] .wolf-pup[data-state="faint"] { background-position-y: calc(-90px * var(--wolf-scale)); }
/* Clássico: três bolinhas, para quem prefere sem personagem. */
[data-pup="classic"] .wolf-pup {
    position: relative;
    width: 30px;
    height: 12px;
    background: none;
    animation: none;
}
[data-pup="classic"] .wolf-pup::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #52555e;
    box-shadow: 9px 0 0 #52555e, 18px 0 0 #52555e;
}
[data-pup="classic"] .wolf-pup[data-state="run"]::before {
    animation: wolf-pup-dots 1.05s steps(1, end) infinite;
}
@keyframes wolf-pup-dots {
    0% { background: #c9ccd3; box-shadow: 9px 0 0 #52555e, 18px 0 0 #52555e; }
    33.333% { background: #52555e; box-shadow: 9px 0 0 #c9ccd3, 18px 0 0 #52555e; }
    66.666% { background: #52555e; box-shadow: 9px 0 0 #52555e, 18px 0 0 #c9ccd3; }
}
[data-pup="classic"] .wolf-pup[data-state="faint"]::before {
    background: #f87171;
    box-shadow: 9px 0 0 #f87171, 18px 0 0 #f87171;
}
/* Linha de estado no balão do agente: lobinho + texto opcional. */
.wolf-pup-status {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.4;
}
.wolf-pup-status-text { opacity: 0.7; }
.wolf-pup-status[data-state="faint"] .wolf-pup-status-text { color: #f87171; opacity: 1; }
@media (prefers-reduced-motion: reduce) {
    .wolf-pup, .wolf-pup::before { animation: none !important; }
}