.mastery-radar-stage{--mrs-neon:var(--color-gym-green-light);--mrs-neon-soft:color-mix(in srgb, var(--color-gym-green-light) 18%, transparent);--mrs-neon-glow:color-mix(in srgb, var(--color-gym-green-light) 55%, transparent);--mrs-ring-dim:var(--color-gym-border);--mrs-label:var(--color-gym-muted);--mrs-ease-pop:cubic-bezier(.34, 1.56, .64, 1);--mrs-ease-io:cubic-bezier(.65, 0, .35, 1);--mrs-speed:.33;aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;width:min(80vmin,280px);display:block}.mastery-radar-stage:focus-visible{outline:2px solid var(--color-gym-gold);outline-offset:4px;border-radius:9999px}.mastery-radar-stage svg{width:100%;height:100%;display:block;overflow:visible}.mrs-outer-ring-bg,.mrs-outer-ring-fg{fill:none;transition:stroke-width calc(.52s * var(--mrs-speed)) var(--mrs-ease-io) calc(.15s * var(--mrs-speed)), opacity calc(.32s * var(--mrs-speed)) ease}.mrs-outer-ring-bg{stroke:var(--mrs-ring-dim);stroke-width:12px}.mrs-outer-ring-fg{stroke:var(--mrs-neon);stroke-width:12px;stroke-linecap:round;transform-origin:200px 200px;transition:stroke-width calc(.52s * var(--mrs-speed)) var(--mrs-ease-io) calc(.15s * var(--mrs-speed)), opacity calc(.32s * var(--mrs-speed)) ease;transform:rotate(-90deg)}.mrs-mastery-number{fill:var(--mrs-neon);text-anchor:middle;dominant-baseline:central;transform-origin:200px 200px;transition:transform calc(.42s * var(--mrs-speed)) var(--mrs-ease-io), opacity calc(.3s * var(--mrs-speed)) ease;font-size:76px;font-weight:700}.mrs-mastery-caption{letter-spacing:.18em;fill:var(--mrs-label);text-anchor:middle;dominant-baseline:central;transition:opacity calc(.24s * var(--mrs-speed)) ease;font-size:13px}.mrs-grid-ring{fill:none;stroke:var(--mrs-ring-dim);stroke-width:1px;transform-origin:200px 200px;transition:transform calc(.52s * var(--mrs-speed)) var(--mrs-ease-io) calc(.45s * var(--mrs-speed)), opacity calc(.4s * var(--mrs-speed)) ease calc(.45s * var(--mrs-speed))}.mrs-spoke{stroke:var(--mrs-ring-dim);stroke-width:1px;transition:opacity calc(.42s * var(--mrs-speed)) ease calc(.5s * var(--mrs-speed))}.mrs-axis-label{fill:var(--mrs-label);transition:opacity calc(.32s * var(--mrs-speed)) ease calc(.8s * var(--mrs-speed));font-size:13px}.mrs-data-polygon{fill:var(--mrs-neon-soft);stroke:var(--mrs-neon);stroke-width:1.5px;stroke-linejoin:round;transform-origin:200px 200px;transition:transform calc(.72s * var(--mrs-speed)) var(--mrs-ease-pop) calc(.7s * var(--mrs-speed)), opacity calc(.42s * var(--mrs-speed)) ease calc(.7s * var(--mrs-speed))}.mrs-data-dot{fill:var(--mrs-neon);filter:drop-shadow(0 0 4px var(--mrs-neon-glow));transition:cx calc(.72s * var(--mrs-speed)) var(--mrs-ease-pop), cy calc(.72s * var(--mrs-speed)) var(--mrs-ease-pop), r calc(.32s * var(--mrs-speed)) ease, opacity calc(.22s * var(--mrs-speed)) ease}.mrs-data-value{fill:var(--mrs-neon);paint-order:stroke;stroke:var(--color-gym-dark);stroke-width:4px;stroke-linejoin:round;stroke-linecap:round;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:700;transition:opacity .16s}.mastery-radar-stage[data-state=radar][data-values-visible=true] .mrs-data-value{opacity:1}.mastery-radar-stage[data-state=mastery] .mrs-outer-ring-bg{stroke-width:12px}.mastery-radar-stage[data-state=mastery] .mrs-outer-ring-fg{opacity:1;stroke-width:12px;transition-delay:calc(.38s * var(--mrs-speed))}.mastery-radar-stage[data-state=mastery] .mrs-mastery-number{opacity:1;transition-delay:calc(.52s * var(--mrs-speed));transform:scale(1)}.mastery-radar-stage[data-state=mastery] .mrs-mastery-caption{opacity:1;transition-delay:calc(.62s * var(--mrs-speed))}.mastery-radar-stage[data-state=mastery] .mrs-grid-ring{opacity:0;transition-delay:calc(.2s * var(--mrs-speed));transform:scale(.2)}.mastery-radar-stage[data-state=mastery] .mrs-spoke{opacity:0;transition-delay:calc(.18s * var(--mrs-speed))}.mastery-radar-stage[data-state=mastery] .mrs-axis-label{opacity:0;transition-delay:0s}.mastery-radar-stage[data-state=mastery] .mrs-data-polygon{opacity:0;transition-delay:0s;transform:scale(0)}.mastery-radar-stage[data-state=mastery] .mrs-data-dot{opacity:0;transition-delay:calc((80ms + var(--i,0) * 30ms) * var(--mrs-speed)), calc((80ms + var(--i,0) * 30ms) * var(--mrs-speed)), 0s, calc((.7s + var(--i,0) * 20ms) * var(--mrs-speed))}.mastery-radar-stage[data-state=radar] .mrs-outer-ring-bg{stroke-width:1px}.mastery-radar-stage[data-state=radar] .mrs-outer-ring-fg{opacity:0;stroke-width:1px}.mastery-radar-stage[data-state=radar] .mrs-mastery-number{opacity:0;transition-duration:calc(.32s * var(--mrs-speed));transform:scale(.12)}.mastery-radar-stage[data-state=radar] .mrs-mastery-caption{opacity:0;transition-duration:calc(.18s * var(--mrs-speed))}.mastery-radar-stage[data-state=radar] .mrs-grid-ring{opacity:.4;transform:scale(1)}.mastery-radar-stage[data-state=radar] .mrs-spoke{opacity:.45}.mastery-radar-stage[data-state=radar] .mrs-axis-label{opacity:1}.mastery-radar-stage[data-state=radar] .mrs-data-polygon{opacity:1;transform:scale(1)}.mastery-radar-stage[data-state=radar] .mrs-data-dot{opacity:1;transition-delay:calc((.7s + var(--i,0) * 40ms) * var(--mrs-speed)), calc((.7s + var(--i,0) * 40ms) * var(--mrs-speed)), calc((.7s + var(--i,0) * 40ms) * var(--mrs-speed)), calc((.3s + var(--i,0) * 20ms) * var(--mrs-speed))}.mastery-radar-stage--hydrating .mrs-outer-ring-bg,.mastery-radar-stage--hydrating .mrs-outer-ring-fg,.mastery-radar-stage--hydrating .mrs-mastery-number,.mastery-radar-stage--hydrating .mrs-mastery-caption,.mastery-radar-stage--hydrating .mrs-grid-ring,.mastery-radar-stage--hydrating .mrs-spoke,.mastery-radar-stage--hydrating .mrs-axis-label,.mastery-radar-stage--hydrating .mrs-data-polygon,.mastery-radar-stage--hydrating .mrs-data-dot{transition:none!important}.mastery-radar-stage--reduced .mrs-outer-ring-bg,.mastery-radar-stage--reduced .mrs-outer-ring-fg,.mastery-radar-stage--reduced .mrs-mastery-number,.mastery-radar-stage--reduced .mrs-mastery-caption,.mastery-radar-stage--reduced .mrs-grid-ring,.mastery-radar-stage--reduced .mrs-spoke,.mastery-radar-stage--reduced .mrs-axis-label,.mastery-radar-stage--reduced .mrs-data-polygon,.mastery-radar-stage--reduced .mrs-data-dot{transition-duration:.15s;transition-delay:0s;transition-timing-function:ease}.mastery-radar-stage--reduced .mrs-mastery-number,.mastery-radar-stage--reduced .mrs-data-polygon,.mastery-radar-stage--reduced .mrs-grid-ring{transform:none}