.gems-applied-screen {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.25s ease;
}
.gems-applied-visible { pointer-events: auto; opacity: 1; }
.gems-overlay {
    position: absolute; inset: 0; background: radial-gradient(circle at 20% 20%, rgba(0,255,200,0.06), rgba(10,10,10,0.85));
}
.gems-content {
    position: relative; z-index: 100001; width: 88%; max-width: 420px; padding: 22px; border-radius: 14px; text-align: center; color: white;
    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); box-shadow: 0 8px 40px rgba(0,0,0,0.6);
}
.gems-title { font-size: 24px; margin: 0 0 6px; }
.gems-subtitle { font-size: 13px; color: #cfeffd; margin: 0 0 14px; }
.gems-counter { display:flex; gap:12px; justify-content:center; margin-bottom:12px; }
.gems-before, .gems-after { font-weight:700; background: rgba(255,255,255,0.02); padding: 8px 12px; border-radius: 8px; }
.gems-note { margin-top: 12px; color: #bfefff; font-weight:600; }
.gems-visual { margin-top: 12px; min-height: 56px; position: relative; }
.g-floating { position: absolute; top: 0; font-size: 22px; opacity: 0.95; animation: floatDown 1.6s cubic-bezier(.2,.8,.2,1) forwards; }
@keyframes floatDown { 0% { transform: translateY(-20px) scale(0.9); opacity: 0 } 30% { opacity: 1 } 100% { transform: translateY(80px) scale(1); opacity: 0 } }