.flip-card-container.svelte-1leif50{perspective:1200px;width:210px;height:290px;cursor:pointer;background:transparent;border:none;padding:0;transition:filter .3s ease}.flip-card-container.svelte-1leif50:hover{filter:brightness(1.05)}.flip-card.svelte-1leif50{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card.flipped.svelte-1leif50{transform:rotateY(180deg)}.flip-card-face.svelte-1leif50{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px -15px #00000059,0 0 0 1px #ffffff26,inset 0 1px #ffffff1a}.flip-card-front.svelte-1leif50{background:linear-gradient(145deg,var(--gradient-from),var(--gradient-to));display:flex;align-items:center;justify-content:center}.card-pattern.svelte-1leif50{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.card-glow.svelte-1leif50{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 15%,rgba(255,255,255,.35) 0%,transparent 55%)}.card-shimmer.svelte-1leif50{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 55%,transparent 60%);background-size:200% 100%;animation:svelte-1leif50-shimmer 3s ease-in-out infinite}@keyframes svelte-1leif50-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.corner-accent.svelte-1leif50{position:absolute;width:40px;height:40px;border:2px solid rgba(255,255,255,.2)}.corner-accent.top-left.svelte-1leif50{top:12px;left:12px;border-right:none;border-bottom:none;border-radius:6px 0 0}.corner-accent.bottom-right.svelte-1leif50{bottom:12px;right:12px;border-left:none;border-top:none;border-radius:0 0 6px}.card-border-glow.svelte-1leif50{position:absolute;inset:0;border-radius:20px;border:1px solid rgba(255,255,255,.2);pointer-events:none}.card-content.svelte-1leif50{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-align:center;padding:16px}.card-icon-wrapper.svelte-1leif50{position:relative;margin-bottom:4px}.card-icon.svelte-1leif50{width:64px;height:64px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.25);animation:svelte-1leif50-float 3s ease-in-out infinite;position:relative;z-index:1}.icon-ring.svelte-1leif50{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.12);animation:svelte-1leif50-float 3s ease-in-out infinite reverse}@keyframes svelte-1leif50-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.03)}}.sparkle-text.svelte-1leif50{font-size:1.75rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.card-title.svelte-1leif50{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.25);line-height:1.2}.card-divider.svelte-1leif50{width:40px;height:2px;background:#ffffff4d;border-radius:1px}.card-hint.svelte-1leif50{font-size:.7rem;opacity:.75;font-weight:500;letter-spacing:.05em;display:flex;align-items:center;gap:4px}.hint-icon.svelte-1leif50{font-size:.8rem;animation:svelte-1leif50-bounce-hint 2s ease-in-out infinite}@keyframes svelte-1leif50-bounce-hint{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.flip-card-back.svelte-1leif50{background:var(--color-card, hsl(var(--card)));transform:rotateY(180deg);display:flex;flex-direction:column}.card-image.svelte-1leif50{flex:1;background-size:cover;background-position:center;min-height:150px;position:relative}.image-overlay.svelte-1leif50{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.4) 100%)}.card-image-placeholder.svelte-1leif50{flex:1;min-height:150px;background:linear-gradient(145deg,var(--gradient-from),var(--gradient-to));opacity:.6;position:relative;display:flex;align-items:center;justify-content:center}.placeholder-pattern.svelte-1leif50{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.placeholder-icon.svelte-1leif50{font-size:2.5rem;opacity:.5;position:relative;z-index:1}.card-details.svelte-1leif50{padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--color-card, hsl(var(--card)));border-top:1px solid var(--color-border, hsl(var(--border)))}.modifier-badge.svelte-1leif50{position:relative;font-size:1.5rem;font-weight:900;padding:6px 20px;border-radius:9999px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 6px 20px -4px #f59e0b80,inset 0 1px #fff3;overflow:hidden;letter-spacing:-.02em}.modifier-badge.addition.svelte-1leif50{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px -4px #10b98180,inset 0 1px #fff3}.modifier-glow.svelte-1leif50{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);background-size:200% 100%;animation:svelte-1leif50-shimmer 2.5s ease-in-out infinite}.modifier-text.svelte-1leif50{position:relative;z-index:1}.criteria-name.svelte-1leif50{font-size:.95rem;font-weight:700;color:var(--color-foreground, hsl(var(--foreground)));letter-spacing:-.01em}.modifier-label.svelte-1leif50{font-size:.7rem;color:var(--color-muted-foreground, hsl(var(--muted-foreground)));font-weight:500;letter-spacing:.02em}.flip-card-container.svelte-1leif50:hover .flip-card:where(.svelte-1leif50):not(.flipped){transform:translateY(-6px) rotateX(5deg) rotate(-1deg)}.flip-card-container.svelte-1leif50:hover .flip-card.flipped:where(.svelte-1leif50){transform:rotateY(180deg) translateY(-6px)}.flip-card-container.svelte-1leif50:hover .card-shimmer:where(.svelte-1leif50){animation-duration:1.5s}.flip-card-container.svelte-1leif50:focus-visible{outline:2px solid var(--color-ring, hsl(var(--ring)));outline-offset:4px;border-radius:20px}.flip-card-container.svelte-1leif50:active .flip-card:where(.svelte-1leif50){transition-duration:.15s}.flip-card-container.svelte-1leif50:active .flip-card:where(.svelte-1leif50):not(.flipped){transform:translateY(-2px) scale(.98)}