/* ============================================================================
   Bastet — the layer that holds her canvas. All the drawing and the animation
   are in assets/js/cat.js. Decorative: no pointer events, aria-hidden, removed
   below 720px, under reduced motion, in print and when the visitor turns her off.
   ========================================================================== */

.cat-layer {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 35;
  width: 260px;
  height: 340px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.6s var(--ease);
  will-change: transform;
}
.cat-layer.is-ready { opacity: 1; }
.cat-layer.is-off { display: none; }
.cat-layer canvas {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 719px) { .cat-layer { display: none; } }
@media (prefers-reduced-motion: reduce) { .cat-layer { display: none; } }
@media print { .cat-layer { display: none; } }

.cat-toggle { display: none; }
.js .cat-toggle { display: inline-flex; align-items: center; gap: 6px; }
.cat-toggle[hidden] { display: none !important; }
.cat-mini { width: 16px; height: 16px; }