.badge{height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:var(--weight-strong);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-on-primary);align-items:center;line-height:1;display:inline-flex}.badge--new{background:var(--color-primary)}.badge--sale{background:var(--color-accent-red)}.badge--hot{background:var(--color-streak)}.badge--rank{background:var(--color-accent-purple)}.badge--neutral{background:var(--color-surface-2);color:var(--color-ink)}.bubble-card{border-radius:var(--radius-card);flex-direction:column;display:flex}.bubble-card__thumb{aspect-ratio:16/10;border-radius:var(--radius-card);transition:transform var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (hover:hover){.bubble-card:hover .bubble-card__thumb{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}}.bubble-card:active .bubble-card__thumb{box-shadow:none;transform:translateY(0)}.bubble-card__emoji{filter:drop-shadow(0 4px 8px #00000029);font-size:56px;line-height:1}.bubble-card__tags{top:var(--space-3);right:var(--space-3);left:var(--space-3);justify-content:flex-end;gap:var(--space-1);pointer-events:none;display:flex;position:absolute}.bubble-card__tag{height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-thumb-tag-bg);color:var(--color-thumb-tag-ink);font-family:var(--font-display);font-size:var(--text-xs);white-space:nowrap;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-items:center;line-height:1;display:inline-flex}.bubble-card__tag--type{font-weight:var(--weight-strong)}.bubble-card__tag--cat{font-weight:var(--weight-medium)}.bubble-card__cats-inline{display:none}@media (hover:hover){.bubble-card__tag{opacity:0;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);transform:translate(4px)}.bubble-card:hover .bubble-card__tag,.bubble-card:focus-visible .bubble-card__tag{opacity:1;transform:none}}@media (hover:none){.bubble-card__tag{display:none}.bubble-card__cats-inline{display:inline}}@media (prefers-reduced-motion:reduce){.bubble-card__tag{transform:none}}.bubble-card__body{padding:var(--space-3) 0 0;gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.bubble-card__title{font-size:var(--text-h3);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.bubble-card__creator{color:var(--color-ink-muted);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bubble-card__meta{gap:var(--space-4);padding-top:var(--space-1);margin-top:auto;display:flex}.bubble-card__meta-item{align-items:center;gap:var(--space-1);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:var(--weight-body);font-variant-numeric:tabular-nums;display:inline-flex;position:relative}@media (width<=1080px){.bubble-card__title{font-size:var(--text-body)}}.bubble-card--compact .bubble-card__title{font-size:var(--text-body)}.bubble-card--compact .bubble-card__emoji{font-size:40px}