.tinctures.svelte-kmqcod{flex-wrap:wrap;gap:.55rem;display:flex}.tincture.svelte-kmqcod{--size:2.2rem;width:var(--size);height:var(--size);background:var(--swatch,var(--gold));cursor:pointer;box-shadow:inset 0 1px 1px #ffffff59, inset 0 -2px 4px #00000080, 0 0 0 1px var(--surface-deep), 0 1px 3px #0000008c;border:2px solid #231e1ae6;border-radius:50%;padding:0;transition:transform .18s,box-shadow .18s;position:relative}.tincture.svelte-kmqcod:after{content:"";pointer-events:none;background:radial-gradient(circle at 32% 28%,#ffffff57,#0000 56%);border-radius:50%;position:absolute;inset:1px}.tincture.svelte-kmqcod:hover,.tincture.svelte-kmqcod:focus-visible{box-shadow:inset 0 1px 1px #ffffff59, inset 0 -2px 4px #00000080, 0 0 0 1px var(--surface-deep), 0 0 0 2px #d2a12d80, 0 3px 8px #0000008c;outline:none;transform:translateY(-1px)}.tincture[aria-checked=true].svelte-kmqcod{box-shadow:inset 0 1px 1px #ffffff73, inset 0 -2px 4px #0000008c, 0 0 0 1px var(--surface-deep), 0 0 0 2px var(--gold-light), 0 0 18px #d9a3268c;transform:scale(1.08)}.strength.svelte-kmqcod{grid-template-columns:1fr auto;align-items:center;gap:.7rem;margin-top:.55rem;display:grid}.strength-rule.svelte-kmqcod{background:#1b1713bf;border:1px solid #60512e8c;border-radius:999px;height:4px;overflow:hidden}.strength-fill.svelte-kmqcod{border-radius:999px;width:0;height:100%;transition:width .2s,background .2s;display:block}.strength[data-strength=weak].svelte-kmqcod .strength-fill:where(.svelte-kmqcod){background:var(--wax-glow);width:25%}.strength[data-strength=fair].svelte-kmqcod .strength-fill:where(.svelte-kmqcod){background:#dda440;width:60%}.strength[data-strength=strong].svelte-kmqcod .strength-fill:where(.svelte-kmqcod){background:#57c77c;width:100%}.strength-label.svelte-kmqcod{font-family:var(--font-cinzel);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dim);font-size:.66rem;font-weight:700}.strength[data-strength=weak].svelte-kmqcod .strength-label:where(.svelte-kmqcod){color:var(--wax-glow)}.strength[data-strength=fair].svelte-kmqcod .strength-label:where(.svelte-kmqcod){color:#e4b667}.strength[data-strength=strong].svelte-kmqcod .strength-label:where(.svelte-kmqcod){color:#79d297}