.count-art{position:relative;isolation:isolate;width:100%;padding:0;margin:0;line-height:0}
.count-art>img{display:block;width:100%;height:auto;margin:0}
.themed-counter{position:absolute;z-index:1;left:var(--counter-left,8%);top:clamp(0px,var(--counter-top,48%),calc(100% - var(--counter-height,100px)));width:var(--counter-width,84%);margin:0;padding:0;color:var(--counter-ink,#fff);line-height:1.2;text-align:center;--counter-font:Georgia,'Times New Roman',serif;--counter-size:28px;--counter-label-size:10px;--counter-gap:6px}
.themed-counter[data-count-font=sans]{--counter-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.themed-counter [hidden]{display:none!important}
.counter-digits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--counter-gap);width:100%;margin:0;padding:0}
.themed-counter .counter-cell{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:16px 2px 13px;border:1px solid var(--counter-border,#c79b3b);border-radius:14px;background:var(--counter-tile,#2b174373);box-shadow:0 8px 22px #0002,inset 0 1px 0 #ffffff45;backdrop-filter:blur(2px)}
.themed-counter .counter-cell strong{display:block;width:100%;font:600 var(--counter-size)/1 var(--counter-font);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--counter-ink,#fff);text-shadow:0 2px 5px #0002;white-space:nowrap}
.themed-counter .counter-cell span{display:block;color:var(--counter-label,#fff);font:600 var(--counter-label-size)/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}
.themed-counter[data-count-skin=clean] .counter-cell{padding:5px 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.themed-counter .counter-finished{margin:0;padding:18px 10px;border:1px solid var(--counter-border,#c79b3b);border-radius:16px;background:var(--counter-tile,#2b174373);color:var(--counter-ink,#fff);font:600 var(--counter-size)/1.25 var(--counter-font);text-wrap:balance;overflow-wrap:anywhere;box-shadow:0 8px 25px #0002}
.themed-counter[data-count-skin=clean] .counter-finished{padding:6px 0;border:0;background:transparent;box-shadow:none}
.count-art.count-art-failed{background:var(--count-color,#49305e);padding:30px 18px}
.count-art-failed>img{display:none}
.count-art-failed .themed-counter{position:relative;top:auto;left:auto;width:100%;margin:0}
@media(prefers-reduced-motion:reduce){.themed-counter *{transition:none!important;animation:none!important}}
