.toasts{z-index:95;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;width:min(92vw,22rem);display:flex;position:fixed;top:4.2rem;left:50%;translate:-50%}.toast{--tc:var(--brand);border:1px solid color-mix(in srgb, var(--tc) 60%, transparent);width:100%;box-shadow:0 12px 30px -10px rgb(var(--shade) / calc(.8 * var(--shade-a))), 0 0 24px -6px color-mix(in srgb, var(--tc) 70%, transparent);background:#1b1538f5;border-radius:1rem;align-items:center;gap:.7rem;padding:.65rem .9rem;animation:.45s cubic-bezier(.2,.9,.3,1.4) toast-in,.35s ease-in 2.85s forwards toast-out;display:flex}.toast strong{font-family:var(--font-display), Impact, sans-serif;font-size:1.05rem;font-weight:400;line-height:1.1}.toast small{color:var(--soft);font-size:.78rem}.toast__icon{color:#fff;background:var(--tc);width:2.2rem;height:2.2rem;box-shadow:0 3px 0 color-mix(in srgb, var(--tc) 60%, black);border-radius:.7rem;flex:none;place-items:center;font-size:1.2rem;display:grid}.toast[data-tone=gem]{--tc:#2fb8ff}.toast[data-tone=shard]{--tc:#e8b400}.toast[data-tone=ok]{--tc:var(--ok)}.toast[data-tone=rare]{--tc:var(--r-epic)}@keyframes toast-in{0%{opacity:0;transform:translateY(-24px)scale(.9)}}@keyframes toast-out{to{opacity:0;transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}