.card-selector.svelte-o9eypp{padding:1rem;background-color:var(--background-input);border-radius:.5rem}.board-area.svelte-o9eypp{margin-bottom:1.5rem;text-align:center;background:#00000026;border:2px solid var(--border-color);border-radius:.75rem;padding:.75rem 1rem}.board-label.svelte-o9eypp{font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.board-card-slots.svelte-o9eypp{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.25rem}.card-slot.svelte-o9eypp{background:linear-gradient(135deg,#3f3f46,#52525b);border:2px solid var(--border-color);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--text-muted);transition:all .2s;position:relative;cursor:default}.card-slot.filled.svelte-o9eypp{background:transparent;border-color:transparent;cursor:pointer}.card-slot.filled.preselected.svelte-o9eypp{cursor:default}.card-slot.filled.svelte-o9eypp:hover:not(.preselected){transform:translateY(-2px)}.card-slot.next-slot.svelte-o9eypp{border-color:var(--teal-primary);background:linear-gradient(135deg,#14b8a633,#14b8a61a);animation:svelte-o9eypp-pulse-slot 1.5s ease-in-out infinite}.card-slot.next-slot.svelte-o9eypp .card-placeholder:where(.svelte-o9eypp){color:var(--teal-primary);font-size:1.25rem}@keyframes svelte-o9eypp-pulse-slot{0%,to{box-shadow:0 0 #14b8a666}50%{box-shadow:0 0 0 4px #14b8a633}}.card-placeholder.svelte-o9eypp{-webkit-user-select:none;user-select:none}.selection-area.svelte-o9eypp{padding-top:1rem;border-top:1px solid var(--border-color)}.suit-selector.svelte-o9eypp{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center}.suit-button.svelte-o9eypp{width:3rem;height:3rem;border-radius:.5rem;background-color:#3f3f46;border:2px solid var(--border-color);font-size:1.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;opacity:.4}.suit-button.spades.svelte-o9eypp,.suit-button.hearts.svelte-o9eypp,.suit-button.diamonds.svelte-o9eypp,.suit-button.clubs.svelte-o9eypp{background-color:#fafafa}.suit-button.svelte-o9eypp:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000004d}.suit-button.svelte-o9eypp:active{transform:scale(.95);box-shadow:0 1px 2px #0003}.suit-button.active.svelte-o9eypp{border-color:var(--teal-primary);transform:scale(1.1);box-shadow:0 0 12px 2px #14b8a699,0 0 0 3px #14b8a64d;opacity:1}.rank-selector-wrapper.svelte-o9eypp{padding:0}.rank-selector.svelte-o9eypp{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:0}.rank-button-card.svelte-o9eypp{padding:2px;background:transparent;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;-webkit-tap-highlight-color:transparent;flex-shrink:0;box-sizing:border-box}.rank-button-card.svelte-o9eypp:hover:not(.disabled){border-color:var(--teal-primary);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.rank-button-card.selected.svelte-o9eypp{border-color:var(--teal-primary);background:#14b8a61a;position:relative}.rank-button-card.disabled.svelte-o9eypp{opacity:.4;cursor:not-allowed}.rank-button.svelte-o9eypp .rank:where(.svelte-o9eypp){font-size:14px;line-height:1;margin-bottom:-2px}.rank-button.svelte-o9eypp .suit:where(.svelte-o9eypp){font-size:24px;line-height:1}.rank-button.suit-s.svelte-o9eypp,.rank-button.suit-s.svelte-o9eypp .suit:where(.svelte-o9eypp){color:#2c3e50!important}.rank-button.suit-h.svelte-o9eypp,.rank-button.suit-h.svelte-o9eypp .suit:where(.svelte-o9eypp){color:#e74c3c!important}.rank-button.suit-d.svelte-o9eypp,.rank-button.suit-d.svelte-o9eypp .suit:where(.svelte-o9eypp){color:#3498db!important}.rank-button.suit-c.svelte-o9eypp,.rank-button.suit-c.svelte-o9eypp .suit:where(.svelte-o9eypp){color:#27ae60!important}.rank-button.svelte-o9eypp:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0006}.rank-button.disabled.svelte-o9eypp{opacity:.4;cursor:not-allowed;background-color:#e4e4e7}.rank-button.selected.svelte-o9eypp{background-color:var(--teal-primary);border-color:var(--teal-primary);color:#fff;position:relative}.rank-button.selected.svelte-o9eypp .rank:where(.svelte-o9eypp),.rank-button.selected.svelte-o9eypp .suit:where(.svelte-o9eypp){color:#fff!important}.rank-button.selected.svelte-o9eypp:after{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background-color:#fffc;transform:translateY(-50%);border-radius:1px}.check-mark.svelte-o9eypp{position:absolute;top:4px;right:4px;font-size:14px;font-weight:700;color:var(--teal-primary);background:#ffffffe6;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:2px solid var(--teal-primary)}.disabled-mark.svelte-o9eypp{position:absolute;top:4px;right:4px;font-size:14px;font-weight:700;color:#e74c3c;background:#ffffffe6;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:2px solid #e74c3c}.rank-button-card.previously-disabled.svelte-o9eypp{border-color:#e74c3c;background:#e74c3c1a}@media(max-width:768px){.card-selector.svelte-o9eypp{padding:.75rem}.board-area.svelte-o9eypp{margin-bottom:.75rem;padding:.5rem .75rem}.board-label.svelte-o9eypp{font-size:.75rem;margin-bottom:.5rem}.board-card-slots.svelte-o9eypp{gap:.375rem;margin-bottom:.75rem}.card-slot.svelte-o9eypp{min-width:32px;min-height:44px;touch-action:manipulation}.selection-area.svelte-o9eypp{padding-top:.75rem}.suit-selector.svelte-o9eypp{gap:.625rem;margin-bottom:.5rem}.suit-button.svelte-o9eypp{width:48px;height:48px;font-size:26px;border-radius:.625rem;touch-action:manipulation}.suit-button.active.svelte-o9eypp{transform:scale(1.05);box-shadow:0 0 12px 2px #14b8a699,0 0 0 4px #14b8a64d;opacity:1}.rank-selector.svelte-o9eypp{gap:3px}.rank-button-card.svelte-o9eypp{padding:4px;touch-action:manipulation;min-width:44px;min-height:44px}.rank-button-card.selected.svelte-o9eypp{border-width:3px;box-shadow:0 0 8px #14b8a666}.rank-button-card.svelte-o9eypp .check-mark:where(.svelte-o9eypp),.rank-button-card.svelte-o9eypp .disabled-mark:where(.svelte-o9eypp){width:18px;height:18px;font-size:11px;top:2px;right:2px;border-width:2px}.rank-button-card.previously-disabled.svelte-o9eypp{border-width:2px}}@media(max-width:360px){.rank-selector.svelte-o9eypp{gap:3px}.suit-button.svelte-o9eypp{width:44px;height:44px;font-size:24px}.rank-button-card.svelte-o9eypp{padding:2px}}