.earn-popup-container{position:fixed;left:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:999999999;pointer-events:none;}.earn-popup{width:340px;position:relative;overflow:hidden;border-radius:22px;background: linear-gradient( 145deg, rgba(9,15,28,.98), rgba(6,10,20,.98) );border: 1px solid rgba(255,255,255,.06);backdrop-filter:blur(18px);box-shadow: 0 20px 45px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04);opacity:0;transform: translateY(18px) scale(.95);transition: opacity .30s ease, transform .35s cubic-bezier(.22,1,.36,1);pointer-events:auto;isolation:isolate;}.earn-popup.show{opacity:1;transform: translateY(0) scale(1);}.earn-popup::before{content:'';position:absolute;inset:0;background: radial-gradient( circle at top right, rgba(34,197,94,.18), transparent 35% ), radial-gradient( circle at bottom left, rgba(59,130,246,.14), transparent 40% );pointer-events:none;}.earn-popup::after{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;background: linear-gradient( 90deg, transparent, rgba(255,255,255,.05), transparent );transform:skewX(-25deg);animation: popupShine 5s linear infinite;}@keyframes popupShine{0%{left:-120%;}100%{left:140%;}}.win-dot{position:absolute;border-radius:50%;background: rgba(255,255,255,.12);animation: floatDots 4s infinite ease-in-out;}.dot1{top:15px;right:55px;width:4px;height:4px;}.dot2{top:30px;right:95px;width:3px;height:3px;}.dot3{bottom:20px;right:80px;width:5px;height:5px;}.dot4{bottom:36px;right:115px;width:3px;height:3px;}@keyframes floatDots{0%,100%{transform:translateY(0);opacity:.4;}50%{transform:translateY(-5px);opacity:1;}}.earn-content{position:relative;z-index:2;display:flex;align-items:center;gap:15px;padding: 16px 16px 18px;}.earn-icon{width:64px;height:64px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:20px;background: linear-gradient( 145deg, rgba(34,197,94,.25), rgba(59,130,246,.18) );border: 1px solid rgba(255,255,255,.10);box-shadow: 0 10px 30px rgba(34,197,94,.22), inset 0 1px 0 rgba(255,255,255,.08);animation: avatarPulse 3s infinite ease-in-out;}.earn-icon::before{content:'';position:absolute;inset:-2px;border-radius:22px;background: linear-gradient( 135deg, rgba(34,197,94,.8), rgba(59,130,246,.6) );z-index:-1;opacity:.45;filter:blur(10px);}.earn-icon::after{content:'';position:absolute;right:4px;bottom:4px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #08111f;box-shadow: 0 0 12px rgba(34,197,94,.9);}.earn-avatar{width:56px;height:56px;object-fit:cover;border-radius:16px;display:block;border: 2px solid rgba(255,255,255,.10);box-shadow: 0 4px 12px rgba(0,0,0,.35);}.icon-glow{position:absolute;inset:0;border-radius:inherit;background: radial-gradient( circle at top, rgba(255,255,255,.18), transparent 60% );pointer-events:none;}@keyframes avatarPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.03);}}.earn-texts{flex:1;min-width:0;}.earn-offer{color:#ffffff;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px;letter-spacing:.2px;}.earn-small{color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:8px;}.earn-points{display:flex;align-items:center;gap:6px;color:#ffffff;font-size:16px;font-weight:800;}.coin-icon{width:18px;height:18px;flex-shrink:0;display:block;filter: drop-shadow( 0 0 6px rgba(255,215,0,.7) );animation: coinSpin 3s linear infinite;}@keyframes coinSpin{0%{transform:rotateY(0deg);}100%{transform:rotateY(360deg);}}.earn-check{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background: linear-gradient( 145deg, #22c55e, #16a34a );color:#fff;font-size:12px;font-weight:800;box-shadow: 0 0 16px rgba(34,197,94,.5);}.earn-progress{position:absolute;left:0;right:0;bottom:0;height:4px;overflow:hidden;background: rgba(255,255,255,.04);z-index:5;}.earn-progress-bar{width:100%;height:100%;background: linear-gradient( 90deg, #22c55e, #4ade80, #22c55e );transform-origin:left center;transform:scaleX(1);will-change:transform;box-shadow: 0 0 14px rgba(34,197,94,.55);}.earn-popup:nth-child(2){transform: scale(.96) translateY(4px);opacity:.65;}.earn-popup:nth-child(3){transform: scale(.93) translateY(8px);opacity:.45;}@media(max-width:600px){.earn-popup-container{left:10px;right:10px;bottom:10px;}.earn-popup{width:100%;}}