/* Full, intact animation frames: no sliced anatomy or moving body parts. */
.slammy-sprite{display:block;position:relative;flex:none;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-size:300% 200%;background-position:0 0;animation:slammy-frames 2.4s steps(1,end) 2}
.slammy-sprite[data-state="happy"]{background-image:url('./images/slammy-happy-frames-v3.png')}
.slammy-sprite[data-state="sad"]{background-image:url('./images/slammy-sad-frames-v3.png')}
.slammy-sprite[data-state="thinking"]{background-image:url('./images/slammy-thinking-frames-v3.png')}
.slammy-sprite[data-state="working"]{background-image:url('./images/slammy-working-frames-v3.png')}
.slammy-sprite[data-state="waiting"]{background-image:url('./images/slammy-waiting-frames-v3.png')}
.slammy-sprite[data-state="success"]{background-image:url('./images/slammy-success-frames-v3.png')}
@keyframes slammy-frames{0%,30%{background-position:0 0}38%{background-position:50% 0}46%{background-position:100% 0}54%{background-position:0 100%}62%{background-position:50% 100%}70%,100%{background-position:100% 100%}}
.slammy-paused .slammy-sprite{animation-play-state:paused}
.pose-choice .slammy-sprite,.nav-avatar.slammy-sprite{animation:none}
@media(prefers-reduced-motion:reduce){.slammy-sprite{animation:none!important}}
/* Registered full frames; logos remain independent original vector marks. */
.slammy-sprite{background-image:none!important;animation:none!important}
.slammy-frame{position:absolute;inset:0;display:block;background-size:300% 200%;background-repeat:no-repeat;background-position:0 0;animation-duration:2.4s;animation-timing-function:steps(1,end);animation-iteration-count:2;pointer-events:none}
.slammy-paused .slammy-frame{animation-play-state:paused}.pose-choice .slammy-frame,.nav-avatar .slammy-frame{animation:none}
@media(prefers-reduced-motion:reduce){.slammy-frame{animation:none!important}}
/* The original DGS print belongs to its frame, never to the fixed container. */
.slammy-sprite::after{content:none!important}
.slammy-frame::after{content:"";position:absolute;background:url('./images/digislam-dgs-originale.svg') center/contain no-repeat;pointer-events:none;animation-duration:2.4s;animation-timing-function:steps(1,end);animation-iteration-count:2}
[data-state="working"] .slammy-frame::after{background-image:url('./images/digislam-dgs-bianco.svg')}
[data-state="thinking"] .slammy-frame::after{display:none}
.slammy-paused .slammy-frame::after{animation-play-state:paused}.pose-choice .slammy-frame::after,.nav-avatar .slammy-frame::after{animation:none}
@media(prefers-reduced-motion:reduce){.slammy-frame::after{animation:none!important}}

.slammy-sprite[data-state="happy"] .slammy-frame{background-image:url('./images/slammy-happy-frames-v3.png');animation-name:frames-happy;transform:translate(-3.613%,-0.977%)}
.slammy-sprite[data-state="happy"] .slammy-frame::after{animation-name:mark-happy;left:42.600%;top:57.330%;width:12.262%;height:11.512%}
@keyframes frames-happy{
0%,30%{background-position:0% 0%;transform:translate(-3.613%,-0.977%)}
38%{background-position:50% 0%;transform:translate(-3.516%,-0.977%)}
46%{background-position:100% 0%;transform:translate(-3.516%,-0.977%)}
54%{background-position:0% 100%;transform:translate(-3.516%,-0.977%)}
62%{background-position:50% 100%;transform:translate(-3.516%,-0.781%)}
70%,100%{background-position:0% 0%;transform:translate(-3.613%,-0.977%)}
}
@keyframes mark-happy{
0%,30%{left:42.600%;top:57.330%;width:12.262%;height:11.512%}
38%{left:42.600%;top:57.428%;width:12.262%;height:11.512%}
46%{left:42.655%;top:57.388%;width:12.346%;height:11.591%}
54%{left:42.600%;top:57.428%;width:12.262%;height:11.512%}
62%{left:42.655%;top:57.388%;width:12.346%;height:11.591%}
70%,100%{left:42.600%;top:57.330%;width:12.262%;height:11.512%}
}
.slammy-sprite[data-state="sad"] .slammy-frame{background-image:url('./images/slammy-sad-frames-v3.png');animation-name:frames-sad;transform:translate(-3.613%,-0.977%)}
.slammy-sprite[data-state="sad"] .slammy-frame::after{animation-name:mark-sad;left:44.688%;top:57.865%;width:12.578%;height:11.809%}
@keyframes frames-sad{
0%,30%{background-position:0% 0%;transform:translate(-3.613%,-0.977%)}
38%{background-position:50% 0%;transform:translate(0.586%,-0.977%)}
46%{background-position:100% 0%;transform:translate(3.613%,-0.977%)}
54%{background-position:0% 100%;transform:translate(-3.613%,0.195%)}
62%{background-position:50% 100%;transform:translate(1.367%,0.195%)}
70%,100%{background-position:0% 0%;transform:translate(-3.613%,-0.977%)}
}
@keyframes mark-sad{
0%,30%{left:44.688%;top:57.865%;width:12.578%;height:11.809%}
38%{left:40.986%;top:58.351%;width:12.168%;height:11.424%}
46%{left:37.568%;top:58.351%;width:12.168%;height:11.424%}
54%{left:45.215%;top:57.408%;width:12.305%;height:11.552%}
62%{left:39.971%;top:57.246%;width:12.441%;height:11.680%}
70%,100%{left:44.688%;top:57.865%;width:12.578%;height:11.809%}
}
.slammy-sprite[data-state="thinking"] .slammy-frame{background-image:url('./images/slammy-thinking-frames-v3.png');animation-name:frames-thinking;transform:translate(-0.977%,-0.977%)}
.slammy-sprite[data-state="thinking"] .slammy-frame::after{animation-name:mark-thinking;left:50.000%;top:62.500%;width:0.000%;height:0.000%}
@keyframes frames-thinking{
0%,30%{background-position:0% 0%;transform:translate(-0.977%,-0.977%)}
38%{background-position:50% 0%;transform:translate(-0.586%,-0.977%)}
46%{background-position:100% 0%;transform:translate(0.488%,-0.977%)}
54%{background-position:0% 100%;transform:translate(-0.879%,-0.391%)}
62%{background-position:50% 100%;transform:translate(-0.488%,-0.391%)}
70%,100%{background-position:0% 0%;transform:translate(-0.977%,-0.977%)}
}
@keyframes mark-thinking{
0%,30%{left:50.000%;top:62.500%;width:0.000%;height:0.000%}
38%{left:50.000%;top:62.500%;width:0.000%;height:0.000%}
46%{left:50.000%;top:62.500%;width:0.000%;height:0.000%}
54%{left:50.000%;top:62.500%;width:0.000%;height:0.000%}
62%{left:50.000%;top:62.500%;width:0.000%;height:0.000%}
70%,100%{left:50.000%;top:62.500%;width:0.000%;height:0.000%}
}
.slammy-sprite[data-state="working"] .slammy-frame{background-image:url('./images/slammy-working-frames-v3.png');animation-name:frames-working;transform:translate(0.586%,1.758%)}
.slammy-sprite[data-state="working"] .slammy-frame::after{animation-name:mark-working;left:43.779%;top:68.993%;width:6.973%;height:6.546%}
@keyframes frames-working{
0%,30%{background-position:0% 0%;transform:translate(0.586%,1.758%)}
38%{background-position:50% 0%;transform:translate(-0.293%,1.562%)}
46%{background-position:100% 0%;transform:translate(-1.074%,1.562%)}
54%{background-position:0% 100%;transform:translate(0.488%,1.367%)}
62%{background-position:50% 100%;transform:translate(-0.098%,1.367%)}
70%,100%{background-position:0% 0%;transform:translate(0.586%,1.758%)}
}
@keyframes mark-working{
0%,30%{left:43.779%;top:68.993%;width:6.973%;height:6.546%}
38%{left:44.688%;top:69.026%;width:7.109%;height:6.675%}
46%{left:45.439%;top:68.993%;width:6.973%;height:6.546%}
54%{left:43.643%;top:69.255%;width:7.246%;height:6.803%}
62%{left:44.492%;top:69.221%;width:7.109%;height:6.675%}
70%,100%{left:43.779%;top:68.993%;width:6.973%;height:6.546%}
}
.slammy-sprite[data-state="waiting"] .slammy-frame{background-image:url('./images/slammy-waiting-frames-v3.png');animation-name:frames-waiting;transform:translate(-3.027%,3.125%)}
.slammy-sprite[data-state="waiting"] .slammy-frame::after{animation-name:mark-waiting;left:45.586%;top:54.930%;width:11.758%;height:11.039%}
@keyframes frames-waiting{
0%,30%{background-position:0% 0%;transform:translate(-3.027%,3.125%)}
38%{background-position:50% 0%;transform:translate(0.488%,3.125%)}
46%{background-position:100% 0%;transform:translate(2.051%,3.125%)}
54%{background-position:0% 100%;transform:translate(-3.125%,4.102%)}
62%{background-position:50% 100%;transform:translate(0.488%,4.102%)}
70%,100%{background-position:0% 0%;transform:translate(-3.027%,3.125%)}
}
@keyframes mark-waiting{
0%,30%{left:45.586%;top:54.930%;width:11.758%;height:11.039%}
38%{left:42.109%;top:55.644%;width:11.484%;height:10.782%}
46%{left:40.381%;top:55.482%;width:11.621%;height:10.910%}
54%{left:45.918%;top:54.277%;width:11.484%;height:10.782%}
62%{left:42.412%;top:54.762%;width:11.074%;height:10.397%}
70%,100%{left:45.586%;top:54.930%;width:11.758%;height:11.039%}
}
.slammy-sprite[data-state="success"] .slammy-frame{background-image:url('./images/slammy-success-frames-v3.png');animation-name:frames-success;transform:translate(2.441%,0.391%)}
.slammy-sprite[data-state="success"] .slammy-frame::after{animation-name:mark-success;left:36.379%;top:56.748%;width:11.422%;height:10.723%}
@keyframes frames-success{
0%,30%{background-position:0% 0%;transform:translate(2.441%,0.391%)}
38%{background-position:50% 0%;transform:translate(-0.195%,0.195%)}
46%{background-position:100% 0%;transform:translate(-2.734%,0.195%)}
54%{background-position:0% 100%;transform:translate(2.539%,0.195%)}
62%{background-position:50% 100%;transform:translate(-0.195%,0.391%)}
70%,100%{background-position:0% 0%;transform:translate(2.441%,0.391%)}
}
@keyframes mark-success{
0%,30%{left:36.379%;top:56.748%;width:11.422%;height:10.723%}
38%{left:38.890%;top:56.727%;width:11.674%;height:10.960%}
46%{left:41.233%;top:56.727%;width:11.674%;height:10.960%}
54%{left:36.379%;top:56.748%;width:11.422%;height:10.723%}
62%{left:38.750%;top:56.590%;width:11.758%;height:11.039%}
70%,100%{left:36.379%;top:56.748%;width:11.422%;height:10.723%}
}