/* Easter eggs em pixel art: gato siamês, agradecimento e integração com o Tetris. */
#pixel-thanks-overlay{position:fixed;inset:0;z-index:100;pointer-events:none;display:none;background:rgba(10,10,18,.13)}
#pixel-thanks-overlay.show{display:block}
#pixel-thanks-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}

#pixel-ambient-cat{position:fixed;z-index:75;width:112px;height:82px;pointer-events:none;image-rendering:pixelated;opacity:0;transform:translateY(20px) scale(.9);transition:opacity .18s linear,transform .28s steps(3,end);filter:drop-shadow(4px 5px 0 rgba(0,0,0,.18))}
#pixel-ambient-cat.show{opacity:1;transform:translateY(0) scale(1)}
#pixel-ambient-cat.leave{opacity:0;transform:translateY(15px) scale(.96)}
.pixel-cat-bubble{position:fixed;z-index:76;pointer-events:none;background:#fff6d7;color:#3a2929;border:3px solid #3a2929;box-shadow:4px 4px 0 rgba(0,0,0,.18);padding:5px 7px;font:900 9px/1 'Courier New',monospace;opacity:0;transition:opacity .15s;white-space:nowrap}
.pixel-cat-bubble.show{opacity:1}

/* Durante o game over o gato literalmente empurra o jogo em direção à porta SAÍDA. */
#tetris-room.cat-evicting .tetris-game-layout,#tetris-room.cat-evicting .tetris-room-header{animation:catKickRoom 2.45s steps(8,end) forwards}
#tetris-room.cat-evicting #tetris-exit-door{animation:exitDoorPanic .22s steps(2,end) 6}
#tetris-room.cat-evicting .room-object,#tetris-room.cat-evicting .pixel-sofa{animation:roomRattle .18s steps(2,end) 8}
@keyframes catKickRoom{
  0%,13%{transform:translateX(0)}
  18%{transform:translateX(-9px)} 25%{transform:translateX(-4px)}
  34%{transform:translateX(-23px)} 41%{transform:translateX(-13px)}
  51%{transform:translateX(-46px)} 58%{transform:translateX(-31px)}
  68%{transform:translateX(-82px)} 75%{transform:translateX(-63px)}
  84%{transform:translateX(-120px)}
  100%{transform:translateX(-115vw) rotate(-2deg);opacity:.12}
}
@keyframes exitDoorPanic{50%{transform:translateY(-50%) translateX(-3px)}}
@keyframes roomRattle{50%{margin-left:-3px}}
.pixel-tetris-cat-layer{position:absolute;inset:0;z-index:20;width:100%;height:100%;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges}

@media (max-width:640px){
  #pixel-ambient-cat{width:90px;height:66px}
  .pixel-cat-bubble{font-size:7px;padding:4px 5px}
}
@media (prefers-reduced-motion:reduce){
  #pixel-ambient-cat,.pixel-cat-bubble{transition:none}
}