/* Quero-quero livre: mesma pixel art, sem carcaça, tela ou cenário. */
.visual .bird-perch { margin: 0; position: relative; text-align: center; }
.visual .bird-button { display: block; width: 200px; min-height: 44px; padding: 0; margin: 0 auto; border: 0; border-radius: 8px; background: transparent; line-height: 0; cursor: pointer; }
.visual .bird-button:hover { background: transparent; }
.bird-art { display: block; width: 100%; height: auto; overflow: visible; transform: scaleX(-1); }
.bird-sleep, .bird-greeting, .bird-wing-open { display: none; }
.bird-button[data-mood="oi"] .bird-greeting { display: block; }
.bird-button[data-mood="oi"] .bird-sprite { animation: bird-hop 700ms ease-out 1; }
.bird-button[data-mood="descanso"] .bird-awake { display: none; }
.bird-button[data-mood="descanso"] .bird-sleep { display: block; }
.bird-button[data-mood="asas"] .bird-wing-rest { display: none; }
.bird-button[data-mood="asas"] .bird-wing-open { display: block; }
.bird-button[data-flying="true"] > .bird-art { opacity: 0; }
.bird-hint { display: block; margin-top: 9px; color: var(--muted); font: 10px/1.5 var(--mono); }
.visual .bird-status { display: block; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.visual .bird-perch--blog { flex: 0 0 160px; }
.visual .bird-perch--blog .bird-button { width: 108px; }
.visual .bird-perch--footer { align-self: center; }
.visual .bird-perch--footer .bird-button { width: 54px; }
.bird-flight { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 25; }
.bird-flier { position: absolute; left: 0; top: 0; pointer-events: none; will-change: transform; }
.bird-flight .bird-shadow, .bird-flight .bird-wing-rest { display: none; }
.bird-flight .bird-wing-open { display: block; transform-box: fill-box; transform-origin: 90% 90%; animation: bird-flap 220ms steps(2, end) infinite; }
.bird-flight .bird-legs { transform: translateY(-3px); }
@keyframes bird-hop { 0%, 100% { transform: translateY(0); } 35% { transform: translateY(-4px); } 65% { transform: translateY(0); } 80% { transform: translateY(-1px); } }
@keyframes bird-flap { 0%, 100% { transform: rotate(-12deg); } 50% { transform: rotate(32deg); } }
@media (max-width: 960px) { .visual .bird-perch--hero .bird-button { width: 165px; } }
@media (max-width: 640px) {
  .visual .bird-perch--hero .bird-button { width: 92px; }
  .bird-hint { display: none; }
  .visual .blog-heading { position: relative; }
  .visual .bird-perch--blog { position: absolute; right: 0; top: 22px; }
  .visual .bird-perch--blog .bird-button { width: 68px; }
  .visual .bird-perch--footer .bird-button { width: 50px; }
}
@media (max-width: 360px) { .visual .bird-perch--hero .bird-button { width: 82px; } }
@media (prefers-reduced-motion: reduce) {
  .visual .bird-perch *, .visual .bird-flight * { animation: none !important; transition: none !important; }
}