/* PlayStor's own achievement pop-up. Lives inside .screen so fullscreen keeps it visible. */
.screen{position:relative}
.achievement-toast-layer{
 position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden;
 display:flex;justify-content:flex-end;align-items:flex-start;
 padding:clamp(10px,2.4vw,25px);
}
.achievement-toast{
 --unlock-gold:#f9ce73;
 position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);
 align-items:center;gap:15px;width:min(440px,100%);
 padding:13px 18px 15px 14px;
 color:#f5f7ff;
 background:linear-gradient(118deg,rgba(24,34,53,.985),rgba(9,15,29,.97));
 border:1px solid rgba(249,206,115,.64);border-radius:15px;
 box-shadow:0 22px 65px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.13),0 0 28px rgba(249,186,54,.14);
 transform:translate3d(18px,-125%,0) scale(.94);opacity:0;
 transition:transform .52s cubic-bezier(.19,1,.22,1),opacity .28s ease;
 will-change:transform,opacity;overflow:hidden;
}
.achievement-toast.is-visible{transform:translate3d(0,0,0) scale(1);opacity:1}
.achievement-toast::after{
 content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;
 transform-origin:left;background:linear-gradient(90deg,#f8ce74,#fff5c8,#d99034);
 box-shadow:0 0 13px rgba(255,214,121,.55);
 animation:unlock-timer 6.7s linear forwards;
}
.achievement-toast__emblem{
 position:relative;display:grid;place-items:center;
 width:65px;height:65px;border-radius:15px;
 background:linear-gradient(155deg,#815a23,#d5a747 58%,#6c471c);
 border:1px solid #ffdfa2;
 box-shadow:0 6px 22px #0005,inset 0 2px rgba(255,255,255,.55);
 color:#fff9df;
}
.achievement-toast__emblem::before{
 content:"";position:absolute;inset:6px;border-radius:10px;
 border:1px solid #ffffff61;pointer-events:none
}
.achievement-toast__emblem svg{width:38px;height:38px;filter:drop-shadow(0 2px 3px #42280b)}
.achievement-toast__meta{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:4px;color:var(--unlock-gold);font-size:10px;font-weight:800;
 letter-spacing:.14em;text-transform:uppercase;
}
.achievement-toast__headline{
 display:block;margin-top:5px;font-size:clamp(14px,1.9vw,18px);font-weight:800;line-height:1.22;
 color:#fff;letter-spacing:-.02em;text-shadow:0 1px 8px #0008;
}
.achievement-toast__detail{font-size:12px;color:#d6ddeb;line-height:1.42;margin-top:4px}
.achievement-toast__game{
 margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font-size:11px;color:#a6b9d2;
}
.achievement-toast--preview{border-color:#8daaff}
.achievement-toast--preview .achievement-toast__emblem{
 background:linear-gradient(155deg,#344d81,#749ceb 58%,#2a3f68);border-color:#b9d0ff
}
.achievement-toast--preview .achievement-toast__meta{color:#a5c8ff}
.achievement-toast--preview::after{background:linear-gradient(90deg,#83acff,#d8e7ff)}
.achievement-toast:not(.achievement-toast--preview).is-visible .achievement-toast__emblem{
 animation:unlock-emblem .55s .24s both
}
@keyframes unlock-timer{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes unlock-emblem{0%{transform:rotate(-12deg) scale(.65)}65%{transform:rotate(5deg) scale(1.11)}100%{transform:rotate(0) scale(1)}}
@media(max-width:650px){
 .achievement-toast-layer{justify-content:center;padding:8px}
 .achievement-toast{width:min(355px,100%);grid-template-columns:47px minmax(0,1fr);gap:10px;padding:10px 11px 12px 10px;border-radius:11px}
 .achievement-toast__emblem{width:47px;height:47px;border-radius:11px}
 .achievement-toast__emblem svg{width:28px;height:28px}
 .achievement-toast__headline{font-size:14px}
 .achievement-toast__detail{font-size:11px}
 .achievement-toast__game{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .achievement-toast{transition:opacity .15s ease;transform:none}
 .achievement-toast.is-visible{transform:none}
 .achievement-toast::after,.achievement-toast__emblem{animation:none!important}
}