/* v2-shotrecap.css — "Your shoot" recap on Shots + per-card cast badge */
#shotRecap{margin:0 0 18px;padding:14px 16px;border:1px solid color-mix(in srgb,#E5A82E 35%,transparent);border-radius:8px;background:color-mix(in srgb,#E5A82E 6%,transparent)}
#shotRecap[hidden]{display:none}
.srHd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:12px}
.srK{font-size:11px;font-weight:700;letter-spacing:.14em;color:#E5A82E}
.srN{font-size:13px;line-height:1.45;color:var(--ts);text-wrap:pretty;flex:1 1 320px}
.srRow{display:flex;flex-wrap:wrap;gap:8px}
.srC{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 12px 6px 6px;border:1px solid var(--tilebd,rgba(255,255,255,.12));border-radius:8px;background:var(--tile,rgba(255,255,255,.04));color:var(--tp);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,background .15s}
.srC:hover{border-color:#E5A82E}
.srC:hover .srE{opacity:1}
.srI{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none;display:block;overflow:hidden}
span.srI img{width:100%;height:100%;object-fit:cover}
.srT{display:flex;flex-direction:column;gap:1px;min-width:0}
.srT small{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ts)}
.srT b{font-size:13px;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srE{font-size:11px;color:#E5A82E;opacity:0;transition:opacity .15s;margin-left:2px}
.srF{display:flex;flex:none}
.srF img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--bg,#171513)}
.srF img+img{margin-left:-14px}
.shotCard .ph .srB{position:absolute;left:8px;bottom:8px;z-index:3;display:flex;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:3px 9px 3px 3px;border-radius:8px;background:rgba(20,18,16,.82);color:#fff;font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(6px)}
.shotCard .ph .srB:not(:has(img)){padding-left:9px}
.shotCard .ph .srB img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}
.shotCard .ph:has(.srB) .frTag{bottom:40px}
@media (max-width:760px){
#shotRecap{padding:12px;margin:0 calc(-1 * var(--mob-g,0px)) 14px}
.srN{font-size:12.5px}
.srRow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px}
.srRow::-webkit-scrollbar{display:none}
.srC{flex:none;min-height:48px}
.srE{display:none}
.srT b{max-width:150px}
.shotCard .ph .srB{font-size:10.5px;left:6px;bottom:6px}
}