@layer components{.eec-dial{aspect-ratio:1;width:min(100%,400px);position:relative}@media (min-width:1440px){.eec-dial{width:400px}}.eec-ring{fill:none;stroke:#ffffff24;stroke-width:1.5px}.eec-tick{stroke:#fff;stroke-linecap:round;stroke-width:1px;opacity:.18}.eec-tick[data-size=m]{stroke-width:1.5px;opacity:.38}.eec-tick[data-size=l]{stroke-width:2px;opacity:.7}.eec-arc{fill:none;stroke:var(--color-viz-gold);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1;filter:drop-shadow(0 0 6px color-mix(in oklab, var(--color-viz-gold) 45%, transparent))}.eec-hand{transform-box:view-box;transform-origin:200px 200px;transform:rotate(330deg)}.eec-hand line{stroke:var(--color-text-on-dark);stroke-width:2.5px;stroke-linecap:round}.eec-hand circle{fill:var(--color-text-on-dark)}.eec-mark,.eec-ping{transform-box:fill-box;transform-origin:50%}.eec-mark[data-mark=flash]{fill:var(--color-viz-gold);stroke:var(--color-brand-navy);stroke-width:2.5px;filter:drop-shadow(0 0 8px color-mix(in oklab, var(--color-viz-gold) 70%, transparent))}.eec-mark[data-mark=strike]{fill:var(--color-alert-warning);stroke:#fff;stroke-width:2px}.eec-mark[data-mark=detection]{fill:var(--color-neutral-400);stroke:var(--color-brand-navy);stroke-width:2px}.eec-ping{fill:none;stroke-width:2px;opacity:0}.eec-ping[data-mark=flash]{stroke:var(--color-viz-gold)}.eec-ping[data-mark=strike]{stroke:var(--color-alert-warning)}.eec-ping[data-mark=detection]{stroke:var(--color-neutral-400)}.eec-label{white-space:nowrap;margin:0;font-size:13px;font-weight:600;line-height:18px;position:absolute}.eec-label[data-label=flash]{flex-direction:column;display:flex;top:3%;left:53.5%}.eec-start{letter-spacing:.13em;text-transform:uppercase;color:var(--color-text-on-dark);font-size:11px;font-weight:800;line-height:16px}.eec-flash{color:var(--color-viz-gold);font-weight:700}.eec-label[data-label=detection]{color:var(--color-text-on-dark-muted);top:11%;right:60%}.eec-label[data-label=strike]{color:color-mix(in oklab, var(--color-alert-warning) 62%, #fff);font-weight:700;top:19%;right:70%}.eec-label[data-label=window]{letter-spacing:.14em;text-transform:uppercase;color:var(--color-viz-gold);font-size:11px;font-weight:800;line-height:16px;top:60%;left:50%;transform:translate(-50%)}.eec-label[data-label^=tick]{color:#ffffff8c;font-size:11px;font-weight:700;line-height:16px;transform:translate(-50%,-50%)}.eec-label[data-label=tick-0]{top:46.7%;left:75.3%}.eec-label[data-label=tick-1]{top:74.6%;left:56.6%}.eec-label[data-label=tick-2]{top:59.8%;left:26.4%}.eec-replay{border-radius:var(--radius-sm);color:var(--color-text-on-dark-muted);text-underline-offset:3px;cursor:pointer;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:600;line-height:18px;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d;transition:color .15s;display:inline-flex}.eec-replay:hover{color:var(--color-text-on-dark)}.eec-replay:focus-visible{outline:2px solid var(--color-alert-info);outline-offset:2px}@media (hover:hover){:is(.eec:has(.eec-card[data-kind=flash]:hover) .eec-ping[data-kind=flash],.eec:has(.eec-card[data-kind=detection]:hover) .eec-ping[data-kind=detection]){opacity:.5;animation:1.3s ease-out infinite eec-pulse;transform:scale(1.9)}}.motion[data-anim]:not([data-anim=reset]) .eec-mark[data-mark=flash]{animation:motion-pop-in .45s var(--motion-ease) calc(var(--motion-delay) + 0s) backwards}.motion[data-anim]:not([data-anim=reset]) .eec-flash{animation:motion-fade .3s ease-out calc(var(--motion-delay) + .15s) backwards}.motion[data-anim]:not([data-anim=reset]) .eec-card[data-kind=flash]{animation:eec-lit-flash 2.3s ease calc(var(--motion-delay) + .15s) backwards}.motion[data-anim]:not([data-anim=reset]) .eec-hand{animation:eec-sweep 2s cubic-bezier(.45, .05, .55, .95) calc(var(--motion-delay) + .3s) backwards}.motion[data-anim]:not([data-anim=reset]) .eec-arc{animation:motion-draw 2s cubic-bezier(.45, .05, .55, .95) calc(var(--motion-delay) + .3s) backwards}.motion[data-anim]:not([data-anim=reset]) .eec-label[data-label=window]{animation:motion-fade .4s ease-out calc(var(--motion-delay) + 1.3s) backwards}.motion[data-anim]:not([data-anim=reset]) .eec-mark[data-mark=strike]{animation:motion-pop-in .45s var(--motion-ease) calc(var(--motion-delay) + 2.3s) backwards}.motion[data-anim]:not([data-anim=reset]) .eec-label[data-label=strike]{animation:motion-fade .3s ease-out calc(var(--motion-delay) + 2.35s) backwards}.motion[data-anim]:not([data-anim=reset]) .eec-mark[data-mark=detection]{animation:motion-pop-in .4s var(--motion-ease) calc(var(--motion-delay) + 2.65s) backwards}.motion[data-anim]:not([data-anim=reset]) .eec-label[data-label=detection]{animation:motion-fade .3s ease-out calc(var(--motion-delay) + 2.7s) backwards}.motion[data-anim]:not([data-anim=reset]) .eec-card[data-kind=detection]{animation:eec-lit-detection 1.4s ease calc(var(--motion-delay) + 2.65s) backwards}.motion[data-anim]:not([data-anim=reset]) .eec-replay{animation:eec-replay-in .4s ease-out calc(var(--motion-delay) + 3s) backwards}}@keyframes eec-sweep{0%{transform:rotate(0)}}@keyframes eec-lit-flash{12%,85%{border-color:color-mix(in oklab, var(--color-viz-gold) 60%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-viz-gold) 20%, transparent), 0 0 48px -8px color-mix(in oklab, var(--color-viz-gold) 35%, transparent)}}@keyframes eec-lit-detection{15%,70%{border-color:#ffffff73;box-shadow:0 0 48px -8px #ffffff24}}@keyframes eec-replay-in{0%{opacity:0;visibility:hidden}}@keyframes eec-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}