.progression-toast-stack{position:fixed;top:92px;right:22px;z-index:12000;display:flex;flex-direction:column;gap:8px;width:min(286px,calc(100vw - 32px));pointer-events:none}
.progression-unlock-toast{--progression-accent:#8fe4be;padding:10px 12px;border:1px solid color-mix(in srgb,var(--progression-accent) 42%,transparent);border-radius:12px;background:linear-gradient(145deg,#1d1830f7,#12101df7);box-shadow:0 14px 34px #0007,0 0 24px color-mix(in srgb,var(--progression-accent) 10%,transparent);backdrop-filter:blur(12px);opacity:0;transform:translateX(20px) scale(.985);transition:opacity .24s ease,transform .24s ease}
.progression-unlock-toast.is-visible{opacity:1;transform:translateX(0) scale(1)}
.progression-material{--progression-accent:#cda9ff;display:flex;align-items:center;gap:10px}
.progression-material-icon{width:30px;height:30px;object-fit:contain;image-rendering:pixelated;flex:none}
.progression-unlock-toast.is-leaving{opacity:0;transform:translateX(15px) scale(.985)}
.progression-unlock-toast small{display:block;color:var(--progression-accent);font-size:8px;font-weight:900;letter-spacing:1.15px;line-height:1.15}
.progression-unlock-toast strong{display:block;margin-top:3px;color:#f6f2ff;font-size:13px;line-height:1.2}
.progression-title{--progression-accent:#c7b5ff}
.progression-level{--progression-accent:#fb8999}
.progression-level-gray{--progression-accent:#8f879f}
.progression-level-white{--progression-accent:#f4f1ff}
.progression-level-green{--progression-accent:#7ae0b4}
.progression-level-blue{--progression-accent:#82c7ff}
.progression-level-yellow{--progression-accent:#f3d17e}
.progression-level-orange{--progression-accent:#ff9b55}
.progression-level-red{--progression-accent:#fb8999}
@media(max-width:760px){.progression-toast-stack{top:76px;right:12px;width:min(286px,calc(100vw - 24px))}}
@media(prefers-reduced-motion:reduce){.progression-unlock-toast{transition:none!important;transform:none!important}.progression-unlock-toast.is-visible{opacity:1}}