.lvl{position:relative;display:inline-grid;place-items:center;flex-shrink:0;border-radius:999px;color:var(--ink);background:color-mix(in oklab,var(--gold) 10%,var(--card));line-height:1;font-variant-numeric:tabular-nums;vertical-align:middle}.lvl svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.lvl circle{fill:none;stroke-width:3}.lvl .lvl-track{stroke:var(--line)}.lvl .lvl-fill{stroke:var(--gold);stroke-linecap:round}.lvl b{font-weight:800;letter-spacing:-.02em}.lvl b,.lvl-bar{position:relative}.lvl-bar{display:block;height:6px;overflow:hidden;border-radius:999px;background:var(--line)}.lvl-bar>span{position:absolute;inset:0;border-radius:inherit;background:var(--gold-fill);transform-origin:left center;transition:transform .6s ease}html[data-fx=off] .lvl-bar>span,html[data-fx=reduced] .lvl-bar>span{transition:none}@media (prefers-reduced-motion:reduce){.lvl-bar>span{transition:none}}.cstrip{min-height:44px;padding:4px 4px 4px 12px;border:1px solid color-mix(in oklab,var(--gold) 45%,var(--line));border-radius:14px;background:color-mix(in oklab,var(--gold) 8%,var(--card));font-size:14px}.cstrip,.cstrip a.cstrip-link{display:flex;align-items:center;gap:8px}.cstrip a.cstrip-link{min-width:0;flex:1;min-height:36px;border-radius:10px}.cstrip a.cstrip-link:hover b{text-decoration:underline;text-underline-offset:2px}.cstrip .cstrip-x{display:grid;place-items:center;flex-shrink:0;width:44px;height:36px;border-radius:10px;color:var(--muted)}.cstrip .cstrip-x:hover{color:var(--ink);background:var(--card2)}