@layer base,components,variants;@layer components{.rs-timer{--rs-dot: clamp(5px, 1.5cqi, 12px);--rs-digit-gap: calc(var(--rs-dot) * 1);--rs-panel-padding-y: clamp(.65rem, 2cqi, 1.4rem);--rs-panel-padding-x: clamp(1.1rem, 3.2cqi, 2.5rem);position:relative;display:flex;justify-content:center;container-type:inline-size;opacity:var(--tk-face-opacity, 1)}.rs-timer__bezel{position:relative;padding:clamp(.45rem,1.4cqi,.85rem);border-radius:16px;background:linear-gradient(180deg,#2f2f2feb,#121212fa);box-shadow:inset 0 1px #ffffff14,inset 0 -2px 8px #000000a6,0 20px 44px #00000080}.rs-timer__bezel:before{content:"";position:absolute;inset:0 0 auto;height:clamp(10px,2cqi,18px);border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent);pointer-events:none}.rs-timer[data-bezel-style=flat] .rs-timer__bezel{border-radius:12px;padding:clamp(.45rem,1.25cqi,.9rem);box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000059}.rs-timer[data-bezel-style=none] .rs-timer__bezel{padding:0;border-radius:0;background:transparent;box-shadow:none}.rs-timer__panel{position:relative;overflow:hidden;padding:var(--rs-panel-padding-y) var(--rs-panel-padding-x);border-radius:10px;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--tk-accent, #ffc61d) 8%,transparent) 0%,transparent 48%),linear-gradient(180deg,#090909f2,#030303),var(--tk-face-bg, #050505);box-shadow:inset 0 0 0 1px #ffffff09,inset 0 12px 24px #ffffff04,inset 0 -18px 30px #000000b3}.rs-timer__panel:before{content:"";position:absolute;inset:8% 12%;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--tk-accent, #ffc61d) 22%,transparent) 0%,transparent 74%);filter:blur(24px);opacity:calc(.42 + (var(--tk-roadsign-glow, .92) * .24));pointer-events:none}.rs-timer__panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 24%),radial-gradient(circle at 20% 18%,rgba(255,255,255,.04),transparent 18%);mix-blend-mode:screen;opacity:.34;pointer-events:none}.rs-timer__digits{position:relative;z-index:1;display:grid;grid-template-rows:auto auto auto;align-items:center;justify-items:center;gap:var(--rs-digit-gap);filter:drop-shadow(0 0 calc(var(--tk-roadsign-glow, .92) * 18px) color-mix(in srgb,var(--tk-accent, #ffc61d) 18%,transparent))}.rs-char{display:grid;grid-template-rows:repeat(11,var(--rs-dot));gap:0;flex:0 0 auto}.rs-dot{width:var(--rs-dot);height:var(--rs-dot);border-radius:999px;background:radial-gradient(circle at 38% 34%,#fff1b824,#5625002e 58%,#0c0600eb);box-shadow:inset 0 1px 1px #ffffff0d,inset 0 -1px 2px #000000b3}.rs-dot--on{background:radial-gradient(circle at 34% 30%,#fff8cb 0%,#ffe97a 18%,#ffd63d 34%,var(--tk-accent, #ffc61d) 58%,#ff9400 100%);box-shadow:0 0 calc(var(--tk-roadsign-glow, .92) * 4px) color-mix(in srgb,var(--tk-accent, #ffc61d) 92%,white 8%),0 0 calc(var(--tk-roadsign-glow, .92) * 9px) color-mix(in srgb,var(--tk-accent, #ffc61d) 85%,transparent),0 0 calc(var(--tk-roadsign-glow, .92) * 18px) color-mix(in srgb,var(--tk-accent-glow, rgba(255, 129, 0, .68)) 88%,transparent),0 0 calc(var(--tk-roadsign-glow, .92) * 34px) color-mix(in srgb,var(--tk-accent-glow, rgba(255, 129, 0, .68)) 56%,transparent),inset 0 1px 1px #ffffff6b}.rs-timer--no-glow .rs-dot--on{box-shadow:inset 0 1px 1px #ffffff6b}.rs-timer--no-glow .rs-timer__digits{filter:none}@keyframes rs-flash{0%,to{filter:brightness(1)}50%{filter:brightness(1.28)}}.rs-timer--flash .rs-timer__panel{animation:rs-flash .5s steps(2) 4}.rs-timer[data-pixel-size=small]{--rs-dot: clamp(4px, 1.2cqi, 10px);--rs-digit-gap: calc(var(--rs-dot) * .9)}.rs-timer[data-pixel-size=large]{--rs-dot: clamp(6px, 1.8cqi, 14px);--rs-digit-gap: calc(var(--rs-dot) * 1.05)}@container (min-width: 520px){.rs-timer{--rs-dot: clamp(7px, 1.3cqi, 14px)}.rs-timer[data-pixel-size=small]{--rs-dot: clamp(5px, 1cqi, 11px)}.rs-timer[data-pixel-size=large]{--rs-dot: clamp(8px, 1.55cqi, 16px)}}@container (max-width: 420px){.rs-timer__bezel{padding:clamp(.45rem,1cqi,.75rem);border-radius:12px}.rs-timer__panel{padding:clamp(.7rem,1.8cqi,1rem) clamp(.75rem,2.1cqi,1.1rem)}.rs-timer__digits{gap:calc(var(--rs-dot) * .72)}}[data-fullscreen] .rs-timer{--rs-dot: clamp(8px, 1.18vh, 16px)}[data-fullscreen] .rs-timer[data-pixel-size=small]{--rs-dot: clamp(6px, .95vh, 13px)}[data-fullscreen] .rs-timer[data-pixel-size=large]{--rs-dot: clamp(9px, 1.34vh, 18px)}}