.type-card{background:#fff;border:1px solid var(--tile-border, #94a3b8);border-radius:12px;overflow:hidden;box-sizing:border-box;box-shadow:var(--tile-shadow, 0 1px 3px rgba(0,0,0,.06), 0 4px 10px rgba(0,0,0,.04));display:flex;flex-direction:column;text-align:center;text-decoration:none;padding:0;font:inherit;color:inherit;cursor:pointer;position:relative;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s;--xt-tile: 3rem;--xt-ar: 16 / 9}@media(hover:hover){.type-card:hover{transform:translateY(-3px);border-color:var(--tile-border-hover, #6366f1);box-shadow:var(--tile-shadow-hover, 0 8px 20px rgba(79, 70, 229,.18), 0 2px 6px rgba(0,0,0,.05))}}.type-card:focus-visible{outline:2px solid #6366f1;outline-offset:2px;border-radius:12px;transform:translateY(-3px);border-color:#6366f1;box-shadow:0 8px 20px #4f46e52e,0 2px 6px #0000000d}a.type-card:is(:hover,:active,:focus-visible){color:inherit;text-decoration:none}.type-card__visual{display:flex;width:100%;aspect-ratio:var(--xt-ar);box-sizing:border-box;padding-bottom:calc(var(--xt-tile) / 2);flex:0 0 auto;position:relative;overflow:hidden;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--xt-p1, #f1f5f9),var(--xt-p2, #e2e8f0))}.type-card__shots{display:flex;width:100%;justify-content:center;align-items:center;gap:7%}.type-card__shot{display:block;width:26%;aspect-ratio:1 / 1;border-radius:6px;border:2px solid #fff;background:#fff;box-shadow:0 3px 10px #0f172a2e;overflow:hidden}.type-card__shot img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.type-card__shot:nth-child(1){transform:rotate(-5deg)}.type-card__shot:nth-child(2){transform:rotate(2deg)}.type-card__shot:nth-child(3){transform:rotate(6deg)}.type-card__visual--strip{aspect-ratio:auto;height:2.75rem;padding-bottom:0}.type-card__body{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0;align-items:center;padding:0 .75rem .75rem}.type-card__head{display:flex;flex-direction:column;align-items:center;gap:.375rem;width:100%;min-width:0}.type-card__icon{display:flex;position:relative;flex:0 0 auto;width:var(--xt-tile);height:var(--xt-tile);margin-top:calc(var(--xt-tile) / -2);border-radius:calc(var(--xt-tile) / 4);box-shadow:0 0 0 3px #fff;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--xt-c1, #4f46e5),var(--xt-c2, #4338ca));filter:drop-shadow(0 2px 4px var(--xt-glow, rgba(79, 70, 229, .3)))}.type-card__icon i{color:#fff;font-size:calc(var(--xt-tile) * .45)}.type-card__titles{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%}.type-card__name{font-weight:700;font-size:.9375rem;line-height:1.2;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.type-card__kind{font-size:.75rem;line-height:1.25;color:#475569}.type-card__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.8125rem;line-height:1.35;color:#64748b}[data-xt=praesentation]{--xt-c1: #3b82f6;--xt-c2: #2563eb;--xt-glow: rgba(59, 130, 246, .4);--xt-p1: #dbeafe;--xt-p2: #bfdbfe;--xt-ink: #1d4ed8}[data-xt=zuordnung]{--xt-c1: #f59e0b;--xt-c2: #d97706;--xt-glow: rgba(245, 158, 11, .4);--xt-p1: #fef3c7;--xt-p2: #fde68a;--xt-ink: #b45309}[data-xt=reihenfolge]{--xt-c1: #6366f1;--xt-c2: #4f46e5;--xt-glow: rgba(99, 102, 241, .4);--xt-p1: #e0e7ff;--xt-p2: #c7d2fe;--xt-ink: #4338ca}[data-xt=sequenz]{--xt-c1: #14b8a6;--xt-c2: #0d9488;--xt-glow: rgba(20, 184, 166, .4);--xt-p1: #ccfbf1;--xt-p2: #99f6e4;--xt-ink: #0f766e}[data-xt=differenzierung]{--xt-c1: #06b6d4;--xt-c2: #0891b2;--xt-glow: rgba(6, 182, 212, .4);--xt-p1: #cffafe;--xt-p2: #a5f3fc;--xt-ink: #0e7490}[data-xt=memory]{--xt-c1: #facc15;--xt-c2: #eab308;--xt-glow: rgba(234, 179, 8, .4);--xt-p1: #fef9c3;--xt-p2: #fef08a;--xt-ink: #a16207}[data-xt=farbkarten]{--xt-c1: #8b5cf6;--xt-c2: #7c3aed;--xt-glow: rgba(139, 92, 246, .4);--xt-p1: #ede9fe;--xt-p2: #ddd6fe;--xt-ink: #6d28d9}[data-xt=doppel]{--xt-c1: #f97316;--xt-c2: #ea580c;--xt-glow: rgba(249, 115, 22, .4);--xt-p1: #ffedd5;--xt-p2: #fed7aa;--xt-ink: #c2410c}[data-xt=doppel-duell]{--xt-c1: #ec4899;--xt-c2: #db2777;--xt-glow: rgba(236, 72, 153, .4);--xt-p1: #fce7f3;--xt-p2: #fbcfe8;--xt-ink: #be185d}[data-xt=verbinden]{--xt-c1: #10b981;--xt-c2: #059669;--xt-glow: rgba(16, 185, 129, .4);--xt-p1: #d1fae5;--xt-p2: #a7f3d0;--xt-ink: #047857}[data-xt=benennen]{--xt-c1: #f43f5e;--xt-c2: #e11d48;--xt-glow: rgba(244, 63, 94, .4);--xt-p1: #ffe4e6;--xt-p2: #fecdd3;--xt-ink: #be123c}[data-xt=suchen]{--xt-c1: #84cc16;--xt-c2: #65a30d;--xt-glow: rgba(132, 204, 22, .4);--xt-p1: #ecfccb;--xt-p2: #d9f99d;--xt-ink: #4d7c0f}.type-card__foot{display:flex;align-items:center;justify-content:center;gap:.375rem;margin:0 .75rem;padding:.5rem 0 .625rem;border-top:1px solid #e2e8f0;font-size:.8125rem;font-weight:700;color:#4f46e5}.type-card__foot i{font-size:.75rem}.type-card[aria-disabled=true]{opacity:1;pointer-events:auto;cursor:not-allowed;border-color:#cbd5e1;box-shadow:none}.type-card[aria-disabled=true]:focus-visible{transform:none}.type-card[aria-disabled=true] .type-card__visual,.type-card[aria-disabled=true] .type-card__icon,.type-card[aria-disabled=true] .type-card__titles,.type-card[aria-disabled=true] .type-card__desc{opacity:.5}.type-card[aria-disabled=true] .type-card__foot{color:#64748b;font-weight:600}@media(hover:hover){.type-card[aria-disabled=true]:hover{transform:none;border-color:#cbd5e1;box-shadow:none}}.type-card.is-preselected,.type-card.is-preselected[aria-disabled=true]{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e5,0 4px 12px #4f46e52e}.type-card__badge{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;font-size:.6875rem;font-weight:700;line-height:1rem;letter-spacing:.02em;text-align:center;color:#fff;background:#4f46e5}@media(hover:hover){.type-card.is-preselected[aria-disabled=true]:hover{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e5,0 4px 12px #4f46e52e}}