.achievement-celebration{--celebrate-gold:var(--chart-4);--celebrate-gold-2:var(--accent-amber-2);z-index:120;padding:max(env(safe-area-inset-top,0px), 1.5rem) 1.25rem max(env(safe-area-inset-bottom,0px), 1.5rem);color:var(--text-primary);place-items:center;display:grid;position:fixed;inset:0}.celebrate-backdrop{cursor:default;background:radial-gradient(60% 45% at 50% 42%, color-mix(in srgb, var(--primary) 22%, transparent), transparent 70%), color-mix(in srgb, var(--bg-void) 88%, transparent);border:0;padding:0;position:absolute;inset:0}.celebrate-stage{text-align:center;pointer-events:none;flex-direction:column;align-items:center;width:100%;max-width:22rem;display:flex;position:relative}.celebrate-stage>*{pointer-events:auto}.celebrate-light{width:20rem;height:20rem;position:absolute;top:4.5rem;left:50%;transform:translate(-50%,-50%);pointer-events:none!important}.celebrate-rays,.celebrate-glow{border-radius:9999px;position:absolute;inset:0}.celebrate-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--primary) 30%, transparent) 0deg 5deg, transparent 5deg 22.5deg);opacity:.85;-webkit-mask:radial-gradient(closest-side,#000 18%,#0000 100%);mask:radial-gradient(closest-side,#000 18%,#0000 100%)}.celebrate-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--celebrate-gold) 55%, transparent), color-mix(in srgb, var(--primary) 26%, transparent) 55%, transparent);inset:22%}.light .celebrate-rays{opacity:.6}.celebrate-badge{place-items:center;width:9rem;height:9rem;margin-top:.5rem;display:grid;position:relative}.celebrate-badge>svg,.celebrate-badge>*{filter:drop-shadow(0 0 22px color-mix(in srgb, var(--celebrate-gold) 55%, transparent)) drop-shadow(0 10px 24px #00000059);transform:scale(1.4)}.celebrate-grid{flex-wrap:wrap;justify-content:center;gap:1rem .75rem;max-height:46dvh;padding:.5rem 0;display:flex;position:relative;overflow-y:auto}.celebrate-grid-item{flex-direction:column;align-items:center;gap:.375rem;width:5.75rem;display:flex}.celebrate-grid-item p{letter-spacing:-.005em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.celebrate-badge-sm{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--celebrate-gold) 45%, transparent));place-items:center;display:grid}.celebrate-copy{flex-direction:column;align-items:center;margin-top:1.75rem;display:flex;position:relative}.celebrate-eyebrow{background:color-mix(in srgb, var(--celebrate-gold) 16%, transparent);min-height:1.75rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--celebrate-gold) 30%, transparent);color:var(--celebrate-gold);letter-spacing:.02em;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:650;display:inline-flex}.celebrate-title{letter-spacing:-.04em;overflow-wrap:anywhere;margin-top:.875rem;font-size:1.875rem;font-weight:700;line-height:1.1}.celebrate-description{max-width:18rem;color:var(--text-muted-strong);margin-top:.5rem;font-size:.9375rem;line-height:1.5}.celebrate-tier{background:var(--ui-fill-strong);color:var(--text-muted-strong);font-variant-numeric:tabular-nums;border-radius:9999px;margin-top:.625rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.celebrate-actions{width:100%;margin-top:2rem}.celebrate-continue{justify-content:center;width:100%;overflow:hidden}.celebrate-timer{background:color-mix(in srgb, var(--on-primary) 45%, transparent);transform-origin:0;border-radius:9999px;height:2px;animation:linear both celebrate-countdown;position:absolute;bottom:.5rem;left:1.25rem;right:1.25rem}@keyframes celebrate-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes celebrate-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.celebrate-rays{animation:28s linear infinite celebrate-spin}}@media (prefers-reduced-motion:reduce){.celebrate-timer{display:none}}@media (max-width:370px){.celebrate-title{font-size:1.625rem}.celebrate-light{width:17rem;height:17rem}}.celebrate-grid-item .celebrate-tier{color:var(--text-muted);background:0 0;margin-top:-.125rem;padding:0;font-size:.6875rem}