.dial.svelte-2kow4y{--edge:var(--color-stone-2);--glow:var(--color-gold);border:1px solid color-mix(in srgb, var(--glow) 30%, var(--edge));background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--glow) 14%, transparent), transparent 62%), var(--color-crypt);border-radius:1rem;flex-direction:column;gap:.45rem;min-width:0;padding:.6rem .85rem .5rem;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.dial.sharp.svelte-2kow4y{--glow:var(--color-blood)}.dial.gentle.svelte-2kow4y{--glow:var(--color-mana)}.head.svelte-2kow4y{align-items:center;gap:.6rem;display:flex}.whet.svelte-2kow4y{border:1px solid color-mix(in srgb, var(--glow) 40%, transparent);background:color-mix(in srgb, var(--glow) 12%, var(--color-void));border-radius:.6rem;flex-shrink:0;place-items:center;width:2.1rem;height:2.1rem;display:grid}.names.svelte-2kow4y{flex-direction:column;flex:1;min-width:0;line-height:1.1;display:flex}.eyebrow.svelte-2kow4y{color:var(--color-gold-ink);letter-spacing:.16em;text-transform:uppercase;font-size:.625rem;font-weight:700}.value.svelte-2kow4y{color:var(--color-parchment);font-size:1.35rem}.pay.svelte-2kow4y{text-align:right;flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.pay.svelte-2kow4y b:where(.svelte-2kow4y){color:var(--color-ash);font-size:1.15rem}.sharp.svelte-2kow4y .pay:where(.svelte-2kow4y) b:where(.svelte-2kow4y){color:var(--color-gold-ink)}.gentle.svelte-2kow4y .pay:where(.svelte-2kow4y) b:where(.svelte-2kow4y){color:var(--color-blood-ink)}.pay.svelte-2kow4y small:where(.svelte-2kow4y){color:var(--color-ash);font-size:.6875rem}.stone.svelte-2kow4y{grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:relative}.groove.svelte-2kow4y{background:linear-gradient(90deg, color-mix(in srgb, var(--color-mana) 30%, var(--color-void)), var(--color-stone-2) 43%, color-mix(in srgb, var(--color-blood) 30%, var(--color-void)));border-radius:999px;height:.45rem;position:absolute;top:1.05rem;left:6.25%;right:6.25%;box-shadow:inset 0 1px 2px #00000073}.fill.svelte-2kow4y{inset:0 calc(100% - var(--to)) 0 var(--from);border-radius:inherit;background:var(--glow);box-shadow:0 0 10px color-mix(in srgb, var(--glow) 60%, transparent);transition:inset .22s;position:absolute}.notch.svelte-2kow4y{min-height:2.75rem;color:var(--color-ash);cursor:pointer;flex-direction:column;align-items:center;gap:.15rem;padding-top:.6rem;display:flex;position:relative}.notch.svelte-2kow4y:disabled{cursor:default}.pip.svelte-2kow4y{border:2px solid var(--color-stone-2);background:var(--color-crypt);border-radius:999px;width:.85rem;height:.85rem;transition:transform .16s,background .16s,border-color .16s}.notch.zero.svelte-2kow4y .pip:where(.svelte-2kow4y){border-color:var(--color-ash)}.notch.svelte-2kow4y:hover:not(:disabled) .pip:where(.svelte-2kow4y){border-color:var(--glow);transform:translateY(-2px)}.notch.on.svelte-2kow4y .pip:where(.svelte-2kow4y){border-color:var(--color-parchment);background:var(--glow);box-shadow:0 0 0 3px color-mix(in srgb, var(--glow) 30%, transparent);transform:scale(1.35)}.notch.svelte-2kow4y small:where(.svelte-2kow4y){font-variant-numeric:tabular-nums;font-size:.6875rem}.notch.on.svelte-2kow4y small:where(.svelte-2kow4y){color:var(--color-parchment);font-weight:700}.notch.svelte-2kow4y:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px;border-radius:.5rem}.foot.svelte-2kow4y{color:var(--color-ash);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem .75rem;font-size:.6875rem;display:flex}.ends.svelte-2kow4y{text-transform:uppercase;letter-spacing:.12em;gap:.75rem;font-size:.625rem;display:flex}.ends.svelte-2kow4y span:where(.svelte-2kow4y):first-child:before{content:"← "}.ends.svelte-2kow4y span:where(.svelte-2kow4y):last-child:after{content:" →"}.near.svelte-2kow4y b:where(.svelte-2kow4y){color:var(--color-parchment);font-size:.875rem}.compact.svelte-2kow4y{padding:.55rem .7rem .5rem}.compact.svelte-2kow4y .value:where(.svelte-2kow4y){font-size:1.15rem}html[data-art=pixel] .dial.svelte-2kow4y,html[data-art=pixel] .whet.svelte-2kow4y,html[data-art=pixel] .groove.svelte-2kow4y,html[data-art=pixel] .fill.svelte-2kow4y,html[data-art=pixel] .pip.svelte-2kow4y{border-radius:0}@media (prefers-reduced-motion:reduce){.fill.svelte-2kow4y,.pip.svelte-2kow4y{transition:none}}