.progress-widget.svelte-orlk0r{width:100%;max-width:540px;margin:1.5rem auto;background:linear-gradient(145deg,var(--color-surface-1),var(--color-surface-2));border:1px solid var(--color-surface-3);border-radius:var(--radius-xl);padding:1.5rem;box-sizing:border-box;position:relative;overflow:hidden}.progress-widget.svelte-orlk0r:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,rgba(255,202,40,.05) 0%,transparent 100%);pointer-events:none}.widget-header-row.svelte-orlk0r{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;position:relative}.header-left.svelte-orlk0r{display:flex;align-items:center;gap:.75rem}.header-icon.svelte-orlk0r{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);flex-shrink:0}.header-icon.svelte-orlk0r svg:where(.svelte-orlk0r){width:20px;height:20px;color:var(--color-bg-0)}.header-text.svelte-orlk0r{display:flex;flex-direction:column}.header-label.svelte-orlk0r{font-size:1rem;font-weight:700;color:var(--color-text)}.header-sublabel.svelte-orlk0r{font-size:.8rem;color:var(--color-text-muted)}.header-right.svelte-orlk0r{text-align:right}.count-main.svelte-orlk0r{display:flex;align-items:baseline;justify-content:flex-end;gap:.25rem}.current-count.svelte-orlk0r{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.count-separator.svelte-orlk0r{font-size:1rem;color:var(--color-text-muted);font-weight:300}.target-count.svelte-orlk0r{font-size:1rem;font-weight:700;color:var(--color-text)}.count-label.svelte-orlk0r{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-top:.15rem}.games-completed.svelte-orlk0r{display:block;font-size:.7rem;color:var(--color-text-muted);margin-top:.1rem}.next-unlock.svelte-orlk0r{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto 1.25rem;padding:.5rem 1rem;background:var(--color-surface-1);border-radius:var(--radius-lg);border:1px solid var(--color-surface-2);width:fit-content}.next-label.svelte-orlk0r{font-size:.65rem;font-weight:700;letter-spacing:.15em;color:var(--color-text-muted);text-transform:uppercase}.next-name.svelte-orlk0r{font-size:.9rem;font-weight:700}.next-separator.svelte-orlk0r{color:var(--color-text-muted)}.next-remaining.svelte-orlk0r{font-size:.8rem;color:var(--color-text-secondary)}.progress-track.svelte-orlk0r{margin-bottom:1.25rem}.progress-bar.svelte-orlk0r{position:relative;height:12px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:visible}.progress-fill.svelte-orlk0r{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-accent));background-size:200% 100%;border-radius:var(--radius-full);transition:width .8s var(--ease-out-expo);overflow:hidden}.progress-shimmer.svelte-orlk0r{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:svelte-orlk0r-shimmer 2s ease-in-out infinite}@keyframes svelte-orlk0r-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.milestone-marker.svelte-orlk0r{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.marker-dot.svelte-orlk0r{width:16px;height:16px;border-radius:50%;border:3px solid var(--color-bg-0);opacity:.4;transition:all .3s var(--ease-out-back);box-shadow:var(--shadow-sm)}.milestone-marker.reached.svelte-orlk0r .marker-dot:where(.svelte-orlk0r){opacity:1;transform:scale(1.1);box-shadow:0 0 12px currentColor}.milestone-marker.next.svelte-orlk0r .marker-dot:where(.svelte-orlk0r){opacity:.8;animation:svelte-orlk0r-pulse 2s ease-in-out infinite}@keyframes svelte-orlk0r-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.marker-check.svelte-orlk0r{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px}.marker-check.svelte-orlk0r svg:where(.svelte-orlk0r){width:100%;height:100%;color:var(--color-bg-0)}.milestones-grid.svelte-orlk0r{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.milestone-card.svelte-orlk0r{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--color-surface-1);border-radius:var(--radius-lg);border:1px solid var(--color-surface-2);opacity:.5;transition:all .3s var(--ease-out-back);overflow:hidden;width:100%;box-sizing:border-box}.milestone-card.svelte-orlk0r:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--milestone-color);opacity:.3;transition:opacity .3s ease}.milestone-card.reached.svelte-orlk0r{opacity:1;background:linear-gradient(135deg,color-mix(in srgb,var(--milestone-color) 10%,transparent),var(--color-surface-1));border-color:color-mix(in srgb,var(--milestone-color) 30%,transparent)}.milestone-card.reached.svelte-orlk0r:before{opacity:1}.milestone-card.next.svelte-orlk0r{opacity:1;border-color:var(--color-surface-3);animation:svelte-orlk0r-cardPulse 3s ease-in-out infinite}@keyframes svelte-orlk0r-cardPulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 20px color-mix(in srgb,var(--milestone-color) 20%,transparent)}}.milestone-card.svelte-orlk0r:hover{transform:translateY(-2px)}.card-icon.svelte-orlk0r{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--milestone-color),color-mix(in srgb,var(--milestone-color) 70%,black));border-radius:var(--radius-md);flex-shrink:0;opacity:.7;transition:opacity .3s ease}.milestone-card.reached.svelte-orlk0r .card-icon:where(.svelte-orlk0r),.milestone-card.next.svelte-orlk0r .card-icon:where(.svelte-orlk0r){opacity:1}.card-icon.svelte-orlk0r svg:where(.svelte-orlk0r){width:18px;height:18px;color:#fff}.card-content.svelte-orlk0r{display:flex;flex-direction:column;min-width:0;text-align:left;flex:1}.card-count.svelte-orlk0r{font-size:.8rem;font-weight:800;color:var(--milestone-color);letter-spacing:.02em;line-height:1.2;text-align:left}.card-label.svelte-orlk0r{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);line-height:1.2;text-align:left}.card-badge.svelte-orlk0r{position:absolute;top:.5rem;right:.5rem;width:18px;height:18px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:svelte-orlk0r-bounceIn .5s var(--ease-spring)}@keyframes svelte-orlk0r-bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.card-badge.svelte-orlk0r svg:where(.svelte-orlk0r){width:12px;height:12px;color:#fff}.celebration-hint.svelte-orlk0r{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ffca281a,#ff70431a);border:1px solid rgba(255,202,40,.2);border-radius:var(--radius-full);animation:svelte-orlk0r-celebrationPulse 2s ease-in-out infinite}@keyframes svelte-orlk0r-celebrationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.celebration-text.svelte-orlk0r{font-size:.85rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.celebration-sparkles.svelte-orlk0r{display:flex;gap:.25rem}.sparkle.svelte-orlk0r{font-size:1rem;color:var(--color-primary);animation:svelte-orlk0r-sparkle 1s ease-in-out infinite}.sparkle.svelte-orlk0r:nth-child(2){animation-delay:.2s}.sparkle.svelte-orlk0r:nth-child(3){animation-delay:.4s}@keyframes svelte-orlk0r-sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@media (max-width: 480px){.progress-widget.svelte-orlk0r{padding:1.25rem 1rem;border-radius:var(--radius-lg)}.current-count.svelte-orlk0r{font-size:2rem}.target-count.svelte-orlk0r{font-size:1.25rem}.milestones-grid.svelte-orlk0r{gap:.5rem}.milestone-card.svelte-orlk0r{padding:.75rem}.card-icon.svelte-orlk0r{width:32px;height:32px}.card-icon.svelte-orlk0r svg:where(.svelte-orlk0r){width:16px;height:16px}.card-count.svelte-orlk0r{font-size:.65rem}.card-label.svelte-orlk0r{font-size:.6rem}}@media (max-width: 360px){.milestone-card.svelte-orlk0r{padding:.625rem;gap:.5rem}.card-icon.svelte-orlk0r{width:28px;height:28px}.card-count.svelte-orlk0r{font-size:.6rem}.card-label.svelte-orlk0r{font-size:.55rem}}@media (prefers-reduced-motion: reduce){.progress-shimmer.svelte-orlk0r,.milestone-marker.next.svelte-orlk0r .marker-dot:where(.svelte-orlk0r),.milestone-card.next.svelte-orlk0r,.celebration-hint.svelte-orlk0r,.sparkle.svelte-orlk0r{animation:none}.card-badge.svelte-orlk0r{animation:none}}