.progress-view-tabs{gap:var(--space-2);margin-block:var(--space-4);flex-wrap:wrap;display:flex}.progress-category-section{gap:var(--space-4);min-width:0;display:grid}.progress-category-section>header p:last-child{color:var(--color-text-muted)}.progress-category-strip{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.progress-category-gauge{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);gap:var(--space-2);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.progress-category-gauge__track{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);grid-area:2/1/auto/-1;width:100%;height:.6rem;position:relative;overflow:hidden}.progress-category-gauge__fill{background:var(--color-purple-strong);transition:width var(--motion-fast) ease;position:absolute;inset:0 auto 0 0}.progress-category-gauge>small{color:var(--color-text-muted)}@media (width<=36rem){.progress-category-strip{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.progress-category-gauge__fill{transition:none}}.progression-feedback-layer{z-index:40;max-inline-size:calc(100vw - var(--space-8));pointer-events:none;position:fixed;inset-block-end:calc(var(--space-12) + var(--space-8));inset-inline-end:var(--space-4)}.progression-feedback{min-inline-size:min(16rem, calc(100vw - var(--space-8)));gap:var(--space-1);padding:var(--space-4) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-raised);animation:progression-feedback-arrive var(--motion-fast) ease-out both;display:grid;position:relative;overflow:hidden}.progression-feedback__cue{color:var(--color-lime);letter-spacing:.08em;font-weight:800}.progression-feedback__level{font-size:clamp(1.5rem,8vw,2.25rem);line-height:1}.progression-feedback__detail{color:var(--color-text-muted)}.progression-feedback--xp-loss .progression-feedback__cue,.progression-feedback--level-down .progression-feedback__cue{color:var(--color-warning)}.progression-feedback--category-level-up,.progression-feedback--total-level-up{border-color:var(--color-purple);background:var(--color-surface-raised)}.progression-feedback--total-level-up{border-color:var(--color-lime)}.progression-feedback__spark{color:var(--color-lime);font-size:1.5rem;animation:.72s ease-out both progression-feedback-spark;position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-4)}.progression-feedback-focal-layer{z-index:39;inset-inline:var(--space-4);pointer-events:none;place-items:center;min-inline-size:0;display:grid;position:fixed;inset-block-end:calc(var(--space-12) + var(--space-12) + env(safe-area-inset-bottom))}.progression-feedback-focal{max-inline-size:min(18rem, calc(100vw - var(--space-8)));justify-items:center;gap:var(--space-1);min-inline-size:8rem;padding:var(--space-3) var(--space-6);color:var(--color-lime);text-align:center;text-shadow:var(--shadow-raised);animation:.92s ease-out both progression-feedback-focal-pop;display:grid;position:relative}.progression-feedback-focal__cue{z-index:1;letter-spacing:.08em;font-size:clamp(1.35rem,7vw,2.25rem);line-height:1;position:relative}.progression-feedback-focal__level{z-index:1;color:var(--color-text);font-size:clamp(1.75rem,10vw,3rem);font-weight:800;line-height:1;position:relative}.progression-feedback-focal--category-level-up,.progression-feedback-focal--total-level-up{animation-name:progression-feedback-focal-level-up;animation-duration:1.08s}.progression-feedback-focal--xp-loss,.progression-feedback-focal--level-down{color:var(--color-warning);animation-name:progression-feedback-focal-loss;animation-duration:.84s}.progression-feedback-focal--level-down{border-block-end:1px solid var(--color-warning)}.progression-feedback-focal__ring{border:2px solid var(--color-lime);border-radius:50%;block-size:5rem;inline-size:5rem;animation:.76s ease-out both progression-feedback-focal-ring;position:absolute;inset:50% auto auto 50%}.progression-feedback-focal__burst{position:absolute;inset:50% auto auto 50%}.progression-feedback-focal__burst i{inline-size:var(--space-2);block-size:var(--space-2);border:1px solid var(--color-lime);border-radius:50%;animation:.72s ease-out .18s both progression-feedback-focal-bubble-one;position:absolute}.progression-feedback-focal__burst i:nth-child(2){animation-name:progression-feedback-focal-bubble-two}.progression-feedback-focal__burst i:nth-child(3){animation-name:progression-feedback-focal-bubble-three}.progression-feedback-focal__burst i:nth-child(4){animation-name:progression-feedback-focal-bubble-four}@keyframes progression-feedback-arrive{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}@keyframes progression-feedback-spark{0%{opacity:0;transform:scale(.7)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes progression-feedback-focal-pop{0%{opacity:0;transform:translateY(var(--space-3)) scale(.58)}24%{opacity:1;transform:translateY(0)scale(1.14)}46%{opacity:1;transform:scale(.98)}68%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(calc(var(--space-2) * -1)) scale(1.06)}}@keyframes progression-feedback-focal-level-up{0%{opacity:0;transform:translateY(var(--space-4)) scale(.42)}22%{opacity:1;transform:translateY(0)scale(1.28)}44%{opacity:1;transform:scale(.94)}64%{opacity:1;transform:scale(1.04)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(calc(var(--space-3) * -1)) scale(1.08)}}@keyframes progression-feedback-focal-loss{0%{opacity:0;transform:translateY(calc(var(--space-2) * -1)) scale(.94)}24%{opacity:1;transform:translateY(0)scale(1)}64%{opacity:.9;transform:scale(.98)}to{opacity:0;transform:translateY(var(--space-3)) scale(.9)}}@keyframes progression-feedback-focal-ring{0%{opacity:.8;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.1)}}@keyframes progression-feedback-focal-bubble-one{0%{opacity:.9;transform:translate(0)scale(.7)}to{opacity:0;transform:translate(-3.25rem,-2rem)scale(1.45)}}@keyframes progression-feedback-focal-bubble-two{0%{opacity:.9;transform:translate(0)scale(.7)}to{opacity:0;transform:translate(3.1rem,-2.4rem)scale(1.3)}}@keyframes progression-feedback-focal-bubble-three{0%{opacity:.9;transform:translate(0)scale(.7)}to{opacity:0;transform:translate(-2rem,2.6rem)scale(1.2)}}@keyframes progression-feedback-focal-bubble-four{0%{opacity:.9;transform:translate(0)scale(.7)}to{opacity:0;transform:translate(2.5rem,2.2rem)scale(1.35)}}@media (prefers-reduced-motion:reduce){.progression-feedback,.progression-feedback__spark{animation:none}.progression-feedback-focal{animation:progression-feedback-focal-reduced var(--motion-fast) ease-out both}.progression-feedback-focal__ring,.progression-feedback-focal__burst{display:none}}@keyframes progression-feedback-focal-reduced{0%{opacity:0}to{opacity:1}}@media (width>=48rem){.progression-feedback-layer{inset-block-end:var(--space-8)}.progression-feedback-focal-layer{inset-block-end:24vh}}