.media-poster-unit{position:relative;flex:0 0 auto;width:220px;height:330px;border-radius:12px;overflow:hidden;background-color:var(--sora-card-bg);cursor:pointer;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease}.media-poster-unit:hover{transform:scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:2}.poster-artwork-layer{width:100%;height:100%;object-fit:cover;display:block}.poster-rank-glyph{position:absolute;top:-10px;left:10px;font-size:5rem;font-weight:800;color:#fff;font-family:var(--font-stack);line-height:1;z-index:10;text-shadow:0px 2px 10px rgba(0,0,0,.8),0px 4px 20px rgba(0,0,0,.5);pointer-events:none}.meta-info-gradient{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:12px;pointer-events:none}.genre-tag-label{font-size:.8rem;font-weight:500;color:rgba(255,255,255,.9);letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.8)}@media (max-width:768px){.media-poster-unit{width:110px;height:165px;border-radius:8px}.poster-rank-glyph{font-size:3rem;top:-5px;left:5px}.genre-tag-label{font-size:.65rem;padding-bottom:2px}.media-poster-unit:hover{transform:none}}