.cg-grid{--crd-w:64px;grid-template-columns:repeat(3,auto);justify-content:center;gap:6px;display:grid}.cg-grid.small{--crd-w:34px;gap:3px}.cg-grid.small .crd .crd-m{display:none}.cg-grid.small .crd .crd-c{font-size:13px}.cg-grid .crd.cg-pair{opacity:.5}.cg-others{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cg-others li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:4px;padding:6px 8px;display:flex}.cg-others li.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cg-others li.out{border-style:dashed}.cg-others b{font-family:var(--f-word);overflow-wrap:anywhere;font-size:14px}.cg-others small,.cg-mine small{font-family:var(--f-mono);color:var(--muted);font-size:11px}.cg-middle{--crd-w:60px;justify-content:center;align-items:flex-end;gap:18px;display:flex}.cg-pile{flex-direction:column;align-items:center;gap:4px;display:flex}.cg-pile small{color:var(--muted);font-size:12px}.cg-pile.drawn .crd{box-shadow:0 0 0 3px var(--sun)}.cg-pile .crd.cg-held{box-shadow:0 0 0 3px var(--accent);transform:translateY(-6px)}.cg-mine{border-top:1.5px solid var(--line);flex-direction:column;align-items:center;gap:8px;padding-top:12px;display:flex}.cg-mine.on .cg-grid{border-radius:var(--radius);background:color-mix(in srgb,var(--accent)10%,transparent);padding:6px}.cg-score{flex-direction:column;gap:4px;width:100%;max-width:360px;margin:0;padding:0;list-style:none;display:flex}.cg-score li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;grid-template-columns:1fr auto 3.5em;align-items:center;gap:8px;padding:4px 10px;display:grid}.cg-score li.win{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.cg-score b{font-family:var(--f-word);overflow-wrap:anywhere}.cg-score span{font-family:var(--f-mono);color:var(--muted)}.cg-score .tot{color:var(--ink);text-align:right;font-weight:700}.cg-score small{font-family:var(--f-mono);color:var(--muted);grid-column:1/-1;font-size:11px}@media (max-width:420px){.cg-grid{--crd-w:56px}.cg-middle{--crd-w:52px}}