.cc-mount:empty{background:var(--surface);border-radius:18px;min-height:720px}.cc-mount:empty:before{content:"Shuffling the deck…";min-height:720px;color:var(--text-2);place-items:center;font-weight:700;display:grid}.cc{--cc-felt-1:#2a8158;--cc-felt-2:#1c6644;--cc-felt-3:#124a31;--cc-cream:#fffdf8}.cc-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cc-tabs{gap:8px;margin:0 0 14px;display:flex}.cc-tabs [role=tab]{background:var(--surface);min-height:48px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text-2);font:800 17px/1.1 var(--display);cursor:pointer;border:0;border-radius:999px;flex:0 auto;padding:0 22px;transition:background .15s,color .15s}.cc-tabs [role=tab]:hover{background:var(--surface-2);color:#fff}.cc-tabs [aria-selected=true],.cc-tabs [aria-selected=true]:hover{background:var(--gold);box-shadow:none;color:#1f2933}.cc-panel{grid-template-columns:minmax(0,1fr) minmax(0,450px);align-items:start;gap:22px;display:grid}.cc-work{gap:16px;min-width:0;display:grid}.cc-felt{background:radial-gradient(ellipse 85% 75% at 50% 42%, var(--cc-felt-1) 0%, var(--cc-felt-2) 55%, var(--cc-felt-3) 100%);box-shadow:0 0 0 1px var(--line-2), 0 24px 50px -30px #000000e6;color:#fff;border-radius:18px;padding:16px 18px 14px;position:relative}.cc-felt[data-felt=blue]{--cc-felt-1:#2f6fa3;--cc-felt-2:#215784;--cc-felt-3:#153c5e}.cc-felt[data-felt=red]{--cc-felt-1:#9a3540;--cc-felt-2:#7c2531;--cc-felt-3:#571820}.cc-felt[data-felt=purple]{--cc-felt-1:#6b4a94;--cc-felt-2:#533778;--cc-felt-3:#3a2556}.cc-felt[data-felt=slate]{--cc-felt-1:#4f5d68;--cc-felt-2:#3d4953;--cc-felt-3:#2a333b}.cc-hint{text-align:center;color:#eef6f1;margin:0 0 10px;font-size:17px;font-weight:700}.cc-slots{gap:4px 8px;margin:0 auto;display:grid}.cc[data-mode=count] .cc-slots{grid-template-columns:repeat(4,minmax(0,1fr)) 4px minmax(0,1fr);max-width:470px}.cc[data-mode=discard] .cc-slots{grid-template-columns:repeat(6,minmax(0,1fr));max-width:540px}.cc-slot-label{letter-spacing:.07em;text-transform:uppercase;color:#ffffffc7;grid-row:1;font-size:13px;font-weight:800}.cc-slot-label--hand{grid-column:1/5}.cc-slot-label--starter{grid-column:6}.cc-slot-label--deal{grid-column:1/-1}.cc-slot{aspect-ratio:200/280;width:100%;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8%;grid-row:2;padding:0;transition:transform .2s,opacity .2s;display:block;position:relative}.cc-slot--starter{grid-column:6}.cc-card,.cc-empty{border-radius:7.5%/5.4%;position:absolute;inset:0}.cc-card{transition:box-shadow .2s;overflow:hidden;box-shadow:0 1px 1px #0000002e,0 3px 9px #00000047}.cc-card svg{width:100%;height:100%;display:block}.cc-empty{color:#ffffffa6;font:400 30px/1 var(--sans);background:#00000024;border:2px dashed #fff6;place-items:center;display:grid}.cc-slot.is-active .cc-empty{border:3px solid var(--gold);color:var(--gold);background:#f2c94c1f}@media (hover:hover){.cc-slot.is-filled:hover{transform:translateY(-4%)}}.cc-slot.is-lit{transform:translateY(-7%)}.cc-slot.is-lit .cc-card{box-shadow:0 0 0 3px var(--gold), 0 0 18px #f2c94c99}.cc-slot.is-dim{opacity:.42}.cc-slot.is-thrown{transform:translateY(9%)}.cc-slot.is-thrown .cc-card{opacity:.7}.cc-slot.is-thrown:after{content:"Crib";background:var(--gold);color:#1f2933;font:800 12px/1.3 var(--sans);letter-spacing:.03em;border-radius:999px;padding:2px 8px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%,50%)}.cc-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin-top:14px;display:flex}.cc[data-mode=discard] .cc-bar{margin-top:26px}.cc-options{justify-content:center;display:flex}.cc-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:700;display:inline-flex}.cc-check input{width:22px;height:22px;accent-color:var(--gold);flex:none;margin:0}.cc-check>span{flex-direction:column;line-height:1.2;display:flex}.cc-check small{color:#ffffffc7;font-size:14px;font-weight:500}.cc-seg{text-align:center;border:0;margin:0;padding:0}.cc-seg legend{margin:0 auto 6px;padding:0;font-weight:700}.cc-seg-opts{background:#00000047;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;display:inline-flex}.cc-seg label{cursor:pointer;position:relative}.cc-seg input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.cc-seg span{color:#ffffffd9;border-radius:999px;align-items:center;min-height:40px;padding:0 16px;font-size:16px;font-weight:700;display:inline-flex}.cc-seg input:checked+span{background:var(--gold);color:#1f2933}.cc-seg input:focus-visible+span{outline-offset:2px;outline:3px solid #7cc4ff}.cc-tools{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cc-btn{color:#fff;min-height:42px;font:700 15px/1 var(--sans);cursor:pointer;background:#00000047;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 16px;transition:background .15s;display:inline-flex;box-shadow:inset 0 0 0 1px #fff3}.cc-btn:hover{background:#0000006b}.cc-btn--quiet{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2)}.cc-btn--quiet:hover{background:var(--surface-3)}.cc-status{text-align:center;color:#eef6f1;min-height:1.5em;margin:10px 0 0;font-size:16px;font-weight:600}.cc-status:empty{min-height:0;margin:0}.cc-jump{text-align:center;color:var(--gold);margin-top:6px;font-weight:800;display:block}.cc-jump:hover{color:#ffe08a}.cc-jump[hidden]{display:none}.cc-picker{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;padding:14px 16px 16px}.cc-picker-help{color:var(--text-2);margin:0 0 8px;font-size:15px}.cc-keys{color:var(--text-3);font-size:14px;display:block}@media (hover:none) and (pointer:coarse){.cc-keys{display:none}}.cc-suit{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;margin-top:6px;display:grid}.cc-suit-mark{background:var(--cc-cream);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.cc-suit-mark svg{width:16px;height:16px;fill:var(--suit)}.cc-ranks{grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;display:grid}.cc-pick{background:var(--cc-cream);min-width:0;min-height:48px;color:var(--suit);font:800 17px/1 var(--display);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px 0;transition:transform .12s,background .12s;display:flex;position:relative;box-shadow:0 1px #00000059}.cc-pick b{letter-spacing:-.03em;font-weight:800}.cc-pick svg{fill:currentColor;width:13px;height:13px}@media (hover:hover){.cc-pick:hover{background:#fff;transform:translateY(-2px)}}.cc-pick[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--gold-deep);background:#f5e3a8}.cc-pick[aria-pressed=true]:after{content:"";background:var(--gold-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.3 2.6 2.5L12 5.4' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;border-radius:50%;width:16px;height:16px;position:absolute;top:-5px;right:-5px}.cc-result{background:var(--surface);min-width:0;box-shadow:inset 0 0 0 1px var(--line);scroll-margin-top:calc(var(--header-h) + 16px);border-radius:18px;padding:18px 20px 20px}.cc-result-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px;font-size:15px}.cc-wait{color:var(--text-2);margin:0}.cc-examples{margin-top:16px}.cc-examples p{color:var(--text-2);margin:0 0 8px;font-weight:700}.cc-examples-list{flex-wrap:wrap;gap:8px;display:flex}.cc-preview{background:var(--surface-2);color:var(--text-2);border-radius:12px;margin-top:14px;padding:12px 14px}.cc-preview p:last-child{margin:0}.cc-score{align-items:center;gap:14px;display:flex}.cc-score-n{min-width:1.2em;font:800 66px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--gold)}.cc-score-unit{font:800 24px/1.15 var(--display);color:#fff;flex-direction:column;display:flex}.cc-score-unit small{font:500 15px/1.4 var(--sans);color:var(--text-2)}.cc-say{border-left:4px solid var(--gold-deep);background:var(--surface-2);color:#e9f1ec;border-radius:0 12px 12px 0;margin:14px 0 12px;padding:12px 14px}.cc-items{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.cc-item{background:var(--surface-2);border-radius:10px;grid-template-columns:minmax(0,1fr) auto 2.1em;align-items:center;gap:10px;padding:8px 12px;font-size:16px;transition:background .15s,box-shadow .15s;display:grid}.cc-item.is-on{background:var(--surface-3);box-shadow:inset 0 0 0 2px var(--gold)}.cc-item-what{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.cc-item-what b{color:#fff;min-width:8.6em}.cc-item-pts{color:var(--mint);font-weight:800}.cc-item-run{text-align:right;font-variant-numeric:tabular-nums;color:#fff;font-weight:800}.cc-chips>span[aria-hidden]{flex-wrap:wrap;gap:3px;display:inline-flex}.cc-chip{background:var(--cc-cream);color:var(--suit);font:800 14px/1.25 var(--sans);white-space:nowrap;border-radius:5px;align-items:center;gap:1px;padding:2px 5px;display:inline-flex}.cc-chip svg{fill:currentColor;width:11px;height:11px}.cc-notes{color:var(--text-2);margin:14px 0 0;padding-left:1.2em;font-size:16px}.cc-notes li{margin-bottom:6px}.cc-notes li::marker{color:var(--gold-deep)}.cc-working p{color:var(--text-2)}.cc-working progress{width:100%;height:10px;accent-color:var(--gold)}.cc-best{background:radial-gradient(ellipse 90% 120% at 100% 0%, #2a815880, transparent 60%), var(--surface-2);border-radius:14px;padding:14px 16px;box-shadow:inset 0 0 0 1px #f2c94c52}.cc-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0 0 6px;font-size:13px;font-weight:800}.cc-best-cards{flex-wrap:wrap;gap:8px 22px;margin:0 0 10px;display:flex}.cc-best-cards>div{align-items:center;gap:8px;display:flex}.cc-best-cards .cc-chip{padding:3px 7px;font-size:17px}.cc-best-cards .cc-chip svg{width:13px;height:13px}.cc-mini-label{color:var(--text-2);font-size:14px;font-weight:800}.cc-best-sum{color:var(--text-2);margin:0 0 8px;font-size:16px}.cc-link{font-weight:700}.cc-table-wrap{margin:14px 0 12px;overflow-x:auto}.cc-rank{border-collapse:collapse;width:100%;font-size:15px}.cc-rank th{border-bottom:1px solid var(--line-2);text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);padding:6px;font-size:13px}.cc-rank td{border-bottom:1px solid var(--line);vertical-align:middle;padding:7px 6px}.cc-rank .cc-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cc-rank tr.is-best td{background:#f2c94c14}.cc-rank tbody tr:hover td{background:var(--surface-2)}.cc-fine{color:var(--text-3);margin:12px 0 0;font-size:14px}@media (width>=961px){.cc-jump{display:none}}@media (width<=960px){.cc-panel{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.cc-tabs [role=tab]{flex:1 1 0;padding:0 10px;font-size:16px}.cc-felt{padding:12px 10px}.cc-hint{font-size:16px}.cc-slots{gap:4px 5px}.cc[data-mode=count] .cc-slots{grid-template-columns:repeat(4,minmax(0,1fr)) 2px minmax(0,1fr)}.cc-slot-label{font-size:11px}.cc-bar{gap:8px}.cc-btn{gap:5px;padding:0 11px;font-size:14px}.cc-wide{display:none}.cc-picker{padding:12px 10px}.cc-suit{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:6px}.cc-suit-mark{width:22px;height:22px;margin-top:13px}.cc-suit-mark svg{width:14px;height:14px}.cc-ranks{grid-template-columns:repeat(7,minmax(0,1fr))}.cc-pick{min-height:46px}.cc-result{padding:16px 12px}.cc-score-n{font-size:56px}.cc-item{gap:8px;padding:8px 10px}.cc-item-what b{min-width:4.6em}.cc-rank{font-size:14px}.cc-rank th,.cc-rank td{padding-inline:3px}.cc-rank .cc-chips>span[aria-hidden]{flex-wrap:nowrap;gap:2px}.cc-rank .cc-chip{padding:1px 2px;font-size:12.5px}.cc-rank .cc-chip svg{width:9px;height:9px}}@media (prefers-reduced-motion:reduce){.cc-slot,.cc-pick,.cc-card,.cc-item{transition:none}}