.afy-slot .apparition{ position: absolute; width: clamp(95px, 19vw, 155px); height: auto; left: 50%; top: 50%; mix-blend-mode: screen; will-change: transform, opacity; }.afy-slot .apparition.uroboro{ width: clamp(155px, 30vw, 235px); }.afy-slot .apparition.aquila,.afy-slot .apparition.orologio{ width: clamp(175px, 32vw, 250px); }.afy-slot .apparition.roboragno{ width: clamp(230px, 48vw, 340px); aspect-ratio: 1; }.afy-slot .pose-stack{ aspect-ratio: 1; }.afy-slot .pose-stack > img,.afy-slot .roboragno > img,.afy-slot .robot-eyes{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }.afy-slot .robot-eyes{ overflow: visible; filter: drop-shadow(0 0 3px #ff1600); }.afy-slot .ember{ position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #ffe399; box-shadow: 0 0 7px #ff6700; left: 50%; top: 50%; }

.afy-slot{position:relative;height:380px;max-width:760px;width:100%;margin:8px auto;overflow:hidden;pointer-events:none}.afy-effects{position:absolute;inset:0;pointer-events:none}.afy-controls{display:block;text-align:center;margin:16px auto;color:inherit;font:inherit}.afy-controls input{accent-color:#ff83cc}.afy-controls input:focus-visible{outline:3px solid #ffe384;outline-offset:4px}@media(max-width:480px){.afy-slot{height:320px}}