@layer components{.agent-replay{display:flex;position:relative;isolation:isolate;overflow:hidden;flex-direction:column;justify-content:space-between;min-height:290px;padding:var(--space-5);color:var(--foreground);text-decoration:none;background:var(--feature-ink)}.agent-replay:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071e15,#071e1599 40%,#071e1533)}.agent-replay__board{position:absolute;inset:0;z-index:-2;overflow:hidden;opacity:.85;pointer-events:none}.agent-replay__cards{display:grid;grid-template-columns:1fr 1fr;height:100%;background:radial-gradient(ellipse at center,#1b543b,var(--feature-ink))}.agent-replay__cards>div{display:flex;justify-content:center;align-items:center;padding:var(--space-5)}.agent-replay__cards>div+div{border-left:1px solid #ffffff15}.agent-replay__cards img{width:auto;height:240px;max-width:100%;object-fit:contain}.agent-replay__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.agent-replay__stage{display:flex;flex-direction:column}.agent-replay__play{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:var(--primary-foreground);background:var(--primary);align-self:center;margin:var(--space-4);box-shadow:0 0 0 8px color-mix(in srgb,var(--primary) 20%,transparent);transition:transform var(--motion-fast)}.agent-replay:hover .agent-replay__play{transform:scale(1.06)}.agent-replay__caption{display:grid;gap:var(--space-1);padding-right:110px}.agent-replay__caption strong{overflow-wrap:anywhere}.agent-replay__caption .type-meta{margin-top:var(--space-2)}.agent-replay__cta{position:absolute;right:var(--space-5);bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-1);font-weight:650}.agent-replay--card{padding:0;min-height:0;background:var(--card)}.agent-replay--card:after{display:none}.agent-replay--card .agent-replay__stage{position:relative;isolation:isolate;overflow:hidden;min-height:230px;padding:var(--space-4);color:var(--foreground);background:var(--feature-ink)}.agent-replay--card .agent-replay__cards img{height:190px}.agent-replay--card .agent-replay__top>.type-meta{background:var(--feature-ink);border-radius:var(--radius-badge);padding:var(--space-1) var(--space-2)}.agent-replay--card .agent-replay__play{margin-block:auto}.agent-replay--card .agent-replay__body{padding:var(--space-5)}.agent-replay--card .agent-replay__caption{padding-right:0}.agent-replay--card .agent-replay__caption>span{color:var(--ink-dim)}.agent-replay--card .agent-replay__cta{position:static;justify-content:end;margin-top:var(--space-3)}@media(max-width:520px){.agent-replay__caption{padding-right:0}.agent-replay__cta{position:static;justify-content:end;margin-top:var(--space-3)}}@media(prefers-reduced-motion:reduce){.agent-replay__play{transition:none}.agent-replay:hover .agent-replay__play{transform:none}}}