.skill-orb.svelte-s41o9n{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;width:var(--orb-size);height:var(--orb-size)}.orb-sm.svelte-s41o9n{--orb-size: 2.75rem}.orb-md.svelte-s41o9n{--orb-size: 3.5rem}.orb-lg.svelte-s41o9n{--orb-size: 4.5rem}.orb-ring.svelte-s41o9n{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.orb-ring.svelte-s41o9n circle:where(.svelte-s41o9n){fill:none;stroke-width:2.5}.orb-ring.svelte-s41o9n .track:where(.svelte-s41o9n){stroke:#cbd5e1}.orb-ring.svelte-s41o9n .fill:where(.svelte-s41o9n){stroke:var(--skill-accent);stroke-linecap:round;transition:stroke-dasharray .6s ease}[data-status=locked].svelte-s41o9n .orb-ring:where(.svelte-s41o9n) .track:where(.svelte-s41o9n){stroke-dasharray:3 4}.core.svelte-s41o9n{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--orb-size) - .625rem);height:calc(var(--orb-size) - .625rem);border-radius:9999px;color:#f8fafc;background:radial-gradient(circle at 30% 25%,#134e4a,#062a22 55%,#041a14);box-shadow:inset 0 1px #ffffff1f,0 2px 6px #02170e40;transition:filter .2s ease,opacity .2s ease,box-shadow .2s ease}.core.svelte-s41o9n .orb-icon{width:58%;height:58%}[data-status=mastered].svelte-s41o9n .core:where(.svelte-s41o9n){background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--skill-accent) 70%,#ffffff) 0%,var(--skill-accent) 45%,color-mix(in srgb,var(--skill-accent) 55%,#000000) 100%);box-shadow:inset 0 1px #ffffff40,0 0 14px color-mix(in srgb,var(--skill-accent) 45%,transparent)}[data-status=locked].svelte-s41o9n .core:where(.svelte-s41o9n){filter:grayscale(1);opacity:.55}.pip.svelte-s41o9n{position:absolute;right:-.125rem;bottom:-.125rem;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:9999px;border:2px solid #ffffff;color:#fff}.pip-done.svelte-s41o9n{background:var(--skill-accent)}.pip-retake.svelte-s41o9n{background:#d97706}.pip-lock.svelte-s41o9n{background:#64748b}.orb-sm.svelte-s41o9n .pip:where(.svelte-s41o9n){width:1rem;height:1rem}.recommended.svelte-s41o9n .core:where(.svelte-s41o9n){animation:svelte-s41o9n-orb-glow 2.4s ease-in-out infinite}@keyframes svelte-s41o9n-orb-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--skill-accent) 55%,transparent),0 0 12px color-mix(in srgb,var(--skill-accent) 40%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--skill-accent) 0%,transparent),0 0 22px color-mix(in srgb,var(--skill-accent) 65%,transparent)}}@media(prefers-reduced-motion:reduce){.recommended.svelte-s41o9n .core:where(.svelte-s41o9n){animation:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--skill-accent) 35%,transparent)}.orb-ring.svelte-s41o9n .fill:where(.svelte-s41o9n),.core.svelte-s41o9n{transition:none}}html[data-theme=dark] .orb-ring.svelte-s41o9n .track:where(.svelte-s41o9n){stroke:#334155}html[data-theme=dark] .pip.svelte-s41o9n{border-color:#0f172a}.stars.svelte-mvlaec .star-on{color:var(--skill-accent)}.stars.svelte-mvlaec .star-off{color:#cbd5e1}.is-expert.svelte-mvlaec .stars:where(.svelte-mvlaec) .star-on{color:#d97706}.rank-inline.svelte-mvlaec,.rank-eyebrow.svelte-mvlaec{color:var(--skill-ink)}.rank-crest.svelte-mvlaec{position:relative;border-color:color-mix(in srgb,var(--skill-accent) 35%,transparent)}.rank-emblem.svelte-mvlaec{background:color-mix(in srgb,var(--skill-accent) 12%,#ffffff);border:3px solid var(--skill-accent);box-shadow:0 2px 8px color-mix(in srgb,var(--skill-accent) 30%,transparent)}.is-expert.svelte-mvlaec .rank-emblem:where(.svelte-mvlaec){border-color:#d97706;background:#fffbeb;box-shadow:0 0 0 4px #d9770633,0 0 16px #d9770673}.rank-bar.svelte-mvlaec{background:var(--skill-accent);transition:width .6s ease}.is-expert.svelte-mvlaec .rank-bar:where(.svelte-mvlaec){background:#d97706}@media(prefers-reduced-motion:reduce){.rank-bar.svelte-mvlaec{transition:none}}html[data-theme=dark] .stars.svelte-mvlaec .star-off{color:#475569}html[data-theme=dark] .rank-emblem.svelte-mvlaec{background:color-mix(in srgb,var(--skill-accent) 16%,#0f172a)}html[data-theme=dark] .is-expert.svelte-mvlaec .rank-emblem:where(.svelte-mvlaec){background:#d977062e}