/* ==========================================================================
   css/components/easter-egg.css  -  the cat video easter egg (js/features/easter-egg-cat.js)
   ========================================================================== */
.rift-cat-overlay {
  position: fixed; inset: 0; z-index: 2147483000;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0, 0, 0, .78);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  animation: rift-cat-in .18s ease both;
  cursor: pointer;
}
.rift-cat-box { position: relative; max-width: min(92vw, 900px); max-height: 88vh; }
.rift-cat-video {
  display: block; max-width: min(92vw, 900px); max-height: 88vh;
  border-radius: 14px; background: #000;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .6);
}
.rift-cat-close {
  position: absolute; top: -14px; right: -14px; width: 32px; height: 32px;
  border-radius: 50%; border: 1px solid var(--border-strong, #333); cursor: pointer;
  background: var(--bg-elevated, #2c2d32); color: var(--text-primary, #fff); font-size: 14px; line-height: 1;
}
.rift-cat-close:hover { background: var(--bg-active, #444); }
@keyframes rift-cat-in { from { opacity: 0; transform: scale(.97); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .rift-cat-overlay { animation: none; } }