.cn-sides{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cn-sides li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;padding:6px 12px;display:flex}.cn-sides li.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cn-sides li.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.cn-sides b{font-family:var(--f-word)}.cn-score{font-family:var(--f-mono);font-size:1.15rem;font-weight:700}.cn-table{border-radius:var(--radius);background:color-mix(in srgb,#2f8f5b 18%,var(--surface));border:1.5px solid var(--line);--crd-w:54px;align-items:flex-start;gap:12px;padding:12px 10px;display:flex}.cn-piles{flex-direction:column;flex:none;gap:10px;display:flex}.cn-pile{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:3px;display:flex}.cn-pile:disabled{cursor:default}.cn-pile small{white-space:nowrap;font-size:12px}.cn-pile:not(:disabled) .crd{box-shadow:0 0 0 3px var(--accent)}.cn-pile.frozen .cn-top{position:relative}.cn-pile.frozen .cn-top:before{content:"";pointer-events:none;z-index:1;background:#4aa3df73;border-radius:4px;width:120%;height:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.cn-pile:focus-visible,.cn-pick:focus-visible,.cn-meld:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.cn-melds{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.cn-side{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.cn-who{font-family:var(--f-word);align-items:center;gap:6px;width:100%;font-size:14px;display:flex}.cn-red3{gap:2px;display:inline-flex}.cn-none{margin:2px 0;font-size:14px}.cn-meld{border:1.5px solid var(--line);background:var(--surface);font:inherit;color:inherit;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;display:flex}.cn-meld small{font-size:12px;font-family:var(--f-mono);white-space:nowrap}.cn-meld.done{border-color:var(--good)}button.cn-meld{cursor:pointer}button.cn-meld.hot{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}.cn-nat{color:var(--good)}.cn-mix{color:var(--accent)}.cn-fan{display:flex}.cn-fan>.crd+.crd{margin-left:-12px}.crd.cn-sm{--w:26px;box-shadow:none}.crd.cn-sm .crd-m{display:none}.crd.cn-sm .crd-c{font-size:10px;top:2px;left:3px}.crd.cn-joker{color:#7a3fb0}.crd.cn-joker .crd-c{font-size:calc(var(--w)*.22)}.cn-mine{flex-direction:column;align-items:center;gap:10px;display:flex}.cn-aside{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cn-hand{--crd-w:52px;flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.cn-pick{cursor:pointer;background:0 0;border:0;border-radius:10px;padding:3px;transition:transform .1s}.cn-pick:disabled{cursor:default}.cn-pick.new .crd{box-shadow:0 0 0 2px var(--good)}.cn-pick.on{box-shadow:0 0 0 3px var(--accent);transform:translateY(-5px)}.cn-tally{border-collapse:collapse;margin:0 auto;font-size:14px}.cn-tally th,.cn-tally td{border-bottom:1px solid var(--line);text-align:right;padding:3px 10px}.cn-tally th[scope=row]{text-align:left;color:var(--muted);font-weight:400}.cn-tally .cn-total td,.cn-tally .cn-total th{color:var(--ink);font-weight:700}@media (max-width:480px){.cn-table{--crd-w:46px;flex-direction:column;align-items:stretch}.cn-piles{flex-direction:row;justify-content:center}.cn-hand{--crd-w:44px;gap:0}.cn-pick{padding:2px}}@media (prefers-reduced-motion:reduce){.cn-pick{transition:none}}