.level-up{position:fixed;right:20px;bottom:20px;z-index:62;display:flex;align-items:flex-start;gap:12px;width:min(360px,calc(100vw - 32px));padding:14px 12px 14px 14px;border:1px solid var(--accent);border-radius:14px;background:var(--bg-raised);color:var(--text);box-shadow:0 14px 36px #00000059;animation:level-up-in .32s cubic-bezier(.2,.8,.2,1) both}.level-up.new-title{border-color:var(--badge-gold, #e3b43c);box-shadow:0 14px 36px #00000059,0 0 0 3px color-mix(in srgb,var(--badge-gold, #e3b43c) 25%,transparent)}.level-up.leaving{animation:level-up-out .24s ease-in both}.level-up.still,.level-up.still.leaving{animation:none}@keyframes level-up-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes level-up-out{to{opacity:0;transform:translateY(12px)}}.level-up-art{flex:none}.level-up-text{flex:1;min-width:0}.level-up-text p{margin:0}.level-up-eyebrow{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.level-up.new-title .level-up-eyebrow{color:var(--badge-gold, #e3b43c)}.level-up-text .level-up-title{margin-top:2px;font-size:16px;font-weight:800}.level-up-text .level-up-unlocked,.level-up-text .level-up-next,.level-up-text .level-up-note{margin-top:6px;font-size:13px;line-height:1.4}.level-up-next,.level-up-note{color:var(--text-dim)}.level-up-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.level-up-link,.level-up-actions .reward-card-share{padding:5px 12px;border:1px solid var(--accent);border-radius:999px;background:none;color:var(--accent);font:inherit;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer}.level-up-close{flex:none;width:28px;height:28px;margin:-6px -4px 0 0;border:none;border-radius:50%;background:none;color:var(--text-faint);font-size:18px;cursor:pointer}.level-up-close:focus-visible,.level-up-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:560px){.level-up{right:16px;left:16px;bottom:16px;width:auto}}@media(prefers-reduced-motion:reduce){.level-up,.level-up.leaving{animation:none}}[data-frame=spark]{--frame: #f2a93b}[data-frame=tinkerer]{--frame: #2fb8a6}[data-frame=solderer]{--frame: #9aa6b8}[data-frame=builder]{--frame: #5b8def}[data-frame=engineer]{--frame: #a46be8}[data-frame=architect]{--frame: #e3b43c}.avatar-wear[data-frame] .avatar-ring-arc{stroke:var(--frame)}.profile-avatar[data-frame]{box-shadow:0 0 0 3px var(--bg-panel, transparent),0 0 0 6px var(--frame)}.level-pill{display:inline-flex;align-items:center;gap:5px;padding:1px 8px 1px 3px;border:1px solid var(--frame, var(--line));border-radius:999px;color:var(--text);font-size:12px;font-weight:600;white-space:nowrap}.level-pill-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--frame, var(--accent));color:#10131a;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.progress-unlocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}.progress-unlock{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:none;color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer}.progress-unlock[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft, transparent)}.progress-unlock:disabled{cursor:default;opacity:.6}.progress-unlock:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.progress-unlock-swatch{flex:none;width:22px;height:22px;border-radius:50%;background:var(--swatch, var(--accent))}.progress-unlock-swatch.ring{border:4px solid var(--frame);background:none}.progress-unlock-name{display:block;font-weight:600}.progress-unlock-level{display:block;color:var(--text-dim);font-size:12px}