@layer components{._card_1ccli_26{box-sizing:border-box;align-items:flex-start;gap:var(--space-1);aspect-ratio:5/7;width:100%;min-height:0;padding:var(--space-3);border-radius:var(--radius-card);background:linear-gradient(180deg, color-mix(in oklab, var(--card-accent) 28%, var(--color-bg-surface)) 0%, color-mix(in oklab, var(--card-accent) 14%, var(--color-bg-surface)) 50%, color-mix(in oklab, var(--card-accent) 6%, var(--color-bg-surface)) 100%);border:1.5px solid color-mix(in oklab, var(--card-accent) 40%, var(--color-border-subtle));border-top:1.5px solid color-mix(in oklab, var(--card-accent) 20%, color-mix(in oklab, var(--color-cream-12) 8%, transparent));color:var(--color-fg-primary);cursor:pointer;-webkit-user-select:none;user-select:none;min-width:48px;min-height:48px;transition:transform var(--motion-duration-fast) var(--motion-ease-decelerate);box-shadow:0 0 6px color-mix(in oklab, var(--card-glow-color) 35%, transparent), 0 0 14px color-mix(in oklab, var(--card-glow-color) 18%, transparent), var(--shadow-md);flex-direction:column;display:flex;position:relative;container-type:inline-size}._card_1ccli_26 .cardIllustration{pointer-events:none;border-radius:var(--radius-sm);flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}._card_1ccli_26 .cardIllustration img{object-fit:contain;width:100%;height:100%}._card_1ccli_26:after{content:"";border-radius:inherit;box-shadow:0 0 4px color-mix(in oklab, var(--card-glow-color) 80%, transparent), 0 0 8px color-mix(in oklab, var(--card-glow-color) 60%, transparent), 0 0 20px color-mix(in oklab, var(--card-glow-color) 40%, transparent), 0 0 40px color-mix(in oklab, var(--card-glow-color) 20%, transparent);opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-ease-decelerate);pointer-events:none;z-index:-1;position:absolute;inset:-2px}@media (hover:hover) and (pointer:fine){._card_1ccli_26:hover{transform:translateY(-4px)}._card_1ccli_26:hover:after{opacity:1}}._card_1ccli_26:not([aria-disabled=true]):not([data-selected]):active{transform:scale(.98)}._card_1ccli_26[data-selected]:after{opacity:1;transition:none}._card_1ccli_26[data-selected]{border-color:var(--card-accent);transition:none}._card_1ccli_26[aria-disabled=true]{cursor:default;pointer-events:none}._card_1ccli_26._cardCompact_1ccli_150{padding:var(--space-1)}._card_1ccli_26:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in oklab, var(--color-charcoal-1) 90%, transparent)}._cardHeader_1ccli_166{align-items:center;gap:var(--space-1);width:100%;min-width:0;display:flex}._cardName_1ccli_146{min-width:0;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;color:var(--card-accent);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:clamp(9px,7.5cqi,13px);font-weight:700;line-height:1.1;overflow:hidden}@container (width<=114px){._cardName_1ccli_146{display:none}}._cardDesc_1ccli_207{display:none}@container (width>=177px){._cardName_1ccli_146{letter-spacing:.05em;font-size:clamp(14px,6cqi,20px)}._cardDesc_1ccli_207{font-family:var(--font-body);font-weight:500;font-size:clamp(var(--text-card-desc-large-min), 5cqi + 0rem, var(--text-card-desc-large-max));color:color-mix(in oklab, var(--card-accent) 25%, var(--color-fg-secondary));min-height:2lh;margin-top:auto;line-height:1.4;display:block}._card_1ccli_26{padding:var(--space-4);gap:var(--space-2)}._cardHeader_1ccli_166 .cardBadge{width:clamp(20px,7cqi,28px);height:clamp(20px,7cqi,28px)}}._card_1ccli_26 .cardBadge{width:clamp(12px,9cqi,18px);height:clamp(12px,9cqi,18px);color:var(--card-accent);flex:none;justify-content:center;align-items:center;display:flex}._card_1ccli_26 .cardBadge svg{width:100%;height:100%}._cardBack_1ccli_271{aspect-ratio:5/7;border-radius:var(--radius-card);background-color:var(--color-teal-2);border:1px solid color-mix(in oklab, var(--color-accent-burned) 25%, var(--color-border-subtle));min-width:48px;min-height:48px;box-shadow:var(--shadow-md);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140'%3E%3Cpath d='M50 20 L80 70 L50 120 L20 70 Z' fill='none' stroke='%23a33340' stroke-width='1.5' opacity='0.3'/%3E%3Cpath d='M50 35 L70 70 L50 105 L30 70 Z' fill='none' stroke='%23947226' stroke-width='1' opacity='0.2'/%3E%3Ccircle cx='50' cy='70' r='8' fill='none' stroke='%23a33340' stroke-width='1' opacity='0.25'/%3E%3Ccircle cx='50' cy='70' r='3' fill='%23a33340' opacity='0.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;position:relative}._cardBack_1ccli_271:before{content:"";inset:var(--space-1);border:1px solid color-mix(in oklab, var(--color-accent-drama) 15%, transparent);border-radius:calc(var(--radius-card) - 3px);pointer-events:none;position:absolute}@media (prefers-contrast:more){._card_1ccli_26:after{opacity:0;display:none}._card_1ccli_26{box-shadow:none;border:2px solid var(--card-accent);background:var(--color-bg-surface)}._card_1ccli_26:focus-visible{outline-width:3px}}@media (forced-colors:active){._card_1ccli_26{forced-color-adjust:none;border:2px solid buttontext}._card_1ccli_26[data-selected]{border-color:highlight}._cardName_1ccli_146{color:buttontext}}}