.role-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.role-badge-default{background:rgba(255,255,255,.05);border:1px solid var(--surface-border);color:var(--text-secondary)}.role-badge-level-1{background:linear-gradient(110deg,#120b29,#2a1158,#120b29,#2a1158,#120b29);background-size:200% auto;border:1px solid rgba(138,43,226,.3);box-shadow:0 0 6px rgba(138,43,226,.3),inset 0 0 4px rgba(0,255,255,.15);animation:cyberPulse 4s ease-in-out infinite,panSmooth 6s linear infinite}.role-badge-level-1 .role-badge-text{background:linear-gradient(90deg,#00f0ff,#b026ff,#00f0ff,#b026ff,#00f0ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:panSmooth 4s linear infinite;font-weight:800;letter-spacing:.5px;text-shadow:0 0 8px rgba(176,38,255,.4)}.role-badge-level-1 svg{color:#00f0ff!important;filter:drop-shadow(0 0 4px #00f0ff)}.role-badge-level-2{background:linear-gradient(90deg,#ff00cc,#3333ff,#ff00cc);background-size:200% auto;border:1px solid rgba(255,255,255,.4);box-shadow:0 0 10px rgba(255,0,204,.5),inset 0 0 5px rgba(255,255,255,.5)}.role-badge-level-2,.role-badge-level-3{color:#fff;animation:shine 3s linear infinite;text-shadow:0 0 5px rgba(255,255,255,.8)}.role-badge-level-3{background:linear-gradient(90deg,#0000ff,#00bfff,#0000ff);background-size:200% auto;border:1px solid rgba(0,0,255,.4);box-shadow:0 0 10px rgba(0,0,255,.5),inset 0 0 5px rgba(255,255,255,.3)}.role-badge-level-4{background:linear-gradient(110deg,#2b1f08,#5a420f,#2b1f08,#5a420f,#2b1f08);background-size:200% auto;border:1px solid rgba(255,215,0,.3);box-shadow:0 0 6px rgba(255,215,0,.3),inset 0 0 4px rgba(255,230,100,.15);animation:cyberPulseGold 4s ease-in-out infinite,panSmooth 6s linear infinite}.role-badge-level-4 .role-badge-text{background:linear-gradient(90deg,#ffd700,#ffaa00,#ffd700,#ffaa00,#ffd700);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:panSmooth 4s linear infinite;font-weight:800;letter-spacing:.5px;text-shadow:0 0 8px rgba(255,215,0,.4)}.role-badge-level-4 svg{color:#ffd700!important;filter:drop-shadow(0 0 4px #ffd700)}.role-badge-level-5{background:linear-gradient(90deg,#dc143c,#ff7f50,#dc143c);background-size:200% auto;color:#fff;border:1px solid rgba(220,20,60,.5);box-shadow:0 0 8px rgba(220,20,60,.4);animation:shimmer 4s linear infinite}.role-badge-level-6{background:#ffcc00;color:#000;border:1px solid rgba(255,204,0,.8)}.role-badge-level-6 svg{color:#000!important}.role-badge-level-7{background:#0A84FF;color:#fff;border:1px solid rgba(10,132,255,.8)}.role-badge-level-8{background:#20c997;color:#fff;border:1px solid rgba(32,201,151,.8)}.role-badge-level-9{background:linear-gradient(90deg,#006400,#2e8b57,#006400);background-size:200% auto;color:#fff;border:1px solid rgba(46,139,87,.5);box-shadow:0 0 8px rgba(46,139,87,.4);animation:shimmer 4s linear infinite}.role-badge-level-10{background:#8E8E93;color:#fff;border:1px solid rgba(142,142,147,.8)}.role-badge-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor;box-shadow:0 0 8px currentColor}@keyframes shine{to{background-position:200%}}@keyframes shimmer{to{background-position:200%}}@keyframes cyberPulse{0%,to{box-shadow:0 0 6px rgba(138,43,226,.3),inset 0 0 4px rgba(0,255,255,.15)}50%{box-shadow:0 0 12px rgba(138,43,226,.6),inset 0 0 8px rgba(0,255,255,.3)}}@keyframes cyberPulseGold{0%,to{box-shadow:0 0 6px rgba(255,215,0,.3),inset 0 0 4px rgba(255,230,100,.15)}50%{box-shadow:0 0 12px rgba(255,215,0,.6),inset 0 0 8px rgba(255,230,100,.3)}}@keyframes panSmooth{0%{background-position:0}to{background-position:200%}}