/* Five capturable types fit without changing the panel size. */
.capture-panel{margin-top:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.capture-row{min-width:0;height:176px;padding:10px 9px;border:1px solid #51666d;border-radius:7px;background:#0c2029;overflow:hidden}
.capture-heading{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;justify-content:space-between;gap:3px 6px;height:34px}
.capture-heading h3{font-size:.74rem;line-height:1.4;font-weight:600;color:#e8e5d9;margin:0}
.capture-total{font-size:.68rem;line-height:1.4;color:#d8bd8a;white-space:nowrap}
.capture-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,52px);gap:5px;margin-top:8px;height:109px;align-content:start}
.capture-empty{grid-column:1/-1;grid-row:1/-1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.7rem;color:#a8b9c1;margin:0;line-height:1.6}
.capture-token{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;width:100%;height:52px;padding:3px 1px;border:1px solid #62716a;border-radius:5px;background:#e3d5b7;color:#26332e;line-height:1;overflow:hidden}
.capture-token .piece{position:static;width:27px;height:29px;flex:none;opacity:1;filter:drop-shadow(0 1px 1px #0003)}
.capture-token .piece.black{--piece-fill:#35423b;--piece-stroke:#18251e;--piece-detail:#afbca8}
.capture-token .piece.white{--piece-fill:#a8b0ac;--piece-stroke:#526258;--piece-detail:#eef0e5}
.capture-token b{font-size:.74rem;line-height:1;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
