.card.svelte-1udyrqm{aspect-ratio:5/7;border:2px solid var(--line);background:var(--card-face);cursor:pointer;border-radius:10px;place-items:center;width:100%;padding:6% 4%;transition:transform .12s,border-color .12s,box-shadow .12s,opacity .2s;display:grid;box-shadow:0 1px 2px #0000004d}.card.svelte-1udyrqm:hover:not(:disabled):not(.taken){border-color:var(--line-strong);transform:translateY(-3px)}.card.svelte-1udyrqm:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.card.selected.svelte-1udyrqm{z-index:1;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--card-face));box-shadow:0 0 0 4px var(--accent), 0 0 22px 5px color-mix(in srgb, var(--accent) 45%, transparent), 0 10px 20px #0006;position:relative;transform:translateY(-7px)scale(1.03)}.card.taken.svelte-1udyrqm{z-index:2;pointer-events:none;border-color:var(--taken-tone,var(--good));background:color-mix(in srgb, var(--taken-tone,var(--good)) 32%, var(--card-face));animation:svelte-1udyrqm-drop var(--take-ms,.42s) cubic-bezier(.4, 0, .7, .4) forwards;position:relative}.card.flagged.svelte-1udyrqm{background:color-mix(in srgb, var(--flag-a) 22%, var(--card-face))}.card.flagged.striped.svelte-1udyrqm{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--flag-a) 22%, var(--card-face)) 0 14px, color-mix(in srgb, var(--flag-b) 22%, var(--card-face)) 14px 28px)}.card.svelte-1udyrqm:disabled{cursor:default}.symbols.svelte-1udyrqm{flex-direction:column;justify-content:center;align-items:center;gap:7%;width:100%;height:100%;display:flex}.symbol.svelte-1udyrqm{flex:none;width:100%;height:26%;overflow:visible}@keyframes svelte-1udyrqm-drop{0%{opacity:1;animation-timing-function:cubic-bezier(.3,0,.5,1);transform:translate(0)scale(1)}22%{opacity:1;transform:translateY(-8px)scale(1.04)}to{opacity:0;transform:translateY(130%)scale(.3)}}@media (prefers-reduced-motion:reduce){.card.svelte-1udyrqm{transition:none}.card.svelte-1udyrqm:hover:not(:disabled):not(.taken),.card.selected.svelte-1udyrqm{transform:none}.card.taken.svelte-1udyrqm{animation:svelte-1udyrqm-fade-out var(--take-ms,.42s) ease forwards}@keyframes svelte-1udyrqm-fade-out{to{opacity:0}}}
