.comic-card{display:flex;flex-direction:column;cursor:pointer;gap:var(--spacing-2);min-width:240px;max-width:240px;perspective:1000px}.comic-card__cover{position:relative;width:100%;border-radius:var(--border-radius-2xl);overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;transform-style:preserve-3d}.comic-card__cover:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent,transparent 35%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.25) 55%,transparent 65%,transparent);background-size:200% 100%;background-position:100% 0;opacity:0;transition:opacity .2s ease;z-index:2;pointer-events:none}.comic-card__cover:after{content:"";position:absolute;inset:-2px;border-radius:calc(var(--border-radius-2xl) + 2px);background:linear-gradient(135deg,#ff6b6b,#d40000,#ff8e53);opacity:0;z-index:-1;transition:opacity .4s ease}.comic-card__image{aspect-ratio:var(--a4-aspect-ratio);object-fit:cover;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),filter .4s ease}@media (hover:hover) and (pointer:fine){.comic-card:hover .comic-card__cover{box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(212,0,0,.2)}.comic-card:hover .comic-card__cover:before{opacity:1;animation:shine 1.2s ease-in-out forwards}.comic-card:hover .comic-card__cover:after{opacity:1}.comic-card:hover .comic-card__image{transform:scale(1.08);filter:brightness(1.05) contrast(1.05)}.comic-card:hover .comic-card__title{color:var(--color-accent)}}@keyframes shine{0%{background-position:100% 0}to{background-position:0 0}}.comic-card__favorite-badge{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--border-radius-full);padding:var(--spacing-2);background-color:var(--color-white-08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}.comic-card__favorite-badge img{width:100%;height:100%;filter:brightness(0) invert(1);opacity:1}.comic-card__rating-banner{position:absolute;top:272px;left:4px;width:232px;height:84px;border-radius:var(--border-radius-2xl);padding:var(--spacing-4);background:rgba(30,25,32,.6);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);z-index:4;pointer-events:none}.light .comic-card__rating-banner{background:rgba(245,242,243,.6)}.comic-card__rating-banner-stars{display:flex;align-items:center;justify-content:center}.comic-card__rating-banner-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;font-size:var(--font-size-xs);line-height:var(--line-height-1);letter-spacing:0;color:var(--color-secondary-text);margin:0;text-align:center}.comic-card__info{display:flex;flex-direction:column;gap:var(--spacing-2)}.comic-card__meta-row{display:flex;align-items:center;justify-content:space-between;width:100%}.comic-card__genres,.comic-card__rating-display{display:flex;gap:var(--spacing-1);align-items:center}.comic-card__rating-display{font-family:var(--font-family-body);font-weight:var(--font-family-medium);font-size:var(--font-size-xs);line-height:var(--line-height-1);color:var(--color-primary-text);white-space:nowrap}.comic-card__rating-icon{width:var(--spacing-4);height:var(--spacing-4);display:block}.comic-card__title{margin:0;font-family:var(--font-family-body);font-weight:var(--font-family-semi-bold);font-size:var(--font-size-xl);line-height:var(--line-height-5);color:var(--color-primary-text);text-align:left;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(var(--line-height-5) * 2)}@media (max-width:1200px){.comic-card{min-width:180px;max-width:180px}}@media (max-width:834px){.comic-card{min-width:160px;max-width:160px}.comic-card__cover{border-radius:var(--border-radius-xl)}.comic-card__meta-row{flex-direction:column;gap:var(--spacing-2);align-items:flex-start}.comic-card__title{font-size:var(--font-size-sm);line-height:var(--line-height-2);min-height:calc(var(--line-height-2) * 2)}}