/* CLIPS + AUTO REEL (2026-10-19). Uses Broadcast Pro vars; transitions ≤220ms; reduced motion respected. */
.gclips{margin-top:14px}
.gclips .eyebrow{flex-wrap:wrap}.gclips .cl-src{letter-spacing:0;text-transform:none;font-weight:600}
.cl-btn{font:700 12px/1 var(--body);background:var(--acc,var(--slate-green));color:var(--slate-green-ink);border:0;border-radius:999px;padding:7px 12px;cursor:pointer;letter-spacing:.2px;text-transform:none;transition:filter .15s,transform .15s}
.cl-btn[data-reel=full]{background:transparent;color:var(--ink);border:1px solid var(--line)}.cl-btn:hover{filter:brightness(1.15)}.cl-btn:disabled{opacity:.4;cursor:default}
.cl-strip{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}
.cl-card{flex:0 0 210px;scroll-snap-align:start;background:transparent;border:1px solid var(--line);border-radius:10px;padding:0;text-align:left;color:var(--ink);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.cl-card:hover,.cl-card:focus-visible{border-color:var(--acc,var(--slate-green));transform:translateY(-2px)}
.cl-th{position:relative;display:block;aspect-ratio:16/9;background:#0b0e13 center/cover no-repeat}
.cl-th::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:26px;color:#fff;text-shadow:0 2px 10px #000a;opacity:.0;transition:opacity .15s}.cl-card:hover .cl-th::after{opacity:.95}
.cl-dur{position:absolute;right:6px;bottom:6px;font:700 11px/1 var(--body);background:#000c;color:#fff;padding:3px 5px;border-radius:4px;font-variant-numeric:tabular-nums}
.cl-chip{position:absolute;left:6px;top:6px;font:800 9.5px/1 var(--body);letter-spacing:.8px;padding:4px 6px;border-radius:4px;background:#000b;color:#cbd5e1}
.cl-chip.ok{background:#15803d;color:#fff}.cl-chip.mid{background:#b45309;color:#fff}.cl-chip.gm{background:#1d4ed8;color:#fff}.cl-chip.yt{background:#dc2626;color:#fff}
/* full clip title, never clamped or ellipsised (Jason: all text fully visible, 2026-10-25 night QA); the card grows and every card in the strip stretches to the tallest one */
.cl-hl{display:block;font:700 13px/1.25 var(--body);padding:8px 10px 2px;min-height:34px;overflow-wrap:anywhere;flex:1 0 auto}
.cl-meta{flex:0 0 auto}
.cl-meta{font:600 11px/1.3 var(--body);color:var(--mut);padding:2px 10px 9px;font-variant-numeric:tabular-nums}.cl-meta .up{color:var(--ok)}.cl-meta .dn{color:var(--red)}
.cl-foot{font-size:11px;margin-top:4px}.cl-reset{font:600 11px var(--body);background:none;border:1px solid var(--line);color:var(--mut);border-radius:4px;padding:1px 6px;cursor:pointer;margin-left:4px}
.clipbadge{margin-left:8px;font:800 9.5px/1 var(--body);letter-spacing:.6px;background:#15803d;color:#fff;border:0;border-radius:4px;padding:3px 6px;cursor:pointer;vertical-align:middle}
.clipbadge.likely{background:#b45309}.clipbadge:hover{filter:brightness(1.2)}
/* player */
.clp{position:fixed;inset:0;z-index:9000;background:#05070bd9;display:grid;place-items:center;padding:24px}.clp[hidden]{display:none}
.clp-box{width:min(1100px,96vw);background:var(--card,#161b22);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #000a}
.clp-top{display:flex;align-items:center;gap:10px;padding:10px 14px;font:700 13px var(--body);color:var(--ink)}.clp-top .sp{flex:1}.clp-src{font:600 11px var(--body)}.clp-src a{color:var(--mustard,#93c5fd)}
.clp-x{background:none;border:0;color:var(--ink);font-size:18px;cursor:pointer}
.clp-stage{position:relative;aspect-ratio:16/9;background:#000}.clp-v,.clp-yt{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.clp-ov{position:absolute;inset:0;pointer-events:none}.clp-ov[hidden]{display:none}
.clp-bug{position:absolute;left:16px;top:14px;display:flex;align-items:center;gap:10px;background:#0b0f16e6;border:1px solid #ffffff22;border-radius:8px;padding:6px 10px;font:700 18px/1 var(--disp);color:#fff;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.clp-bug .clk{font:700 11px var(--body);color:#cbd5e1;padding:0 4px;border-left:1px solid #ffffff33;border-right:1px solid #ffffff33}.clp-bug[hidden]{display:none}
.clp-chips{position:absolute;right:16px;top:14px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.clp-c{font:700 12px/1 var(--body);background:#0b0f16e6;color:#fff;border-radius:6px;padding:6px 8px;border-left:3px solid #94a3b8;font-variant-numeric:tabular-nums}
.clp-c.up{border-color:var(--ok)}.clp-c.dn{border-color:var(--red)}.clp-c.k{border-color:#a78bfa}.clp-c.mid{border-color:#f59e0b}
.clp-cap{position:absolute;left:50%;bottom:21%;transform:translateX(-50%);max-width:84%;text-align:center;font:800 clamp(16px,2.6vw,30px)/1.15 var(--disp);color:#fff;text-transform:uppercase;letter-spacing:.4px;
  background:#000000b3;padding:8px 14px;border-radius:8px;text-shadow:0 2px 0 #000}
.clp-cap.in{animation:clpcap .2s ease-out}@keyframes clpcap{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.clp-card{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#1e293b,#05070b)}.clp-card[hidden]{display:none}
.clp-fin{display:flex;align-items:center;gap:28px;color:#fff;text-align:center}.clp-fin img{width:96px;height:96px;object-fit:contain}
.clp-fint{font:800 clamp(26px,4vw,48px)/1 var(--disp);letter-spacing:.5px}.clp-finw{font:700 15px var(--body);color:var(--gold,#f5c542);margin:10px 0 6px}
.clp-fade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .18s}.clp-fade.on{opacity:1}
.clp-bar{display:flex;align-items:center;gap:8px;padding:10px 14px}.clp-bar button{background:none;border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:4px 9px;cursor:pointer;font-size:14px}
.clp-prog{flex:1;display:flex;gap:3px;height:6px;min-width:120px}.clp-prog i{display:block;background:#ffffff1f;border-radius:3px;overflow:hidden;position:relative}.clp-prog i.done{background:var(--acc,var(--slate-green))}
.clp-prog i b{position:absolute;inset:0 auto 0 0;width:0;background:var(--acc,var(--slate-green))}.clp-note{font:600 11px var(--body);max-width:38%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.compact .cl-card{flex-basis:170px}body.compact .clp{padding:6px}
@media (prefers-reduced-motion: reduce){.cl-card,.cl-btn,.clp-fade,.cl-th::after{transition:none}.clp-cap.in{animation:none}}
.gc-rm .cl-card,.gc-rm .cl-btn,.gc-rm .clp-fade,.gc-rm .cl-th::after{transition:none}.gc-rm .clp-cap.in{animation:none}

#fscoring .clipbadge.scoreclip{font-size:9px;letter-spacing:.5px}

.clp-cap[hidden]{display:none!important}
.clp-caps{background:#161b22;border:1px solid #262d38;color:#94a3b8;border-radius:6px;padding:3px 8px;font:600 11px system-ui;cursor:pointer}
.clp-caps.on{color:#e6edf3;border-color:var(--slate-green);background:rgba(var(--slate-green-rgb),.12)}

.clp-mute{background:#161b22;border:1px solid #262d38;color:#94a3b8;border-radius:6px;padding:3px 8px;font:600 11px system-ui;cursor:pointer}
.clp-mute.on{color:#e6edf3;border-color:#22c55e;background:#0f2a1a}