@layer tailwind.components{.card{--w: 3.6rem;position:relative;flex:none;width:var(--w);aspect-ratio:5 / 7;border-radius:calc(var(--w) * .1);background:#fffdf8;color:#111827;box-shadow:0 1px 2px #00000059,0 4px 10px -4px #00000073;-webkit-user-select:none;user-select:none;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;font-family:ui-rounded,Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}.card[data-size=sm]{--w: 2.4rem}.card[data-size=lg]{--w: 4.6rem}@media(min-width:640px){.card{--w: 4.4rem}.card[data-size=sm]{--w: 2.8rem}.card[data-size=lg]{--w: 5.6rem}}.card[data-interactive=true]{cursor:pointer}.card[data-interactive=true]:hover{transform:translateY(-4px)}.card[data-selected=true]{transform:translateY(-12px);box-shadow:0 0 0 3px var(--accent, #f59e0b),0 10px 18px -6px #00000080}.card[data-disabled=true]{opacity:.55;filter:saturate(.6)}.card[data-highlight=true]{box-shadow:0 0 0 3px var(--accent, #f59e0b),0 4px 10px -4px #00000073}.card-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700;font-size:calc(var(--w) * .24)}.card-corner.tl{top:5%;left:7%}.card-corner.br{bottom:5%;right:7%;transform:rotate(180deg)}.card-corner .suit{font-size:calc(var(--w) * .2)}.card-pip{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(var(--w) * .52)}.card-letter{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:calc(var(--w) * .46);letter-spacing:-.02em}.card-letter[data-long=true]{font-size:calc(var(--w) * .34)}.card-value{position:absolute;top:5%;left:8%;font-size:calc(var(--w) * .2);font-weight:700;opacity:.7}.card-back{background-color:var(--back, #1e3a8a);border:calc(var(--w) * .05) solid #fffdf8}.card-back[data-pattern=stripes]{background-image:repeating-linear-gradient(45deg,var(--back-accent) 0 3px,transparent 3px 9px)}.card-back[data-pattern=dots]{background-image:radial-gradient(var(--back-accent) 22%,transparent 24%);background-size:9px 9px}.card-back[data-pattern=diamonds]{background-image:linear-gradient(135deg,var(--back-accent) 25%,transparent 25%),linear-gradient(225deg,var(--back-accent) 25%,transparent 25%),linear-gradient(315deg,var(--back-accent) 25%,transparent 25%),linear-gradient(45deg,var(--back-accent) 25%,transparent 25%);background-size:12px 12px;opacity:1}.card-back[data-pattern=image]{background-size:cover;background-position:center}.hand{display:flex;justify-content:center;padding-top:14px}.hand>.card+.card{margin-left:calc(var(--overlap, -1.4rem))}@media(prefers-reduced-motion:reduce){.card{transition:none}}}