.cb{--gap:6px;--cw:min(calc((100vw - 88px) / 6), 84px);--ch:calc(var(--cw) * 1.4);align-items:start;gap:18px;margin:12px 0 8px;display:grid}@media (width>=900px){.cb{--cw:76px;grid-template-columns:minmax(0,560px) minmax(260px,1fr)}}.cb-table{border:9px solid var(--wood-2);box-shadow:0 5px 0 var(--wood-3), 0 14px 30px #28180a38;color:#f4fff6;border-radius:22px;padding:12px 12px 14px;position:relative}.cb-row+.cb-row,.cb-board+.cb-row,.cb-row+.cb-board,.cb-show+.cb-row{margin-top:10px}.cb-who{font-family:var(--font-display);flex-wrap:wrap;align-items:center;gap:8px;max-width:none;margin:0 0 6px;font-size:1.05rem;font-weight:800;display:flex}.cb-pts{text-align:center;color:#2a2017;background:#fffaf1;border-radius:999px;min-width:2.6em;margin-left:auto;padding:1px 10px;font-size:1.15rem}.cb-you .cb-pts{margin-left:0}.cb-you .cb-who .cb-turn{color:#ffd166;margin-left:auto;font-size:.95rem;font-weight:800}.cb-dealer{font-family:var(--font-body);color:#2a2017;background:#ffd166;border-radius:6px;padding:1px 7px;font-size:.78rem;font-weight:800}.cb-opp-hand{min-height:calc(var(--ch) * .6);gap:4px;display:flex}.cb-opp-hand .card{width:calc(var(--cw) * .62);height:calc(var(--ch) * .62);border-width:3px}.cb-board svg{width:100%;height:auto;display:block}.cb-wood{fill:#c98d55;stroke:#6c4120;stroke-width:2px}.cb-split{stroke:#8a5a30;stroke-width:1px}.cb-hole{fill:#4a2c14}.cb-mark{font:700 7px var(--font-body);fill:#4a2c14}.cb-peg{stroke:#2a1a0c;stroke-width:.8px}.cb-peg.you{fill:#d64545}.cb-peg.opp{fill:#2f7fbf}.cb-peg.back{opacity:.45}.cb-mid{grid-template-columns:auto 1fr;align-items:start;gap:12px;padding-top:4px;display:grid}.cb-piles{gap:var(--gap);padding-bottom:30px;display:flex}.cb-slot{width:var(--cw);height:var(--ch);background:#00000014;border:2px dashed #ffffff61;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.cb-slot.filled{background:0 0;border-color:#0000}.cb-cap{color:#e3f3e8;text-align:center;padding:0 2px;font-size:.74rem;font-weight:700}.cb-slot.filled>.cb-cap{display:none}.cb-slot .card{position:absolute;inset:0}.cb-slot .card+.card{transform:translate(4px,-4px)}.cb-under{text-align:center;color:#fff8dd;font-size:.72rem;font-weight:800;line-height:1.15;position:absolute;bottom:-3px;left:-4px;right:-4px;transform:translateY(100%)}.cb-playarea{min-width:0}.cb-count{color:#d7ecdd;max-width:none;margin:0 0 4px;font-weight:700}.cb-count strong{font-family:var(--font-display);color:#fff;font-size:1.6rem}.cb-series{min-height:var(--ch);padding-bottom:18px;display:flex;position:relative}.cb-series .card{flex:none;box-shadow:-2px 0 6px #00000040}.cb-series .card+.card{margin-left:calc(var(--cw) * -.55)}.cb-series .card.opp-card{outline-offset:-3px;outline:3px solid #2f7fbf}.cb-series .card.new{animation:.35s ease-out cbin}@keyframes cbin{0%{opacity:.4;transform:translateY(-14px)}to{opacity:1;transform:none}}.cb-hand{grid-template-columns:repeat(6, var(--cw));gap:var(--gap);min-height:var(--ch);padding-top:8px;display:grid}.cb-act{min-height:0;margin-top:10px}.cb-act .btn{width:100%}.card{width:var(--cw);height:var(--ch);color:#1f1b16;font:inherit;text-align:left;background:#fffdf7;border:1px solid #d8cdb9;border-radius:10px;padding:0;display:block;position:relative;box-shadow:0 2px #0000002e,0 4px 10px #0000002e}button.card{cursor:pointer;transition:transform 80ms}button.card:not([disabled]):hover{transform:translateY(-3px)}button.card[disabled]{cursor:default}.cb-hand button.card[disabled].dim{filter:brightness(.72)}.card.red{color:#b3261e}.card .cr{font-size:calc(var(--cw) * .4);letter-spacing:-.04em;font-weight:800;line-height:1;font-family:var(--font-display);position:absolute;top:3%;left:7%}.card .cs{left:8%;top:calc(3% + var(--cw) * .42);font-size:calc(var(--cw) * .27);line-height:1;position:absolute}.card .cc{font-size:calc(var(--cw) * .5);line-height:1;position:absolute;bottom:5%;right:8%}.card.back{background:repeating-linear-gradient(45deg,#a63d22 0 6px,#b85234 6px 12px);border:4px solid #fffdf7}.card.selected{outline-offset:2px;outline:4px solid #ffd166;transform:translateY(-10px)}.card.hinted{outline-offset:3px;outline:4px dashed #fff}.card:focus-visible{outline-offset:2px;outline:4px solid #93c5fd}@media (prefers-reduced-motion:reduce){.card.selected,button.card:hover{transform:none}.cb-series .card.new{animation:none}}.cb-note{color:#fff8dd;background:#00000038;border-radius:10px;max-width:none;margin:6px 0 0;padding:8px 10px;font-size:.98rem;font-weight:650}.cb-note:empty{display:none}@media (width>=900px){.cb-note{display:none}}.cb-show{background:#00000038;border-radius:14px;margin-top:10px;padding:10px 12px}.cb-count-block+.cb-count-block{border-top:1px solid #ffffff29;margin-top:12px;padding-top:10px}.cb-count-head{font-family:var(--font-display);justify-content:space-between;gap:8px;max-width:none;margin:0 0 6px;font-size:1.05rem;font-weight:800;display:flex}.cb-mini{--cw:40px;--ch:56px;flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.cb-mini .card{box-shadow:none}.cb-mini .card .cc{display:none}.cb-mini .starter{outline-offset:-3px;outline:3px solid #ffd166}.cb-items{color:#eef7f0;margin:0;padding:0;font-size:.95rem;list-style:none}.cb-items li{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.cb-items li span:last-child{white-space:nowrap;font-weight:800}.cb-aloud{color:#d7ecdd;max-width:none;margin:6px 0 0;font-size:.95rem;font-style:italic}.cb-side{min-width:0}.cb-status{background:var(--surface);border:1px solid var(--line);max-width:60ch;min-height:4.8em;box-shadow:var(--shadow);border-radius:16px;margin:0 0 12px;padding:12px 16px;font-size:1.05rem;font-weight:600}@media (width<=899px){.cb-status{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute;overflow:hidden}}.cb-presence{max-width:60ch;margin:0 0 12px;font-weight:650}.cb-actions{flex-wrap:wrap;gap:10px;display:flex}.cb-actions .btn{white-space:nowrap;flex:auto}.cb-friend-btn{width:100%;margin-top:10px}.cb-invite{border:2px solid var(--accent);background:var(--surface);max-width:560px;box-shadow:var(--shadow);border-radius:16px;margin-top:14px;padding:14px 16px}.cb-invite-title{margin:0 0 8px;font-size:1.05rem;font-weight:800}.cb-link{flex-wrap:wrap;gap:8px;display:flex}.cb-link input{min-width:0;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;flex:220px;padding:10px 12px;font-size:1rem}.cb-invite .muted{margin:10px 0 0;font-size:.95rem}.cb-settings{border:1px solid var(--line);background:var(--surface);border-radius:14px;max-width:560px;margin-top:14px;padding:10px 14px}.cb-settings summary{cursor:pointer;font-weight:700}.cb-settings fieldset{border:0;margin:8px 0 4px;padding:0}.cb-settings legend{margin-bottom:2px;padding:0;font-weight:700}.cb-settings label{align-items:center;gap:10px;padding:6px 0;font-size:.98rem;display:flex}.cb-settings input{flex:none;width:22px;height:22px}.cb-record{margin:6px 0 2px;font-size:.92rem}.cb-end{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;width:calc(100vw - 32px);max-width:440px;padding:24px 26px}.cb-end::backdrop{background:#00000080}.cb-end h2{margin:0 0 8px}.cb-end-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.cb-noscript{color:#fff;padding:12px}@media (width<=420px){.cb-table{border-width:6px;border-radius:16px;padding:10px 8px 12px}.cb{--gap:5px;--cw:calc((100vw - 32px - 28px - 25px) / 6)}}