.role-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.role-badge-default{border:1px solid var(--surface-border);color:var(--text-secondary);background:#ffffff0d}.role-badge-level-1{background:linear-gradient(110deg,#120b29,#2a1158,#120b29,#2a1158,#120b29) 0 0/200%;border:1px solid #8a2be24d;animation:4s ease-in-out infinite cyberPulse,6s linear infinite panSmooth;box-shadow:0 0 6px #8a2be24d,inset 0 0 4px #00ffff26}.role-badge-level-1 .role-badge-text{background:linear-gradient(90deg,#00f0ff,#b026ff,#00f0ff,#b026ff,#00f0ff) 0 0/200%;color:#0000;letter-spacing:.5px;text-shadow:0 0 8px #b026ff66;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:4s linear infinite panSmooth}.role-badge-level-1 svg{filter:drop-shadow(0 0 4px #00f0ff);color:#00f0ff!important}.role-badge-level-2{color:#fff;text-shadow:0 0 5px #fffc;background:linear-gradient(90deg,#f0c,#33f,#f0c) 0 0/200%;border:1px solid #fff6;animation:3s linear infinite shine;box-shadow:0 0 10px #ff00cc80,inset 0 0 5px #ffffff80}.role-badge-level-3{color:#fff;text-shadow:0 0 5px #fffc;background:linear-gradient(90deg,indigo,#00f,indigo) 0 0/200%;border:1px solid #00f6;animation:3s linear infinite shine;box-shadow:0 0 10px #0000ff80,inset 0 0 5px #ffffff4d}.role-badge-level-4{background:linear-gradient(110deg,#2b0808,#5a0f0f,#2b0808,#5a0f0f,#2b0808) 0 0/200%;border:1px solid #ff3b304d;animation:4s ease-in-out infinite cyberPulseRed,6s linear infinite panSmooth;box-shadow:0 0 6px #ff3b304d,inset 0 0 4px #ff646426}.role-badge-level-4 .role-badge-text{background:linear-gradient(90deg,#ff3b30,#ff8c00,#ff3b30,#ff8c00,#ff3b30) 0 0/200%;color:#0000;letter-spacing:.5px;text-shadow:0 0 8px #ff3b3066;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:4s linear infinite panSmooth}.role-badge-level-4 svg{filter:drop-shadow(0 0 4px #ff3b30);color:#ff3b30!important}.role-badge-level-5{color:#fff;background:linear-gradient(90deg,#dc143c,coral,#dc143c) 0 0/200%;border:1px solid #dc143c80;animation:4s linear infinite shimmer;box-shadow:0 0 8px #dc143c66}.role-badge-level-6{color:#000;background:#fc0;border:1px solid #fc0c}.role-badge-level-6 svg{color:#000!important}.role-badge-level-7{color:#fff;background:#0a84ff;border:1px solid #0a84ffcc}.role-badge-level-8{color:#fff;background:#20c997;border:1px solid #20c997cc}.role-badge-level-9{color:#fff;background:linear-gradient(90deg,#006400,#2e8b57,#006400) 0 0/200%;border:1px solid #2e8b5780;animation:4s linear infinite shimmer;box-shadow:0 0 8px #2e8b5766}.role-badge-level-10{color:#fff;background:#8e8e93;border:1px solid #8e8e93cc}.role-badge-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}@keyframes shine{to{background-position:200%}}@keyframes shimmer{to{background-position:200%}}@keyframes cyberPulse{0%,to{box-shadow:0 0 6px #8a2be24d,inset 0 0 4px #00ffff26}50%{box-shadow:0 0 12px #8a2be299,inset 0 0 8px #00ffff4d}}@keyframes cyberPulseRed{0%,to{box-shadow:0 0 6px #ff3b304d,inset 0 0 4px #ff646426}50%{box-shadow:0 0 12px #ff3b3099,inset 0 0 8px #ff64644d}}@keyframes panSmooth{0%{background-position:0%}to{background-position:200%}}