.i3{--s:92px;position:relative;display:inline-block;width:var(--s);height:var(--s);perspective:520px;}
.i3-spin{position:absolute;inset:0;transform-style:preserve-3d;
  animation:i3spin 20s linear infinite;animation-delay:calc(var(--i3delay,0s) * -1);will-change:transform;}
.i3-spin svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;backface-visibility:visible;}
.i3-layer{transform:translateZ(var(--z));} /* دور ۱۷: تیرگی از sprite تیره (i3d-*) می‌آید، نه filter */
.i3-face{transform:translateZ(0);filter:drop-shadow(0 0 1px rgba(255,255,255,.25));}
.i3-back{transform:translateZ(var(--z)) rotateY(180deg);filter:brightness(.62);}
.i3-glow{position:absolute;left:12%;right:12%;bottom:-14%;height:22%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,var(--i3c),transparent);opacity:.38;filter:blur(6px);}
.i3-off .i3-spin,.i3-tab-hidden .i3-spin{animation-play-state:paused;}
@keyframes i3spin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@media (prefers-reduced-motion:reduce){.i3-spin{animation:none;transform:rotateY(-18deg);}}
.i3p .i3-spin>span{position:absolute;inset:14% 4%;border-radius:16%;}
.i3p-edge{background:linear-gradient(135deg,#8a97ad,#4b5568);transform:translateZ(var(--z));}
.i3p-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6%;padding:6% 8%;overflow:hidden;
  background:linear-gradient(145deg,#fff 0%,#eef3fb 55%,#cfd9ea 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.85),inset 0 -10px 18px rgba(80,100,140,.25),0 0 14px rgba(255,179,107,.35);
  transform:translateZ(0);}
.i3p-face img{display:block;width:78%;height:auto;max-height:44%;object-fit:contain;}
.i3p-back{transform:translateZ(var(--z)) rotateY(180deg);}
.i3p-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 46%,transparent 58%);pointer-events:none;
  background-size:240% 100%;animation:i3pshine 5s ease-in-out infinite;}
@keyframes i3pshine{0%{background-position:130% 0}60%,100%{background-position:-60% 0}}
@media (prefers-reduced-motion:reduce){.i3p-shine{animation:none}}