.cd{--cd-bg:var(--night);--cd-panel:var(--night2);--cd-line:var(--hair);--cd-text:var(--bone);--cd-muted:var(--soft);--cd-accent:var(--gold);--cd-accent-ink:var(--night);--cd-felt-1:var(--night3);--cd-felt-2:var(--night3);--cd-felt-3:var(--night3);--cd-red:var(--red);--cd-black:var(--night);--cd-green:var(--gold);--cd-card:var(--bone);--cd-card-ink:var(--night);--cd-card-red:var(--red);--cd-back-1:var(--night2);--cd-back-2:#f2b70559;font-family:var(--fText);box-sizing:border-box;max-width:42rem;margin-inline:auto;padding:clamp(14px,3.5vw,28px);border:1px solid var(--cd-line);border-radius:4px;background:var(--cd-panel);color:var(--cd-text)}.cd *,.cd *:before,.cd *:after{box-sizing:border-box}.cd button{font:inherit;color:inherit;cursor:pointer}.cd button:focus-visible{outline:2px solid var(--cd-accent);outline-offset:2px}.cd [hidden]{display:none!important}.cd-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-family:var(--fMono);color:var(--cd-muted)}.cd-top span:first-child{color:var(--cd-accent);border:1px solid var(--cd-accent);border-radius:2px;padding:3px 8px}.cd-felt{display:grid;gap:22px;padding:clamp(14px,3vw,24px);margin-bottom:18px;border:1px solid #f2b70566;border-radius:4px;background:var(--night3)}.cd-seat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-family:var(--fMono);color:var(--bone)}.cd-seat-head b{font-size:.85rem;letter-spacing:0;text-transform:none;font-family:var(--fDisp);font-weight:400;background:var(--night);border:1px solid var(--hair);border-radius:2px;padding:1px 8px;color:var(--cd-accent)}.cd-seat-head b:empty{display:none}.cd-hand{display:flex;min-height:6.6rem}.cd-hand.is-spread{gap:6px;flex-wrap:wrap}.cd-hand:not(.is-spread) .cd-card+.cd-card{margin-left:-1.5rem}.cd-bar{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between}.cd-bank{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:flex-end}.cd-label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-family:var(--fMono);color:var(--cd-muted);margin-bottom:4px}.cd-balance{font-family:var(--fDisp);font-size:1.6rem;font-weight:400;color:var(--cd-accent)}.cd-balance small{font-size:.8rem;color:var(--cd-muted);font-weight:600}.cd-picks{display:flex;flex-wrap:wrap;gap:6px}.cd-pick{min-width:44px;min-height:40px;padding:6px 12px;border:1px solid var(--edge);border-radius:999px;background:transparent;color:var(--bone);font-family:var(--fMono);font-weight:700;font-size:.85rem}.cd-pick small{font-size:.7rem;opacity:.8}.cd-pick[aria-pressed=true]{border-color:var(--cd-accent);color:var(--cd-accent-ink);background:var(--cd-accent)}.cd-pick[aria-disabled=true]{opacity:.45;cursor:not-allowed}.cd-actions{display:flex;flex-wrap:wrap;gap:8px}.cd-btn{min-height:46px;padding:10px 22px;border:1px solid var(--bone);border-radius:999px;background:transparent;font-family:var(--fMono);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}.cd .cd-btn:hover:not(:disabled),.cd .cd-btn:active:not(:disabled),.cd-btn.is-main{background:var(--cd-accent);border-color:var(--cd-accent);color:var(--cd-accent-ink)}.cd .cd-btn.is-main{color:var(--cd-accent-ink)}.cd-btn.is-second{border-color:var(--edge)}.cd-btn:disabled{opacity:.5;cursor:progress}.cd-msg{min-height:2.8em;margin:14px 0 0;text-align:center;font-size:.92rem;color:var(--cd-muted)}.cd-card{position:relative;width:4.5rem;height:6.6rem;flex:0 0 auto;border-radius:4px;border:1px solid #00000033;background:var(--cd-card);color:var(--cd-card-ink)}.cd-card.is-red{color:var(--cd-card-red)}.cd-card svg{display:block}.cd-corner{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;line-height:.9}.cd-corner.cd-tl{top:.28rem;left:.34rem}.cd-corner.cd-br{bottom:.28rem;right:.34rem;transform:rotate(180deg)}.cd-rank{font-size:.92rem;font-weight:700}.cd-corner svg{width:.66rem;height:.66rem}.cd-pips{position:absolute;inset:.95rem .55rem}.cd-pip{position:absolute;width:.95rem;height:.95rem;transform:translate(-50%,-50%)}.cd-pip.is-flipped{transform:translate(-50%,-50%) rotate(180deg)}.cd-pip svg{width:100%;height:100%}.cd-ace svg{position:absolute;left:50%;top:50%;width:2.4rem;height:2.4rem;transform:translate(-50%,-50%)}.cd-face{position:absolute;inset:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border:1.5px solid currentColor;border-radius:2px}.cd-letter{font-size:1.9rem;font-weight:700;line-height:1}.cd-face svg{width:1.1rem;height:1.1rem}.cd-back{overflow:hidden;background:var(--cd-back-1);border-color:#f2b70566}.cd-back:after{content:"";position:absolute;inset:.4rem;border:1px solid #f2b70566;border-radius:2px;background:repeating-linear-gradient(45deg,var(--cd-back-1),var(--cd-back-1) 6px,var(--cd-back-2) 6px,var(--cd-back-2) 7px)}@media(prefers-reduced-motion:no-preference){.cd-card{animation:cd-deal .32s cubic-bezier(.2,.8,.3,1) both}.cd-card.is-revealed{animation:cd-flip .4s ease both}.cd-card.is-still{animation:none}}@keyframes cd-deal{0%{opacity:0;transform:translateY(-14px) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes cd-flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media(max-width:420px){.cd-card{width:3.9rem;height:5.7rem}.cd-hand{min-height:5.7rem}.cd-pips{inset:.9rem .45rem}.cd-pip{width:.8rem;height:.8rem}}.cd-wheel{position:relative;width:min(320px,80vw);aspect-ratio:1;margin:0 auto 20px}.cd-wheel svg,.cd-ball{position:absolute;inset:0;width:100%;height:100%;transition-property:transform;transition-timing-function:cubic-bezier(.17,.67,.21,1)}.cd-ball:after{content:"";position:absolute;left:50%;top:5%;width:12px;height:12px;border-radius:50%;background:var(--bone);transform:translate(-50%,-50%)}.cd-pointer{position:absolute;left:50%;top:-4px;z-index:2;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:18px solid var(--cd-accent)}.cd-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;display:grid;place-items:center;border-radius:50%;border:2px solid var(--cd-line);background:var(--cd-bg);font-size:1.5rem;font-weight:700;color:var(--cd-muted)}.cd-hub[data-color=red]{color:var(--redHi);border-color:var(--redHi)}.cd-hub[data-color=black]{color:var(--bone);border-color:var(--bone)}.cd-hub[data-color=green]{color:var(--gold);border-color:var(--gold)}.cd-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.cd-chips .cd-label{margin:0}.cd-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin-bottom:8px}@media(max-width:560px){.cd-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.cd-outside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:16px}.cd-cell{position:relative;min-height:40px;padding:6px 4px;border:1px solid var(--cd-line);border-radius:4px;color:var(--bone);background:transparent;font-weight:700;font-size:.88rem}.cd-cell[data-tone=red]{border-color:#ff6e6373;background:#e0352b1a}.cd-cell[data-tone=green]{grid-column:1 / -1;border-color:#f2b70573;color:var(--gold)}.cd-cell[aria-pressed=true]{border-color:var(--cd-accent);box-shadow:0 0 0 1px var(--cd-accent) inset}.cd-cell [data-role=stake]:not(:empty){position:absolute;top:-7px;right:-4px;padding:2px 5px;border-radius:99px;background:var(--cd-accent);color:var(--cd-accent-ink);font-size:.62rem;line-height:1;font-weight:800}