.level-badge-container.svelte-1oj5fdf{vertical-align:middle;align-items:center;display:inline-flex;position:relative}.level-badge-container.has-active-popup.svelte-1oj5fdf{z-index:1000}.level-badge.svelte-1oj5fdf{box-sizing:border-box;-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);-webkit-user-select:none;user-select:none;cursor:default;transition:transform .22s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)), box-shadow .22s var(--ease-out,cubic-bezier(.22, 1, .36, 1)), border-color .2s ease, filter .2s ease;border:1px solid #0000;outline:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex;position:relative;overflow:hidden}.level-badge-container.is-interactive.svelte-1oj5fdf .level-badge:where(.svelte-1oj5fdf){cursor:var(--mac-cursor-pointer)}.level-badge-container.is-interactive.svelte-1oj5fdf .level-badge:where(.svelte-1oj5fdf):hover{transform:translateY(-1px)scale(1.04)}.level-badge-container.is-interactive.svelte-1oj5fdf .level-badge:where(.svelte-1oj5fdf):active{transform:none}.level-badge.is-active-popup.svelte-1oj5fdf{border-color:var(--tier-color)!important;box-shadow:0 0 16px var(--tier-color)!important}.level-badge--xs.svelte-1oj5fdf{border-radius:var(--radius-xs,5px);gap:1.5px;min-width:32px;height:18px;padding:0 5px;font-size:9.5px}.level-badge--sm.svelte-1oj5fdf{border-radius:var(--radius-xs,6px);gap:2px;min-width:38px;height:22px;padding:0 7px;font-size:11px}.level-badge--md.svelte-1oj5fdf{border-radius:var(--radius-sm,8px);gap:2.5px;min-width:48px;height:28px;padding:0 9px;font-size:12.5px}.level-badge--lg.svelte-1oj5fdf{border-radius:var(--radius-md,12px);border-width:1.5px;gap:3px;min-width:72px;height:42px;padding:0 16px;font-size:17px}.level-badge__content.svelte-1oj5fdf{z-index:2;align-items:baseline;gap:inherit;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1;display:inline-flex;position:relative}.level-badge__prefix.svelte-1oj5fdf{opacity:.85;text-transform:uppercase;letter-spacing:.04em;font-size:.78em;font-weight:800;font-family:var(--font-sans,system-ui, sans-serif)}.level-badge__num.svelte-1oj5fdf{font-family:var(--font-display,"Outfit", system-ui, sans-serif);letter-spacing:-.02em;font-weight:900}.level-badge__shine.svelte-1oj5fdf{border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(140% 90% at 50% -20%,#ffffff6b 0%,#ffffff1a 40%,#0000 75%);position:absolute;inset:0}.tier-1.svelte-1oj5fdf{color:#f1f5f9;background:linear-gradient(135deg,#64748b47 0%,#4755692e 100%);border-color:#94a3b861;box-shadow:0 2px 8px #00000038,inset 0 1px #ffffff59}.tier-1.svelte-1oj5fdf:hover{border-color:#cbd5e1a6;box-shadow:0 0 12px #94a3b866,0 2px 6px #00000040,inset 0 1px #ffffff8c}.tier-2.svelte-1oj5fdf{color:#6ee7b7;background:linear-gradient(135deg,#10b98157 0%,#05966938 100%);border-color:#34d3998c;box-shadow:0 0 12px #10b98152,0 2px 6px #0003,inset 0 1px #ffffff73}.tier-2.svelte-1oj5fdf:hover{border-color:#6ee7b7d9;box-shadow:0 0 18px #10b9818c,0 3px 8px #00000040,inset 0 1px #ffffffa6}.tier-3.svelte-1oj5fdf{background:linear-gradient(135deg, rgba(var(--accent-blue-rgb), .34) 0%, #2563eb38 100%);color:#93c5fd;box-shadow:0 0 14px rgba(var(--accent-blue-rgb), .38), 0 2px 6px #0003, inset 0 1px 0 #ffffff73;border-color:#60a5fa8c}.tier-3.svelte-1oj5fdf:hover{box-shadow:0 0 20px rgba(var(--accent-blue-rgb), .6), 0 3px 8px #00000040, inset 0 1px 0 #ffffffa6;border-color:#93c5fdd9}.tier-4.svelte-1oj5fdf{color:#67e8f9;background:linear-gradient(135deg,#06b6d457 0%,#0d948838 100%);border-color:#2dd4bf94;box-shadow:0 0 16px #06b6d46b,0 2px 6px #0003,inset 0 1px #ffffff80}.tier-4.svelte-1oj5fdf:hover{border-color:#67e8f9e6;box-shadow:0 0 22px #06b6d4a6,0 3px 8px #00000040,inset 0 1px #ffffffb3}.tier-5.svelte-1oj5fdf{color:#fde68a;background:linear-gradient(135deg,#f59e0b61 0%,#d9770638 100%);border-color:#fbbf24a6;box-shadow:0 0 18px #f59e0b7a,0 2px 6px #0003,inset 0 1px #ffffff8c}.tier-5.svelte-1oj5fdf:hover{border-color:#fde68af2;box-shadow:0 0 26px #f59e0bbf,0 3px 8px #00000040,inset 0 1px #ffffffbf}.tier-6.svelte-1oj5fdf{color:#fff;text-shadow:0 1px 3px #00000080;background:linear-gradient(135deg,#06b6d473 0%,#0ea5e98c 35%,#a855f773 70%,#10b98166 100%);border-color:#ffffffd9;animation:3s cubic-bezier(.4,0,.6,1) infinite svelte-1oj5fdf-pulse-glow;box-shadow:0 0 22px #22d3ee99,0 2px 6px #00000040,inset 0 1px 2px #ffffffbf}.tier-6.svelte-1oj5fdf:hover{border-color:#fff;box-shadow:0 0 32px #22d3eed9,0 0 16px #a855f7a6,inset 0 1px 2px #ffffffe6}[data-theme=light] .tier-1.svelte-1oj5fdf{color:#1e293b;background:linear-gradient(135deg,#f1f5f9f2 0%,#e2e8f0e6 100%);border-color:#94a3b899;box-shadow:0 1px 3px #00000014,inset 0 1px #ffffffd9}[data-theme=light] .tier-2.svelte-1oj5fdf{color:#065f46;background:linear-gradient(135deg,#d1fae5f2 0%,#a7f3d0e0 100%);border-color:#10b981a6;box-shadow:0 2px 6px #10b98138,inset 0 1px #ffffffe6}[data-theme=light] .tier-3.svelte-1oj5fdf{border-color:rgba(var(--accent-blue-rgb), .65);color:#1e40af;box-shadow:0 2px 6px rgba(var(--accent-blue-rgb), .22), inset 0 1px 0 #ffffffe6;background:linear-gradient(135deg,#dbeafef2 0%,#bfdbfee0 100%)}[data-theme=light] .tier-4.svelte-1oj5fdf{color:#0f766e;background:linear-gradient(135deg,#ccfbf1f2 0%,#a5f3fce0 100%);border-color:#0d9488a6;box-shadow:0 2px 6px #0d948840,inset 0 1px #ffffffe6}[data-theme=light] .tier-5.svelte-1oj5fdf{color:#854d0e;background:linear-gradient(135deg,#fef3c7f2 0%,#fde68ae0 100%);border-color:#f59e0bb3;box-shadow:0 2px 6px #f59e0b4d,inset 0 1px #ffffffe6}[data-theme=light] .tier-6.svelte-1oj5fdf{color:#fff;text-shadow:0 1px 2px #00000059;background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#7c3aed 100%);border-color:#fffffff2;box-shadow:0 3px 12px #0ea5e973,inset 0 1px 1px #ffffffa6}.level-popup.svelte-1oj5fdf{pointer-events:auto;width:240px;max-width:calc(100vw - 24px);z-index:var(--z-dropdown,1000);color:var(--text-primary,#fff);text-align:left;cursor:default;box-sizing:border-box;box-shadow:var(--vp-stack,inset 0 1px 1px #ffffff80), var(--shadow-lg,0 14px 34px #00000047), 0 0 16px color-mix(in srgb, var(--tier-color,var(--accent-blue-base)) 16%, transparent);padding:12px;transition:none;position:fixed;overflow:visible}.popup-arrow.svelte-1oj5fdf{pointer-events:none;z-index:2;width:14px;height:7px;position:absolute;bottom:100%;left:50%;overflow:hidden;transform:translate(-50%)}.popup-arrow.svelte-1oj5fdf:before{content:"";background:var(--bg-surface);border-left:1px solid var(--border-glass);border-top:1px solid var(--border-glass);width:10px;height:10px;position:absolute;top:2px;left:50%;transform:translate(-50%)rotate(45deg)}.popup-arrow--below.svelte-1oj5fdf{top:100%;bottom:auto}.popup-arrow--below.svelte-1oj5fdf:before{border-top:none;border-left:none;border-right:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);top:auto;bottom:2px}.popup-header.svelte-1oj5fdf{border-bottom:1px solid var(--border-subtle,#7f7f7f2e);align-items:center;gap:9px;margin-bottom:9px;padding-bottom:9px;display:flex}.popup-icon-bubble.svelte-1oj5fdf{border-radius:var(--radius-sm,10px);background:color-mix(in srgb, var(--tier-color,var(--accent-blue-base)) 16%, transparent);border:1px solid color-mix(in srgb, var(--tier-color,var(--accent-blue-base)) 40%, transparent);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:inset 0 1px #ffffff2e}.popup-icon.svelte-1oj5fdf{font-size:17px}.popup-header-info.svelte-1oj5fdf{flex-direction:column;min-width:0;display:flex}.popup-title.svelte-1oj5fdf{color:var(--text-primary,#fff);overflow-wrap:anywhere;font-size:.8rem;font-weight:800;line-height:1.25}.popup-subtitle.svelte-1oj5fdf{color:var(--text-muted,#fff9);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;font-weight:700}.popup-body.svelte-1oj5fdf{flex-direction:column;gap:8px;display:flex}.popup-desc.svelte-1oj5fdf{color:var(--text-secondary,#ffffffc7);margin:0;font-size:.76rem;line-height:1.5}.popup-tier-track.svelte-1oj5fdf{background:color-mix(in srgb, var(--text-primary) 6%, transparent);border:1px solid var(--border-subtle,#7f7f7f2e);border-radius:var(--radius-xs,6px);justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:5px 9px;font-size:.72rem;display:flex}.popup-tier-tag.svelte-1oj5fdf{color:var(--text-muted,#fff9)}.popup-tier-val.svelte-1oj5fdf{font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;color:var(--tier-color,var(--ch-a,var(--text-primary,#fff)));font-weight:800}.popup-action-btn.svelte-1oj5fdf{background:color-mix(in srgb, var(--tier-color,var(--accent-blue-base)) 14%, transparent);border:1px solid color-mix(in srgb, var(--tier-color,var(--accent-blue-base)) 32%, transparent);border-radius:var(--radius-xs,6px);min-height:32px;color:var(--text-primary,#fff);transition:all .2s var(--ease-out);cursor:var(--mac-cursor-pointer);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:.72rem;font-weight:700;text-decoration:none;display:flex}.popup-action-btn.svelte-1oj5fdf:hover{background:color-mix(in srgb, var(--tier-color,var(--accent-blue-base)) 26%, transparent);border-color:var(--tier-color,var(--accent-blue-base));box-shadow:0 2px 10px color-mix(in srgb, var(--tier-color,var(--accent-blue-base)) 22%, transparent);transform:translate(2px)}[data-perf-mode=true] .level-badge.svelte-1oj5fdf,[data-glass-blur=none] .level-badge.svelte-1oj5fdf,[data-perf-mode=true] .level-popup.svelte-1oj5fdf,[data-glass-blur=none] .level-popup.svelte-1oj5fdf{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}[data-perf-mode=true] .tier-6.svelte-1oj5fdf,[data-reduced-motion=true] .tier-6.svelte-1oj5fdf{animation:none!important}[data-simplify-shadows=true] .level-badge.svelte-1oj5fdf,[data-simplify-shadows=true] .level-popup.svelte-1oj5fdf{box-shadow:none!important}.level-badge__liquid-shine.svelte-1oj5fdf{pointer-events:none;z-index:1;background:linear-gradient(135deg,#0000 0%,#ffffff73 50%,#0000 100%) 0 0/200% 200%;animation:4s infinite svelte-1oj5fdf-shine;position:absolute;inset:0}@keyframes svelte-1oj5fdf-pulse-glow{0%,to{box-shadow:0 0 16px #22d3ee66,0 2px 6px #00000040,inset 0 1px 2px #fff9}50%{box-shadow:0 0 28px #22d3eebf,0 3px 8px #0000004d,inset 0 0 8px #fff6}}@keyframes svelte-1oj5fdf-shine{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.level-badge__label.svelte-1oj5fdf{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:6px;font-size:.75rem;font-weight:700}