/* Profile — floating Minecraft item icons */

.profile-page {
  position: relative;
}

.profile-float-layer {
  position: fixed;
  inset: var(--nav, 72px) 0 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  filter: blur(4px);
}

.profile-float {
  position: absolute;
  display: block;
  object-fit: contain;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  opacity: 0.6;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.28));
  animation: profile-float-drift var(--pf-dur, 8s) ease-in-out infinite alternate;
  animation-delay: var(--pf-delay, 0s);
  will-change: transform;
}

.profile-float--left {
  transform-origin: center center;
}

.profile-float--right {
  transform-origin: center center;
}

.profile-float--center {
  transform-origin: center center;
  opacity: 0.52;
}

@keyframes profile-float-drift {
  from {
    transform: translate3d(0, 0, 0) rotate(var(--pf-rot-from, -8deg)) scale(0.92);
  }
  to {
    transform: translate3d(var(--pf-dx, 48px), var(--pf-dy, -40px), 0)
      rotate(var(--pf-rot-to, 10deg)) scale(1.12);
  }
}

.profile-page .profile.shell {
  position: relative;
  z-index: 2;
}

.profile-float-layer ~ main,
.profile-float-layer ~ .page-shell,
.profile-float-layer ~ .profile,
.profile-float-layer ~ .admin-main,
.profile-float-layer ~ .auth,
.profile-float-layer ~ .map-stage,
.profile-float-layer ~ .maint {
  position: relative;
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  .profile-float {
    animation: none;
  }
}

@media (max-width: 960px) {
  .profile-float {
    transform: scale(0.85);
  }
}

@media (max-width: 640px) {
  .profile-float:nth-child(n + 36) {
    display: none;
  }
}