/* Game artwork is supplied from the Angeliukas Game source folder. */
.secret-angel{position:fixed;z-index:23;width:44px;height:44px;padding:0;transform:translate(-50%,-50%);touch-action:manipulation}
.secret-angel img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.secret-angel:focus-visible{outline:1px solid var(--stone);outline-offset:2px;border-radius:50%}
.angel-found{position:absolute;z-index:3;width:54px;height:73px;max-width:none;left:50%;top:50%;transform:translate(-50%,-44%);object-fit:contain;pointer-events:none}
.angel-poof{position:fixed;z-index:60;width:72px;height:60px;pointer-events:none;transform:translate(-50%,-50%);animation:angel-poof .65s ease-out forwards}
.angel-poof svg{width:100%;height:100%}
@keyframes angel-poof{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%) scale(1.6)}}
@media(max-width:860px){.angel-found{width:43px;height:58px}}
@media(prefers-reduced-motion:reduce){.angel-poof{animation:none}}

.bar .seal.has-found-angel>.sun-mark{visibility:hidden}

.secret-angel img{image-rendering:pixelated}

.angel-poof.angel-catch{width:44px;height:44px;animation:none;transform:translate(-50%,-50%)}
.angel-catch img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}

/* The found statue drops in from above, then settles over the sun. */
.angel-found:not([hidden]){animation:angel-statue-land 900ms both}
@keyframes angel-statue-land{
  0%{opacity:0;transform:translate(-50%,calc(-44% - 120px))}
  18%{opacity:1}
  72%{opacity:1;transform:translate(-50%,calc(-44% + 5px))}
  88%{transform:translate(-50%,calc(-44% - 2px))}
  100%{opacity:1;transform:translate(-50%,-44%)}
}
@media(prefers-reduced-motion:reduce){.angel-found:not([hidden]){animation:none}}
