@layer base,components,variants;@layer components{.ac-timer{--ac-cell: clamp(4px, 1.8cqi, 10px);--ac-gap: clamp(1px, .35cqi, 2px);--ac-off: #1a1226;--ac-block-bg: rgba(0, 0, 0, .4);--ac-block-border: rgba(255, 255, 255, .04);--ac-block-radius: 4px;--ac-block-pad: calc(var(--ac-gap) * 3);container-type:inline-size;display:flex;justify-content:center;width:100%}.ac-timer__bezel{width:fit-content;border-radius:12px;padding:clamp(12px,2.8cqi,24px);background:linear-gradient(180deg,#1a0e2e,#0d0618);box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 8px #000000b3,0 8px 24px #00000080}.ac-timer[data-bezel-style=flat] .ac-timer__bezel{border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff14;background:#14082a}.ac-timer[data-bezel-style=none] .ac-timer__bezel{background:transparent;box-shadow:none;padding:0}.ac-timer__panel{border-radius:6px;padding:clamp(.6rem,1.4cqi,1rem);background:#08040f;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 14px 32px #0009}.ac-timer__digits{display:flex;align-items:center;gap:calc(var(--ac-gap) * 2)}.ac-block{background:var(--ac-block-bg);border:1px solid var(--ac-block-border);border-radius:var(--ac-block-radius);padding:var(--ac-block-pad);box-shadow:inset 0 2px 6px #0000008c}.ac-digit{display:grid;grid-template-columns:repeat(7,var(--ac-cell));grid-template-rows:repeat(9,var(--ac-cell));gap:var(--ac-gap)}.ac-colon{display:grid;grid-template-columns:var(--ac-cell);grid-template-rows:repeat(9,var(--ac-cell));gap:var(--ac-gap)}.ac-cell{width:var(--ac-cell);height:var(--ac-cell);border-radius:1px;background:var(--ac-off);box-shadow:inset 0 1px 1px #ffffff0a,inset 0 -1px 2px #00000080}.ac-cell--on{background:var(--tk-accent, #00ff88);box-shadow:0 0 calc(var(--tk-arcade-glow, .7) * 6px) color-mix(in srgb,var(--tk-accent, #00ff88) 65%,transparent),inset 0 1px #ffffff59}.ac-timer[data-cell-size=small]{--ac-cell: clamp(3px, 1.3cqi, 7px);--ac-gap: clamp(.8px, .25cqi, 1.5px)}.ac-timer[data-cell-size=large]{--ac-cell: clamp(5px, 2.4cqi, 14px);--ac-gap: clamp(1.2px, .45cqi, 3px)}@container (min-width: 700px){.ac-timer{--ac-cell: clamp(8px, 1.6cqi, 18px);--ac-gap: clamp(1.5px, .3cqi, 3.5px);--ac-block-pad: calc(var(--ac-gap) * 4)}.ac-timer[data-cell-size=small]{--ac-cell: clamp(6px, 1.1cqi, 13px);--ac-gap: clamp(1px, .22cqi, 2.5px)}.ac-timer[data-cell-size=large]{--ac-cell: clamp(10px, 2.1cqi, 24px);--ac-gap: clamp(2px, .4cqi, 5px)}}@container (max-width: 400px){.ac-timer{--ac-cell: clamp(3px, 1.6cqi, 6px);--ac-gap: clamp(.6px, .3cqi, 1.2px);--ac-block-pad: calc(var(--ac-gap) * 2.5);--ac-block-radius: 2px}.ac-timer__bezel{border-radius:8px;padding:clamp(6px,1.8cqi,12px)}.ac-timer__panel{padding:clamp(4px,1cqi,8px)}}[data-fullscreen] .ac-timer{--ac-cell: clamp(8px, 1.6vh, 16px);--ac-gap: clamp(1.5px, .28vh, 3px)}.ac-timer--no-glow .ac-cell--on{box-shadow:inset 0 1px #ffffff59}@keyframes ac-flash{0%,to{opacity:1}50%{opacity:.25}}.ac-timer--flash .ac-timer__panel{animation:ac-flash .5s steps(2) 4}}