.ml-bg{background:radial-gradient(circle at 20% 80%,#1a0d2e 0%,#0f051a 40%,#000 100%),linear-gradient(135deg,#2d1b69 0%,#1a0d2e 50%,#000 100%)}.ml-bg-animated{animation:20s ease-in-out infinite alternate mlBackgroundMove}@keyframes mlBackgroundMove{0%{background-position:0%}to{background-position:100%}}.ml-card{background:linear-gradient(145deg,#2d1b69e6 0%,#1a0d2ef2 50%,#0f051afa 100%);border:2px solid #4c1d95;box-shadow:0 0 30px #9333ea4d,inset 0 1px #ffffff1a}.ml-header{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 50%,#c084fc 100%);position:relative;overflow:hidden}.ml-header:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"hexagon\" patternUnits=\"userSpaceOnUse\" width=\"20\" height=\"17.32\"><polygon points=\"10,0 20,5.77 20,11.55 10,17.32 0,11.55 0,5.77\" fill=\"none\" stroke=\"rgba(255,255,255,0.1)\" stroke-width=\"0.5\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23hexagon)\"/></svg>");position:absolute;inset:0}.ml-gem{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);box-shadow:0 0 20px #fbbf2499}.ml-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4f46e533 0%,#4338ca4d 100%);border:1px solid #8b5cf666;margin-top:10px}.ml-rank-badge{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 0 15px #ef444480}.ml-role-badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 0 15px #10b98180}.ml-button{text-shadow:0 2px 4px #00000080;background:linear-gradient(135deg,#f59e0b 0%,#d97706 50%,#b45309 100%);border:2px solid #fbbf24;font-family:Orbitron,monospace;transition:all .3s;box-shadow:0 0 25px #f59e0b99,inset 0 1px #fff3}.ml-button:hover{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);transform:translateY(-2px);box-shadow:0 0 35px #fbbf24cc,inset 0 1px #ffffff4d}.ml-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.ml-text{text-shadow:0 2px 4px #00000080;font-family:Orbitron,monospace}.ml-glow{box-shadow:0 0 20px #8b5cf640}.diamond-shape{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.hexagon{clip-path:polygon(30% 0%,70% 0%,100% 50%,70% 100%,30% 100%,0% 50%)}