.puppet-card{position:relative}.puppet-card-link{display:block;opacity:1!important}.puppet-card-frame{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);background:#dedede;position:relative;overflow:hidden}.puppet-card-portrait,.puppet-card-video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.puppet-card-portrait{filter:grayscale()contrast(1.08)}.puppet-card-video{opacity:0;transition:opacity .32s}.puppet-card[data-revealed=true] .puppet-card-video{opacity:1}.puppet-card-caption{flex-direction:column;gap:2px;margin-top:12px;display:flex}.puppet-card-caption h3{font-size:17px!important}.puppet-card-caption h4{font-size:15px!important}.puppet-card-caption h4 span{margin-left:6px}.puppet-card-controls{aspect-ratio:16/9;pointer-events:none;align-items:flex-end;gap:6px;width:100%;padding:12px;display:flex;position:absolute;top:0;left:0}.puppet-card-controls button{color:#171717;min-height:44px;font-family:var(--font-geist-mono), monospace;cursor:pointer;pointer-events:auto;background:#fffffff0;border:1px solid #0002;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:400;display:inline-flex}.puppet-card-controls button:hover{background:#fff}.puppet-card-controls button span{font-size:17px}.puppet-card :focus-visible{outline-offset:4px;outline:2px solid}@container (min-width:1024px){.puppet-card-caption{flex-direction:row;justify-content:space-between;gap:12px}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.puppet-card-controls{opacity:0;transition:opacity .18s}.puppet-card:hover .puppet-card-controls,.puppet-card:focus-within .puppet-card-controls{opacity:1}}@media (prefers-reduced-motion:reduce){.puppet-card-video{transition:none}}