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

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