.santa-hat{
position:absolute;
width:calc(var(--eye) * 1.5);
height:auto;
max-width:none;
max-height:none;
top:calc(var(--eye) * -0.77);
left:21%;
transform:translateX(-50%) rotate(-15deg);
z-index:10;
pointer-events:none;
filter:drop-shadow(0 2px 3px rgba(0,0,0,0.3));
transition:top 0.1s ease,transform 0.1s ease;
}
.eye-wrapper:has(.walrus-eye.pressed) .santa-hat{
top:calc(var(--eye) * -0.65);
transform:translateX(-50%) rotate(-12deg);
}
.santa-hat.dance-stopping{
animation:santa-hat-stop 0.15s ease-out forwards;
}
@keyframes santa-hat-stop{
0%{transform:translateX(-50%) rotate(-15deg) scale(1);}
40%{transform:translateX(-50%) rotate(-15deg) scale(0.92);}
100%{transform:translateX(-50%) rotate(-15deg) scale(1);}
}
@media(prefers-reduced-motion:reduce){
.santa-hat{
transition:none;
}
.santa-hat.dance-stopping{
animation:none;
}
}