.drop-mini-reserve-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:100%;line-height:0;display:flex;overflow:visible}.drop-mini-reserve-piece{flex:0 0 var(--drop-mini-hand-tile-size);width:var(--drop-mini-hand-tile-size);height:var(--drop-mini-hand-tile-size);border:1px solid color-mix(in srgb, var(--site-border) 74%, transparent);border-radius:var(--site-radius-sm);background:var(--site-bg);color:inherit;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.drop-mini-reserve-piece svg{width:var(--drop-mini-hand-piece-size);height:var(--drop-mini-hand-piece-size);display:block}.review-stage .drop-mini-reserve-strip{--drop-mini-hand-piece-size:clamp(40px, calc(100cqw / 7.6), 80px)}.review-stage .drop-mini-reserve-piece{background:0 0;border-color:#0000}button.drop-mini-reserve-piece{cursor:grab}button.drop-mini-reserve-piece:active{cursor:grabbing}button.drop-mini-reserve-piece:hover:not(:disabled),.drop-mini-reserve-piece.selected{border-color:color-mix(in srgb, var(--board-selected,#5f7d33) 90%, var(--site-border));background:color-mix(in srgb, var(--board-selected,#cfe39a) 55%, transparent)}button.drop-mini-reserve-piece:disabled{cursor:default;opacity:.42}.drop-mini-reserve-piece--cooldown{opacity:.68}.drop-mini-cooldown-badge{background:#334155;top:-1px;bottom:auto;right:-1px}.drop-mini-reserve-container{container-type:inline-size}.drop-mini-reserve-strip{--drop-mini-hand-piece-size:clamp(34px, calc(100cqw * 54 / 516), 62px);--drop-mini-hand-tile-size:calc(var(--drop-mini-hand-piece-size) + 8px);--drop-mini-hand-band-height:calc(var(--drop-mini-hand-piece-size) + 24px);height:var(--drop-mini-hand-band-height);min-height:var(--drop-mini-hand-band-height);box-sizing:border-box;padding:8px 2px;overflow:visible}.drop-mini-reserve-strip:empty{height:var(--drop-mini-hand-band-height);min-height:var(--drop-mini-hand-band-height)}.drop-mini-reserve-strip .drop-mini-reserve-row{min-height:var(--drop-mini-hand-tile-size)}.drop-mini-replay-frame{flex-direction:column;align-items:center;gap:6px;width:min(440px,100%);margin-inline:auto;display:flex}.drop-mini-replay-hand{gap:2px;width:100%;display:grid}.drop-mini-replay-hand-label{color:var(--site-muted);text-align:center;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1}.drop-mini-replay-hand .drop-mini-reserve-strip{width:100%;padding-block:4px}.drop-mini-replay-board{width:min(390px,100%);margin-inline:auto;line-height:0}.drop-mini-replay-board>.xq-article-svg{width:100%;height:auto;display:block}.chx-replay-frame .chx-replay-board{width:min(330px,100%)}.chx-replay-frame .drop-mini-reserve-strip{--chx-board-piece:calc(min(330px, 100cqw) * .094);--drop-mini-hand-piece-size:var(--chx-board-piece);--drop-mini-hand-tile-size:var(--chx-board-piece);--drop-mini-hand-band-height:calc(var(--chx-board-piece) + 12px);padding:6px 2px}.chx-replay-frame .drop-mini-reserve-piece{background:0 0;border-color:#0000}.replay-captures.drop-mini-reserve-strip--all-roles{--drop-mini-hand-piece-size:clamp(26px, calc(100cqw * 62 / 516), 68px);--drop-mini-hand-tile-size:var(--drop-mini-hand-piece-size);--drop-mini-hand-band-height:calc(var(--drop-mini-hand-piece-size) + 6px);height:var(--drop-mini-hand-band-height);min-height:var(--drop-mini-hand-band-height);padding:0}.replay-captures.drop-mini-reserve-strip--all-roles .drop-mini-reserve-row{gap:clamp(1px,.775194cqw,6px);height:100%}.replay-captures.drop-mini-reserve-strip--all-roles .drop-mini-reserve-piece{flex:0 1 var(--drop-mini-hand-piece-size);aspect-ratio:1;background:0 0;border-color:#0000;width:auto;min-width:0;height:auto}.replay-captures.drop-mini-reserve-strip--all-roles .drop-mini-reserve-piece svg{width:100%;height:100%}.replay-captures.drop-mini-reserve-strip--all-roles .drop-mini-reserve-piece.is-empty{opacity:.24}.drop-mini-reserve-strip.drop-pocket.drop-mini-reserve-strip--all-roles{--drop-mini-hand-band-height:auto;--pocket-pad:3px;--pocket-gap:2px;box-sizing:border-box;width:100%;height:auto;min-height:0;padding:var(--pocket-pad);border-radius:var(--site-radius,10px);background:color-mix(in srgb, var(--site-border) 46%, transparent);display:block;overflow:visible;box-shadow:inset 0 1px 3px #0000002e;container-type:inline-size}.drop-pocket .drop-mini-reserve-row{--pocket-slot:clamp(20px, calc((100cqw - (var(--pocket-slots,7) - 1) * var(--pocket-gap)) / var(--pocket-slots,7)), 48px);justify-content:space-evenly;align-items:center;gap:var(--pocket-gap);width:100%;height:var(--pocket-slot);min-height:0;display:flex}.drop-pocket .drop-mini-reserve-piece{flex:0 1 var(--pocket-slot);width:auto;min-width:0;height:auto;max-height:var(--pocket-slot);aspect-ratio:1;background:0 0;border:0;border-radius:50%;padding:0;transition:opacity .12s,background-color .12s,box-shadow .12s}.drop-pocket .drop-mini-reserve-piece svg{filter:drop-shadow(0 1px 1px #00000047);width:100%;height:100%}.drop-pocket .drop-mini-reserve-piece.is-empty{opacity:.26;filter:grayscale()}.drop-pocket .drop-mini-reserve-piece.is-empty svg{filter:none}.drop-pocket button.drop-mini-reserve-piece:not(:disabled){cursor:pointer}.drop-pocket button.drop-mini-reserve-piece:hover:not(:disabled){background:color-mix(in srgb, var(--site-accent) 22%, transparent);border-color:#0000}.drop-pocket .drop-mini-reserve-piece.selected,.drop-pocket button.drop-mini-reserve-piece.selected:hover{background:color-mix(in srgb, var(--site-accent) 34%, transparent);box-shadow:0 0 0 2px var(--site-accent)}.drop-pocket .captures-count-badge{min-width:clamp(14px, calc(var(--pocket-slot) * .4), 19px);height:clamp(14px, calc(var(--pocket-slot) * .4), 19px);border:1.5px solid var(--site-panel,#fff);background:var(--site-accent);color:var(--site-on-accent,#fff);font-size:clamp(9px, calc(var(--pocket-slot) * .27), 12px);font-variant-numeric:tabular-nums;padding:0 3px;bottom:-3px;right:-3px}