@keyframes rotate-border{0%{--angle:0deg}to{--angle:360deg}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float-particle{0%,to{opacity:.3;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-10px)rotate(180deg)}}@keyframes fire-flicker{0%,to{filter:brightness()hue-rotate()}25%{filter:brightness(1.2)hue-rotate(-10deg)}50%{filter:brightness(.9)hue-rotate(10deg)}75%{filter:brightness(1.1)hue-rotate(-5deg)}}@keyframes gradient-x{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.avatar-frame{border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.avatar-frame:before{content:"";z-index:-1;border-radius:50%;position:absolute;inset:-4px}.avatar-frame-pham-nhan:before{background:linear-gradient(135deg,#6b7280,#9ca3af)}.avatar-frame-luyen-khi:before{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 0 15px #22c55e66}.avatar-frame-truc-co:before{background:linear-gradient(135deg,#3b82f6,#06b6d4);animation:3s ease-in-out infinite pulse-glow;box-shadow:0 0 20px #3b82f680}.avatar-frame-kim-dan:before{background:linear-gradient(135deg,#eab308,#f59e0b,#fbbf24,#f59e0b,#eab308) 0 0/200% 200%;animation:2s linear infinite shimmer;box-shadow:0 0 20px #eab30880,0 0 40px #f59e0b4d}.avatar-frame-nguyen-anh:before{background:linear-gradient(135deg,#a855f7,#ec4899,#a855f7) 0 0/200% 200%;animation:2s ease-in-out infinite pulse-glow,3s linear infinite shimmer;box-shadow:0 0 25px #a855f799,0 0 50px #ec48994d}.avatar-frame-hoa-than{--angle:0deg}.avatar-frame-hoa-than:before{background:conic-gradient(from var(--angle),#ef4444,#f97316,#eab308,#f97316,#ef4444);animation:3s linear infinite rotate-border,.5s ease-in-out infinite fire-flicker;box-shadow:0 0 30px #ef444499,0 0 60px #f9731666,0 0 90px #eab30833}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.rank-name-pham-nhan{color:#9ca3af}.rank-name-luyen-khi{color:#22c55e;text-shadow:0 0 10px #22c55e4d}.rank-name-truc-co{background:linear-gradient(90deg,#3b82f6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rank-name-kim-dan{background:linear-gradient(90deg,#eab308,#fbbf24,#f59e0b,#eab308) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite shimmer}.rank-name-nguyen-anh{background:linear-gradient(90deg,#a855f7,#ec4899,#a855f7) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:0 0 20px #a855f780;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.rank-name-hoa-than{background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#f97316,#ef4444) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #ef444480);-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-x}.rank-badge-glow-luyen-khi{box-shadow:0 0 10px #22c55e66}.rank-badge-glow-truc-co{box-shadow:0 0 12px #3b82f680}.rank-badge-glow-kim-dan{animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 15px #eab30880}.rank-badge-glow-nguyen-anh{animation:1.5s ease-in-out infinite pulse-glow;box-shadow:0 0 18px #a855f799}.rank-badge-glow-hoa-than{animation:.5s ease-in-out infinite fire-flicker;box-shadow:0 0 20px #ef444499,0 0 40px #f973164d}.animate-gradient-x{animation:3s infinite gradient-x}.animate-shimmer{animation:2s linear infinite shimmer}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-fire{animation:.5s ease-in-out infinite fire-flicker}