.z3F_mG_board{min-height:var(--min-m);grid-template:"a b""c d""n n"/auto auto;place-content:start center;align-items:start;gap:32px 48px;display:grid;position:relative}@container (max-width:559px){.z3F_mG_board{min-height:var(--min-n);column-gap:32px}.z3F_mG_board.z3F_mG_linked{column-gap:48px}}@container (min-width:820px){.z3F_mG_board{min-height:var(--min-w);grid-template:"b a c d"".n n n"/auto auto auto auto}}.z3F_mG_board.z3F_mG_middle{align-content:center;justify-items:center}.z3F_mG_board.z3F_mG_middle>.z3F_mG_piece{justify-self:center}.z3F_mG_board.z3F_mG_middle>.z3F_mG_note{justify-content:center}.z3F_mG_board.z3F_mG_slotted{grid-template:"a a""c d""n n"/auto auto}.z3F_mG_slotPiece{justify-self:start;margin:-1px}.z3F_mG_hidden{visibility:hidden}.z3F_mG_board.z3F_mG_pair{grid-template:"a b""n n"/auto auto}.z3F_mG_board.z3F_mG_solo{grid-template:"a""n"/auto}.z3F_mG_board.z3F_mG_left{grid-template:"a""c""n"/auto}@container (min-width:820px){.z3F_mG_board.z3F_mG_left{grid-template:"a c""n n"/auto auto}}.z3F_mG_piece{grid-template-columns:repeat(var(--n), auto);font:var(--text-data,14px) / 1 var(--font-mono);font-variant-numeric:tabular-nums;justify-self:start;display:grid}.z3F_mG_piece>*{grid-column:1/-1}.z3F_mG_piece>div{background:0 0}@container (max-width:559px){.z3F_mG_dense .z3F_mG_c{padding-inline:3px}}.z3F_mG_arcs{height:var(--arcs-grid)}@container (min-width:820px){.z3F_mG_arcs{height:var(--arcs-row)}}.z3F_mG_bands{grid-template-columns:var(--cols);align-items:end;height:22px;display:grid}.z3F_mG_band{border-bottom:2px solid var(--muted);color:var(--muted);font:600 14px/1 var(--font-sans);text-align:center;white-space:nowrap;margin-inline:1px;padding-bottom:2px;overflow-x:clip}.z3F_mG_piece .z3F_mG_hd{border-bottom-color:var(--muted);height:40px;color:var(--muted);align-items:end;font-size:14px}@container (max-width:559px){.z3F_mG_piece .z3F_mG_hd{height:56px}}.z3F_mG_hc{white-space:normal;flex-direction:column;align-items:flex-start;padding-bottom:6px;line-height:16px;display:flex}.z3F_mG_pk{color:var(--text);font-weight:800}.z3F_mG_c{white-space:nowrap;padding:0 4px}.z3F_mG_c:first-of-type{padding-left:0}.z3F_mG_c:last-of-type{padding-right:0}.z3F_mG_v{border-radius:var(--radius-xs);transition:background-color var(--dur) var(--ease);display:inline-block}.z3F_mG_paint,.z3F_mG_bad,.z3F_mG_keep{margin:-2px -3px;padding:2px 3px}.z3F_mG_paint{background:linear-gradient(var(--hl-1), var(--hl-1)) bottom / 100% 2px no-repeat, var(--hl-1-soft)}.z3F_mG_bad{background:linear-gradient(var(--hl-3), var(--hl-3)) bottom / 100% 2px no-repeat, var(--hl-3-soft)}.z3F_mG_keep{background:linear-gradient(var(--hl-2), var(--hl-2)) bottom / 100% 2px no-repeat, var(--hl-2-soft)}.z3F_mG_tall{--row-h:64px}.z3F_mG_packed{align-content:center;align-self:stretch;gap:8px;display:grid}.z3F_mG_pack{gap:.6ch;display:flex}.z3F_mG_cellPaint{background:var(--hl-1-soft);box-shadow:inset 3px 0 var(--hl-1);padding-left:8px}.z3F_mG_swap{display:inline-grid}.z3F_mG_swap>*{grid-area:1/1;justify-self:start}.z3F_mG_hole{border:1px dashed var(--hl-3);border-radius:var(--radius-xs);min-width:2.6ch;height:20px;color:var(--hl-3);place-items:center;display:inline-grid}.z3F_mG_merge{width:7px;height:var(--row-h,32px);border:solid var(--hl-1);border-radius:var(--radius-xs) 0 0 var(--radius-xs);border-width:2px 0 2px 2px;position:absolute;top:50%;left:-12px}.z3F_mG_merge:after{content:"";border:5px solid #0000;border-left-color:var(--hl-1);position:absolute;top:-6px;right:-6px}.z3F_mG_piece:is([data-area=a],[data-area=c]) .z3F_mG_merge{border-radius:0 var(--radius-xs) var(--radius-xs) 0;border-width:2px 2px 2px 0;left:auto;right:-12px}.z3F_mG_piece:is([data-area=a],[data-area=c]) .z3F_mG_merge:after{border-left-color:#0000;border-right-color:var(--hl-1);left:-6px;right:auto}.z3F_mG_mergeNote{height:24px;color:var(--hl-1);font:600 14px/1 var(--font-sans);white-space:nowrap;align-items:center;gap:8px;margin-top:4px;display:flex}.z3F_mG_mergeKey{border:solid var(--hl-1);border-radius:var(--radius-xs) 0 0 var(--radius-xs);border-width:2px 0 2px 2px;width:7px;height:14px;position:relative}.z3F_mG_mergeKey:after{content:"";border:5px solid #0000;border-left-color:var(--hl-1);position:absolute;top:-6px;right:-6px}.z3F_mG_piece:is([data-area=a],[data-area=c]) .z3F_mG_mergeNote{flex-direction:row-reverse}.z3F_mG_piece:is([data-area=a],[data-area=c]) .z3F_mG_mergeKey{transform:scaleX(-1)}.z3F_mG_rel{position:relative}.z3F_mG_strike{background:var(--hl-3);transform-origin:0;height:2px;position:absolute;inset:calc(50% - 1px) 0 auto}.z3F_mG_over{pointer-events:none;fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.z3F_mG_arc{stroke:var(--muted);stroke-width:1.5px;transition:stroke var(--dur) var(--ease)}.z3F_mG_arc[data-tone=now]{stroke:var(--hl-1);stroke-width:2px}.z3F_mG_arc[data-tone=bad]{stroke:var(--hl-3);stroke-width:2px}.z3F_mG_arc[data-tone=keep]{stroke:var(--hl-2);stroke-width:2px}.z3F_mG_arc[data-dash]{stroke-dasharray:calc(4 / var(--arc-len)) calc(3 / var(--arc-len))}.z3F_mG_note{flex-wrap:wrap;grid-area:n;align-items:center;gap:8px;display:flex}.z3F_mG_ko.z3F_mG_ko{font-family:var(--font-sans);font-variant-numeric:tabular-nums}.z3F_mG_v.z3F_mG_ko{font-weight:500}