.difficulty-circle.svelte-1uet18r{width:var(--circle-size);height:var(--circle-size);cursor:default;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;display:inline-flex;position:relative}.filled.svelte-1uet18r{background-color:var(--circle-color)}.outline.svelte-1uet18r{border:2px solid var(--circle-color);background-color:#0000}.shiny.svelte-1uet18r{position:relative;overflow:hidden}.shine-layer.svelte-1uet18r{pointer-events:none;background:linear-gradient(120deg,#0000 30%,#fff9 50%,#0000 70%);animation:2.5s ease-in-out infinite svelte-1uet18r-shine;position:absolute;inset:-50%}.silver.svelte-1uet18r{background:linear-gradient(135deg,#e8e8e8 0%,silver 25%,#a8a8a8 50%,silver 75%,#e8e8e8 100%);box-shadow:0 0 4px #c0c0c080,inset 0 1px 2px #ffffff80}.gold.svelte-1uet18r{background:linear-gradient(135deg,#fff6b7 0%,gold 25%,#f0b900 50%,gold 75%,#fff6b7 100%);box-shadow:0 0 6px #ffd70099,inset 0 1px 2px #ffffff80}@keyframes svelte-1uet18r-shine{0%{transform:translate(-100%)rotate(0)}to{transform:translate(100%)rotate(0)}}.glitched.svelte-1uet18r{background:linear-gradient(45deg,#f05,#f0f,#0ff,#f05) 0 0/400% 400%;animation:2s infinite svelte-1uet18r-glitchGradient,4s infinite svelte-1uet18r-glitchJitter}.glitch-layer.svelte-1uet18r{pointer-events:none;border-radius:50%;position:absolute;inset:0}.layer-1.svelte-1uet18r{opacity:0;background:#f0f;animation:4s infinite svelte-1uet18r-glitchLayer1}.layer-2.svelte-1uet18r{opacity:0;background:#0ff;animation:4s .1s infinite svelte-1uet18r-glitchLayer2}@keyframes svelte-1uet18r-glitchGradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes svelte-1uet18r-glitchJitter{0%,90%,to{transform:translate(0)}91%{transform:translate(-2px,1px)}92%{transform:translate(2px,-1px)}93%{transform:translate(-1px,-1px)}94%{transform:translate(1px,1px)}}@keyframes svelte-1uet18r-glitchLayer1{0%,87%,to{opacity:0;transform:translate(0)}88%{opacity:.5;transform:translate(-2px)}89%{opacity:.5;transform:translate(2px,-1px)}90%{opacity:0;transform:translate(0)}}@keyframes svelte-1uet18r-glitchLayer2{0%,87%,to{opacity:0;transform:translate(0)}88%{opacity:.5;transform:translate(2px)}89%{opacity:.5;transform:translate(-2px,1px)}90%{opacity:0;transform:translate(0)}}.mythic.svelte-1uet18r{background:linear-gradient(135deg,#00ced1,#08f,#7b2fff,#00ced1) 0 0/300% 300%;animation:4s ease-in-out infinite svelte-1uet18r-mythicAurora;overflow:hidden;box-shadow:0 0 8px #00ced1b3,0 0 16px #0088ff4d}.mythic-pulse.svelte-1uet18r{pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff73 50%,#0000 70%);animation:3s ease-in-out infinite svelte-1uet18r-mythicShine;position:absolute;inset:-50%}@keyframes svelte-1uet18r-mythicAurora{0%{background-position:0%;box-shadow:0 0 8px #00ced1b3,0 0 16px #0088ff4d}33%{background-position:100% 0;box-shadow:0 0 10px #08fc,0 0 20px #7b2fff66}66%{background-position:50% 100%;box-shadow:0 0 10px #7b2fffcc,0 0 20px #00ced166}to{background-position:0%;box-shadow:0 0 8px #00ced1b3,0 0 16px #0088ff4d}}@keyframes svelte-1uet18r-mythicShine{0%{transform:translate(-100%)rotate(15deg)}50%{transform:translate(100%)rotate(15deg)}to{transform:translate(-100%)rotate(15deg)}}.mythic-plus.svelte-1uet18r{background:linear-gradient(135deg,#ff6b6b,gold,#0f8,#00cfff,#bf5fff,#ff6b6b) 0 0/400% 400%;animation:1.8s linear infinite svelte-1uet18r-mythicPlusRainbow,2s ease-in-out infinite svelte-1uet18r-mythicPlusPulse;overflow:hidden;box-shadow:0 0 10px #ff6b6bb3,0 0 20px #00cfff80,0 0 30px #bf5fff4d}.mythic-plus.svelte-1uet18r .mythic-pulse:where(.svelte-1uet18r){background:linear-gradient(120deg,#0000 25%,#fff9 50%,#0000 75%);animation:1.2s ease-in-out infinite svelte-1uet18r-mythicShine}@keyframes svelte-1uet18r-mythicPlusRainbow{0%{background-position:0%}to{background-position:200%}}@keyframes svelte-1uet18r-mythicPlusPulse{0%,to{box-shadow:0 0 10px #ff6b6bb3,0 0 20px #00cfff80,0 0 30px #bf5fff4d}50%{box-shadow:0 0 14px #ffd700cc,0 0 28px #00ff8880,0 0 40px #ff6b6b66}}.legendary.svelte-1uet18r{background:conic-gradient(#fff 0%,#ffb3e6 10%,#b3c8ff 22%,#b3ffe8 34%,#fff5b3 46%,#ffd0b3 58%,#c8b3ff 70%,#b3e6ff 82%,#fff 100%);animation:2.5s ease-in-out infinite svelte-1uet18r-legendaryShimmer;overflow:hidden;box-shadow:0 0 0 1px #ffffffe6,0 0 10px #fff,0 0 22px #e6dcffe6,0 0 38px #c8e1ffb3,0 0 58px #ffd2f580}.legendary-spin-1.svelte-1uet18r{pointer-events:none;background:conic-gradient(#0000 68%,#ffd7008c 78%,#0000 88%);animation:.65s linear infinite svelte-1uet18r-legendarySpin1;position:absolute;inset:-50%}.legendary-spin-2.svelte-1uet18r{pointer-events:none;background:conic-gradient(from 120deg,#0000 68%,#be96ff80 78%,#0000 88%);animation:1.1s linear infinite reverse svelte-1uet18r-legendarySpin2;position:absolute;inset:-50%}.legendary-flare.svelte-1uet18r{pointer-events:none;background:radial-gradient(circle,#ffffdc 0%,#ffe6b466 50%,#0000 80%);border-radius:50%;animation:1.6s ease-in-out infinite svelte-1uet18r-legendaryFlare;position:absolute;inset:10%}@keyframes svelte-1uet18r-legendaryShimmer{0%,to{filter:brightness(1.05)saturate(1.6)}50%{filter:brightness(1.4)saturate(.6)}}@keyframes svelte-1uet18r-legendaryBreath{0%,to{transform:scale(1);box-shadow:0 0 0 1px #ffffffe6,0 0 10px #fff,0 0 22px #e6dcffe6,0 0 38px #c8e1ffb3,0 0 58px #ffd2f580}50%{transform:scale(1.14);box-shadow:0 0 0 2px #fff,0 0 16px #fff,0 0 32px #fff0ff,0 0 52px #d2e6ffe6,0 0 80px #ffd7f0b3}}@keyframes svelte-1uet18r-legendarySpin1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-1uet18r-legendarySpin2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes svelte-1uet18r-legendaryFlare{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.size-xs.svelte-1uet18r:not(.mythic):not(.mythic-plus):not(.legendary):hover{box-shadow:0 0 4px var(--circle-color)}.size-sm.svelte-1uet18r:not(.mythic):not(.mythic-plus):not(.legendary):hover{box-shadow:0 0 6px var(--circle-color)}.size-md.svelte-1uet18r:not(.mythic):not(.mythic-plus):not(.legendary):hover{box-shadow:0 0 8px var(--circle-color)}.size-lg.svelte-1uet18r:not(.mythic):not(.mythic-plus):not(.legendary):hover{box-shadow:0 0 12px var(--circle-color)}