/* Lightweight 3D Minecraft head: fixed 64px avatar, no WebGL dependencies. */
.zels-head3d{position:relative;display:block;flex:none;width:64px;height:64px;
  perspective:230px;perspective-origin:50% 46%;isolation:isolate}
.zels-head3d-bob{display:block;position:absolute;inset:0;animation:zels-head-bob 3.6s ease-in-out infinite}
.zels-head3d-turn{position:absolute;inset:0;display:block;transform-style:preserve-3d;
  animation:zels-head-turn 15s linear infinite}
.zels-head3d-cube{position:absolute;inset:0;display:block;transform-style:preserve-3d}
.zels-head3d-cube .zels-face{position:absolute;left:50%;top:50%;display:block;
  width:42px;height:42px;margin-left:-21px;margin-top:-21px;
  image-rendering:pixelated;backface-visibility:hidden}
.zels-head3d-core .zels-face-front{transform:translateZ(21px)}
.zels-head3d-core .zels-face-back{transform:rotateY(180deg) translateZ(21px)}
.zels-head3d-core .zels-face-right{transform:rotateY(90deg) translateZ(21px)}
.zels-head3d-core .zels-face-left{transform:rotateY(-90deg) translateZ(21px)}
.zels-head3d-core .zels-face-top{transform:rotateX(90deg) translateZ(21px)}
.zels-head3d-core .zels-face-bottom{transform:rotateX(-90deg) translateZ(21px)}
.zels-head3d-overlay .zels-face{width:45px;height:45px;margin-left:-22.5px;margin-top:-22.5px}
.zels-head3d-overlay .zels-face-front{transform:translateZ(22.5px)}
.zels-head3d-overlay .zels-face-back{transform:rotateY(180deg) translateZ(22.5px)}
.zels-head3d-overlay .zels-face-right{transform:rotateY(90deg) translateZ(22.5px)}
.zels-head3d-overlay .zels-face-left{transform:rotateY(-90deg) translateZ(22.5px)}
.zels-head3d-overlay .zels-face-top{transform:rotateX(90deg) translateZ(22.5px)}
.zels-head3d-overlay .zels-face-bottom{transform:rotateX(-90deg) translateZ(22.5px)}
@keyframes zels-head-turn{from{transform:rotateX(-10deg) rotateY(-15deg)}to{transform:rotateX(-10deg) rotateY(345deg)}}
@keyframes zels-head-bob{0%,100%{transform:translateY(2px)}50%{transform:translateY(-2px)}}
.zels-avatar-link:hover .zels-head3d-turn{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.zels-head3d-bob,.zels-head3d-turn{animation:none!important}
  .zels-head3d-turn{transform:rotateX(-10deg) rotateY(-18deg)}}