/* ---------- spot the difference ---------- */
.sd-wrap{--pw:320px;--ph:240px;display:flex;gap:10px;justify-content:center;align-items:center;width:100%;flex:1}
.sd-wrap.stack{flex-direction:column}
.sd-pane{width:var(--pw);height:var(--ph);border-radius:8px;overflow:hidden;border:2px solid var(--line);background:#000;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.sd-pic{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.sd-wrap.zoomed .sd-pic{cursor:grab}
.sd-ring{animation:sdpop .35s ease-out;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}
.sd-ring.missed{animation:sdpulse 1.2s ease-in-out infinite}
.sd-miss{animation:sdfade .75s ease-out forwards}
@keyframes sdpop{from{transform-box:fill-box;transform-origin:center;transform:scale(.4);opacity:0}to{transform-box:fill-box;transform-origin:center;transform:scale(1);opacity:1}}
@keyframes sdfade{0%{opacity:1}70%{opacity:1}100%{opacity:0}}
@keyframes sdpulse{50%{opacity:.35}}
.sd-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sd-count{font-family:var(--display);letter-spacing:.06em;color:var(--muted);white-space:nowrap}
.sd-count b{color:var(--amber);font-size:1.2em}
.sd-zoom{display:flex;gap:6px}
.sd-zoom .btn{flex:none;min-width:44px;padding:10px 12px}
.sd-foot>.btn{flex:none;padding:10px 16px}
/* picker */
.sd-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sd-item{display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-align:left;cursor:pointer}
.sd-item:hover{border-color:var(--tan)}
.sd-item.live{border-color:var(--amber)}
.sd-item.done{opacity:.7}
.sd-thumb{display:block;aspect-ratio:4/3;border-radius:6px;background-size:200% auto;background-position:0% 50%;background-repeat:no-repeat;background-color:#000}
.sd-item .ttl{display:flex;flex-direction:column;gap:2px;font-size:14px}
.sd-item .ttl small{color:var(--muted);font-size:12px}
.sd-item.done .ttl small{color:var(--good)}