:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;margin:0;overflow:hidden;position:fixed;top:0;left:0}.screen{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:#000}.stack{position:relative;width:100%;height:100%}.cat-card{position:absolute;top:50%;left:50%;width:auto;height:85dvh;max-width:90vw;max-height:85dvh;object-fit:contain;border-radius:10px;transform:translate(calc(-50% + var(--x-offset)),calc(-50% + var(--y-offset))) rotate(var(--rotation)) scale(.9);box-shadow:0 24px 45px #000000a6;opacity:0;z-index:var(--depth);animation:card-in 1s cubic-bezier(.2,.8,.2,1) forwards}@media (max-width: 768px){.cat-card{height:75dvh;max-width:85vw;max-height:75dvh;border-radius:8px}}.loading-cat{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.cat-face{font-size:3rem;color:#fff;animation:cat-bounce 1.5s ease-in-out infinite}@media (max-width: 768px){.cat-face{font-size:2rem}}@keyframes cat-bounce{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-20px) scale(1.1);opacity:1}}@keyframes card-in{0%{opacity:0;transform:translate(calc(-50% + var(--x-offset)),calc(-50% + var(--y-offset) + 24px)) rotate(calc(var(--rotation) * .4)) scale(.84);filter:blur(4px)}60%{opacity:1}to{opacity:1;transform:translate(calc(-50% + var(--x-offset)),calc(-50% + var(--y-offset))) rotate(var(--rotation)) scale(1);filter:blur(0)}}