/* ═══════════════════════════════════════════
   character.css — right-side floating anime PNG
═══════════════════════════════════════════ */

.character {
  position: fixed;
  right: -10px;
  /* Push down ~30% from original position so head clears terminal bar
     and feet don't get cut. bottom: negative value lets image anchor
     to floor; the animation translateY range is small so no clipping. */
  bottom: -8%;
  z-index: var(--z-character);

  /* Reduced height so full body fits comfortably inside viewport */
  height: 62vh;
  max-height: 580px;

  pointer-events: none;
  user-select: none;

  filter:
    drop-shadow(-24px 0 60px rgba(100, 60, 200, 0.35))
    drop-shadow(0 -12px 40px rgba(80, 30, 160, 0.20));

  animation: charFloat 5s ease-in-out infinite;
}

.character img {
  height: 100%;
  width: auto;
  object-fit: contain;
  object-position: bottom right;
}

/* Small float range (±10px) so feet never clip the viewport bottom */
@keyframes charFloat {
  0%, 100% { transform: translateY(0px);  }
  50%       { transform: translateY(-10px); }
}