.card.svelte-w7nio6{width:70px;height:100px;border-radius:8px;border:2px solid #333;background:#fff;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0003}.card.small.svelte-w7nio6{width:50px;height:72px;font-size:.8rem}.card.playable.svelte-w7nio6{border-color:#4caf50;box-shadow:0 4px 8px #4caf504d}.card.playable.svelte-w7nio6:hover:not(.selected){transform:translateY(-4px);box-shadow:0 6px 12px #4caf5066}.card.selected.svelte-w7nio6{border-color:#2196f3!important;transform:translateY(-4px);box-shadow:0 4px 8px #2196f366}.card-back.svelte-w7nio6{width:100%;height:100%;background:linear-gradient(45deg,#1e3a8a,#3b82f6);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-pattern.svelte-w7nio6{width:80%;height:80%;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 2px,transparent 2px);background-size:8px 8px}.card-front.svelte-w7nio6{width:100%;height:100%;padding:4px;position:relative;color:#000}.card-front.red.svelte-w7nio6{color:#dc2626}.rank-suit.svelte-w7nio6{position:absolute;font-size:.7rem;font-weight:700;line-height:1}.rank-suit.top.svelte-w7nio6{top:4px;left:4px;text-align:left}.rank-suit.bottom.svelte-w7nio6{bottom:4px;right:4px;transform:rotate(180deg);text-align:left}.center-suit.svelte-w7nio6{font-size:1.8rem;text-align:center}.small.svelte-w7nio6 .rank-suit:where(.svelte-w7nio6){font-size:.6rem}.small.svelte-w7nio6 .center-suit:where(.svelte-w7nio6){font-size:1.4rem}.rank.svelte-w7nio6{display:block}.suit.svelte-w7nio6{display:block;margin-top:-2px}@media (max-width: 768px){.card.svelte-w7nio6{width:60px;height:86px}.card.small.svelte-w7nio6{width:45px;height:64px}.rank-suit.svelte-w7nio6{font-size:.6rem}.center-suit.svelte-w7nio6{font-size:1.5rem}.small.svelte-w7nio6 .rank-suit:where(.svelte-w7nio6){font-size:.5rem}.small.svelte-w7nio6 .center-suit:where(.svelte-w7nio6){font-size:1.2rem}}